Уроки по созданию сайтов на WordPress Создание сайта и интернет магазина с нуля! Интересует вопрос как создать сайт? Тогда Вам сюда!
Здравствуйте, дорогие читатели! В первой части урока мы с Вами говорили о шорткодах в WooCommerce, а в этом продолжим начатое.
Вывод страницы товара на любой странице или записи
Интересный шорткод, с помощью которого можно вывести страницу товара на любой странице или записи.
Вывод по ID товара:
[product_page id="40"]
По артикулу:
[product_page sku="0001"]
Результат:
Как вывести товары из категории WooCommerce?
Для вывода товаров из категории в WooCommerce есть шорткод:
[product_category category="kategoriya-1"]
Замечу, что в скобках нужно указывать не название категории, а ее ярлык!
Узнать ярлык категории можно перейдя в Товары -> Категории:
По умолчанию будет выводится 12 товаров в 4 колонки.
Как сделать вывод категорий?
Для того чтобы сделать вывод категории используйте шорткод:
[product_categories number="7" parent="0"]
Значение number — количество выводимых категорий.
С помощью шорткода ниже можно вывести категории(ю) по ID:
[product_categories ids="7,8" parent="0"]
Результат:
Как вывести товары со скидкой?
Для этого используйте шорткод:
[sale_products per_page="4"]
Результат:
Как вывести топ рейтинговых товаров?
Обычно рейтинги товару назначаются при добавлении комментария. На основе этих рейтингов можно сделать вывод товаров. Для этого в WooCommerce есть специальный шорткод:
[top_rated_products per_page="12"]
Вывод товаров по свойствам
С помощью шорткода ниже можно сделать вывод товаров по заданным свойствам. В примере ниже вы из свойства Цвет выводим все товары черного цвета.
[product_attribute attribute='color' filter='black']
Если у Вас возникнут вопросы — смело задавайте их в комментариях 🙂
здравствуйте, так как я очень поверхностно разбираюсь в программировании, после продчтения вашей статьи возник вопрос, куда именно нужно вставлять шорткод? в какой файл? после какого тега? или в какой строке файла? объясните пожалуйста на примере вывода на главную страницу новых товаров, лидеров продаж и распродажа. если можно? Спасибо
Здравствуйте, Игорь!
Шорткод вставлять нужно на ту страницу, на которой Вы хотите видеть его работу. Никакие файлы трогать и изменять не нужно.
Для примера, зайдите с админки в Страницы -> Все страницы и откройте страницу, на которой хотите сделать вывод новых товаров. К примеру пусть это будет «Главная».
После этого добавьте в любое место (по желанию) шорткод:
и сохраните страницу. Таким образом Вы выведите на главной странице новые товары в 4 колонки.
Для вывода распродажи добавьте:
Сложного совершенно ничего нету, нужно всего лишь добавить на страницу шорткод и не забыть сохранить страницу.
когда создаешь/редактируешь страницу есть две кнопки «визуально» и «текст», нужно нажать на текст и вставить шорткод? все верно?
Верно. Добавлять шорткод на вкладке «Текст» лучше всего. Таким образом можно исключить возможную конвертацию символов шорткода в html формат.
А как вывести категории товаров, но при этом чтобы не показывалось кол-во товара в этой группе?
Добавьте в CSS следующие стили:
.product-category .count { display:none; }я хочу вывести на главную три категории товаров. Идеально смотрится, когда их четыре, но в моем случае их всего три. Можно как-то центрировать их?
Если в Вашей теме нету специальных шорткодов на этот случай, то мгновенного решения нету. Отцентрировать и сделать их больше придется с помощью CSS.
Александр, да Вы просто находка для меня — ржавого чайника). Спасибо!!!
Пожалуйста! Мне приятно что уроки приносят пользу 🙂
Добрый день! Вывести товары из категории WooCommerce получилось. Но возник следующий вопрос выводится только 12 последних товаров. Подскажите как можно их увеличить или разбить на страницы?
Здравствуйте, Юрий!
Указать нужное Вам количество товаров выводимых с помощью шорткода, можно добавив значение per_page в шорткод. К примеру, для вывода 20 товаров из категории test нужно использовать следующий шорткод:
Плюс к карме :). Все работает. Спасибо!
А как сделать что, бы создавало страницу -2 для просмотра.
С этим справится премиум плагин Woocommerce ShortCodes Products By Categories.
Подскажите как вывести популярный товар выбранной категории? Скажем есть категория ложка и вилка. Я хочу вывести 2 блока, один популярные ложки а другой популярные вилки.
Можно использовать вот этот код, добавив его в functions.php
https://gist.github.com/klihelp/7810337
Обязательно исправить строчку 96 заменив «page_navi» на «woocommerce_pagination»
Здравствуйте. У меня следующий вопрос. Нету кнопки «wo» что бы добавить шорт код. Товар добавляется, а на нужную странницу не получается вывести. Попробовал добавить доп. плагины, не помогло. Подскажите пожалуйста.
Здравствуйте! А зачем Вам кнопка? Напишите сами или скопируйте из урока, для шорткода нету разницы как он вставлен.
Доброе утро. Такой вопрос, как в категориях например где выведенны новые товары чтобы была кнопка Добавить в корзину
На товарах выведенных с помощью шорткода кнопка есть. Если я не понял вопрос — уточните пожалуйста.
прошу прощения.. а где берется ID категории? разве им не ярлык присваивается? у меня задача вывести на странице определенные категории (без товара), не могу справиться((
Наведите мышкой в админке на категорию (Товары -> Категории) и в левом нижнем углу появится полосочка, на которой вы увидите кучу слов. Среди них будет ID=номер (Если ID категории 13, то будет ID=13). Так вот значение после ID= и есть ID категории.
Также, просто открыв категорию в админке, можно в URL адресе увидеть этот же ID=
спасибо, все понятно))
Добрый день! Вывожу товары с помощью шорткода [product_category category=»for-kazakh-school_01″ per_page=»40″] все выводиться, только одна проблема, можно ли добавить пагинацию к странице. т.к чтобы выводилось на первой странице только 12 товаров, остальные на последующих страницах?
Здравствуйте! К сожалению, стандартными средствами по выводу шорткодов пагинацию не добавить.
Добрый день, вывожу категории с помощью шорткода product categories, все выводится, однако картинки категорий и названия висят как-то криво, смещены в разные стороны, кроме того у все категорий он показывает какие-то незаполненные строки. Не могли бы Вы подсказать, в чем проблема? пытался менять темы — не помогло
Добрый день! Если в теме нет CSS стилей, которые должны приводить все в нормальный вид, тогда выход один — добавить их самостоятельно.
Александр, спасибо за Ваш ответ, но дело оказалось в другом, достаточно было отметить в настройках Woocommerce На странице магазина — показывать категории и подкатегории, надеюсь, это кому-то поможет.
Хотел бы спросить еще кое-что, надеюсь на Вашу помощь. Я создал категорию А и в ней подкатегорию а1. Я создал товары в подкатегории a1 — x1, x2 и тд., а также создал товары в категории А — y1, y2 и тд. когда я открываю категорию А — у меня показывает и x-ы и y-ки, а я хотел бы, чтобы товары x показывало только при открытии подкатегории а1. Не подскажите — как мне этого добиться? Большое спасибо
Здравствуйте, Артем.
Для того чтобы сделать так как Вы хотите, нужно следующее:
1) Не ставьте галочку при добавлении товара на родительскую категорию, а отмечайте только подкатегорию.
2) Добавьте в functions.php следующий код:
function exclude_product_cat_children($wp_query) { if ( isset ( $wp_query->query_vars['product_cat'] ) && $wp_query->is_main_query()) { $wp_query->set('tax_query', array( array ( 'taxonomy' => 'product_cat', 'field' => 'slug', 'terms' => $wp_query->query_vars['product_cat'], 'include_children' => false ) ) ); } } add_filter('pre_get_posts', 'exclude_product_cat_children');Большое спасибо!
Здравствуйте. Подскажите пожалуйста, как сделать что бы при переходе в категорию открывался не список товаров, а подкатегории?
Здравствуйте. Вы можете сделать страницу и вывести шорткодом все подкатегории из родительской категории. К примеру:
[product_categories number=»20″ parent=»93″]
где 93 — это id родительской категории, подкатегории которой вы хотите вывести. А 20 — количество подкатегорий.
Спасибо, попробую..
ПРИВЕТСТВУЮ…есть сайт nano9.ru вроде как все хорошо, но при выводе категории с помощь шорт кода, в этот разделе слители стили… как их присвоить? nano9.ru/medvidi/ буду признателен Вашему совету
Здравствуйте!
Я не знаю какие стили у Вас были и как понять что они слетели… В любом случае, ничего не мешает добавить нужные CSS стили к любому элементу на странице.
остальное все выглядит так .
nano9.ru/vakuumnye-naushniki/
Будьте внимательны. Вывод там где «все хорошо» сделан в Visual Composer. Сделайте аналогичную страницу, только измените категорию.
не совсем понимаю как можно стилизровать шорт код с помощью визуал композера( с вп просто не работал до этого..
Здравствуйте!
Спасибо за ваш пост — очень помог!!!
Есть один вопрос: есть ли шорткод для вывода страниц по id c миниатюрой? Вот как вывод товара по id
[product_page id=»40″].
Нужно вывести несколько на странице в таком же плане.
Добрый день.
Подскажите, можно ли при выводе категории вывести еще и фильтр — «По новизне, по пулярности…»?
добрый день,шорт код который выводить должен категории по id [product_categories ids=»7,8″ parent=»0″],а как узнать ID категории?
Добрый день. Способом много разных. К примеру, если зайти в категорию (с админки) в ссылке Вы увидите строчку tag_ID=16 (где 16 и есть ID категории).
Доброго времени! У меня такой вопрос. Как мне скрыть отображения названия товара на странице(например при выводе шорткода последних товаров на главной), но чтобы переходя на карточку товара, название присутствувало? Спасибо!
Попробуйте скрыть с помощью CSS, добавив свойство display:none к названиям товара.
Сделал шорткод который выводит товары на странице по атрибутам. у меня больше 12 получается, почему не создается вторая страница автоматически с товарами? или где изменить кол-во на странице?
В стандартных шорткодах нету навигации по страницам. Для изменения количества используйте per_page=»20″ внутри шорткода (где 20 — количество товаров).
я переплюну всех ржавых чайников здесь сидящих. Читаю Ваши уроки, стараюсь и еще раз стараюсь. У меня storefront, на котором Вы все и показывали ранее. Но вопрос один, как ни крути а такой как на демо версии эта тема у меня не выглядит, и, красотой там даже не пахнет. На ней масса класных фильтров товаров, слайдеров, банеров. Каким образом это все утащить к себе???
Не переплюните 🙂 Проблема в том, что в демо storefront используются их же как платные так и бесплатные плагины к теме. Таким образом они рекламируют их и мотивируют купить. Список всех можно увидеть на странице — https://www.woothemes.com/product-category/storefront-extensions/