Домой / WordPress / Шорткоды в WooCommerce. Часть 2
Шорткоды в WooCommerce. Часть 2

Шорткоды в WooCommerce. Часть 2

Здравствуйте, дорогие читатели! В первой части урока мы с Вами говорили о шорткодах в WooCommerce, а в этом продолжим начатое.

Вывод страницы товара на любой странице или записи

Интересный шорткод, с помощью которого можно вывести страницу товара на любой странице или записи.

Вывод по ID товара:

[product_page id="40"]

По артикулу:

[product_page sku="0001"]

Результат:

Шорткоды в WooCommerce. Часть 2

Как вывести товары из категории WooCommerce?

Для вывода товаров из категории в WooCommerce есть шорткод:

[product_category category="kategoriya-1"]

Замечу, что в скобках нужно указывать не название категории, а ее ярлык!

Узнать ярлык категории можно перейдя в Товары -> Категории:

Шорткоды в WooCommerce. Часть 2

По умолчанию будет выводится 12 товаров в 4 колонки.

Как сделать вывод категорий?

Для того чтобы сделать вывод категории используйте шорткод:

[product_categories number="7" parent="0"]

Значение number — количество выводимых категорий.

С помощью шорткода ниже можно вывести категории(ю) по ID:

[product_categories ids="7,8" parent="0"]

Результат:

Шорткоды в WooCommerce. Часть 2

Как вывести товары со скидкой?

Для этого используйте шорткод:

[sale_products per_page="4"]

Результат:

Шорткоды в WooCommerce. Часть 2

Как вывести топ рейтинговых товаров?

Обычно рейтинги товару назначаются при добавлении комментария. На основе этих рейтингов можно сделать вывод товаров. Для этого в WooCommerce есть специальный шорткод:

[top_rated_products per_page="12"]

Вывод товаров по свойствам

С помощью шорткода ниже можно сделать вывод товаров по заданным свойствам. В примере ниже вы из свойства Цвет выводим все товары черного цвета.

[product_attribute attribute='color' filter='black']

Если у Вас возникнут вопросы — смело задавайте их в комментариях 🙂

Здравствуйте, дорогие читатели! В первой части урока мы с Вами говорили о шорткодах в WooCommerce, а в этом продолжим начатое. Вывод страницы товара на любой странице или записи Интересный шорткод, с помощью которого можно вывести страницу товара на любой странице или записи. Вывод по ID товара: По артикулу: Результат: Как вывести товары из категории WooCommerce? Для вывода товаров из категории в WooCommerce есть шорткод: Замечу, что в скобках нужно указывать не название категории, а ее ярлык! Узнать ярлык категории можно перейдя в Товары -> Категории: По умолчанию будет выводится 12 товаров в 4 колонки. Как сделать вывод…

Обзор

Оценка

Рейтинг: 4.08 ( 12 голосов )
100

88 комментариев

  1. Аватар

    здравствуйте, так как я очень поверхностно разбираюсь в программировании, после продчтения вашей статьи возник вопрос, куда именно нужно вставлять шорткод? в какой файл? после какого тега? или в какой строке файла? объясните пожалуйста на примере вывода на главную страницу новых товаров, лидеров продаж и распродажа. если можно? Спасибо

    • Аватар

      Здравствуйте, Игорь!
      Шорткод вставлять нужно на ту страницу, на которой Вы хотите видеть его работу. Никакие файлы трогать и изменять не нужно.
      Для примера, зайдите с админки в Страницы -> Все страницы и откройте страницу, на которой хотите сделать вывод новых товаров. К примеру пусть это будет «Главная».
      После этого добавьте в любое место (по желанию) шорткод:

      [recent_products per_page="12" columns="4"]
      

      и сохраните страницу. Таким образом Вы выведите на главной странице новые товары в 4 колонки.
      Для вывода распродажи добавьте:

      [sale_products per_page="4"]
      

      Сложного совершенно ничего нету, нужно всего лишь добавить на страницу шорткод и не забыть сохранить страницу.

      • Аватар

        когда создаешь/редактируешь страницу есть две кнопки «визуально» и «текст», нужно нажать на текст и вставить шорткод? все верно?

  2. Аватар
    Алексей

    А как вывести категории товаров, но при этом чтобы не показывалось кол-во товара в этой группе?

  3. Аватар

    я хочу вывести на главную три категории товаров. Идеально смотрится, когда их четыре, но в моем случае их всего три. Можно как-то центрировать их?

  4. Аватар
    Татьяна

    Александр, да Вы просто находка для меня — ржавого чайника). Спасибо!!!

  5. Аватар

    Добрый день! Вывести товары из категории WooCommerce получилось. Но возник следующий вопрос выводится только 12 последних товаров. Подскажите как можно их увеличить или разбить на страницы?

  6. Аватар
    Евгений

    Здравствуйте. У меня следующий вопрос. Нету кнопки «wo» что бы добавить шорт код. Товар добавляется, а на нужную странницу не получается вывести. Попробовал добавить доп. плагины, не помогло. Подскажите пожалуйста.

  7. Аватар

    Доброе утро. Такой вопрос, как в категориях например где выведенны новые товары чтобы была кнопка Добавить в корзину

  8. Аватар
    Наталья

    прошу прощения.. а где берется ID категории? разве им не ярлык присваивается? у меня задача вывести на странице определенные категории (без товара), не могу справиться((

    • Аватар

      Наведите мышкой в админке на категорию (Товары -> Категории) и в левом нижнем углу появится полосочка, на которой вы увидите кучу слов. Среди них будет ID=номер (Если ID категории 13, то будет ID=13). Так вот значение после ID= и есть ID категории.

      Также, просто открыв категорию в админке, можно в URL адресе увидеть этот же ID=

  9. Аватар

    Добрый день! Вывожу товары с помощью шорткода [product_category category=»for-kazakh-school_01″ per_page=»40″] все выводиться, только одна проблема, можно ли добавить пагинацию к странице. т.к чтобы выводилось на первой странице только 12 товаров, остальные на последующих страницах?

  10. Аватар

    Добрый день, вывожу категории с помощью шорткода product categories, все выводится, однако картинки категорий и названия висят как-то криво, смещены в разные стороны, кроме того у все категорий он показывает какие-то незаполненные строки. Не могли бы Вы подсказать, в чем проблема? пытался менять темы — не помогло

    • Аватар

      Добрый день! Если в теме нет CSS стилей, которые должны приводить все в нормальный вид, тогда выход один — добавить их самостоятельно.

  11. Аватар

    Александр, спасибо за Ваш ответ, но дело оказалось в другом, достаточно было отметить в настройках 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');
      
  12. Аватар

    Большое спасибо!

  13. Аватар
    Александр

    Здравствуйте. Подскажите пожалуйста, как сделать что бы при переходе в категорию открывался не список товаров, а подкатегории?

    • Аватар

      Здравствуйте. Вы можете сделать страницу и вывести шорткодом все подкатегории из родительской категории. К примеру:
      [product_categories number=»20″ parent=»93″]
      где 93 — это id родительской категории, подкатегории которой вы хотите вывести. А 20 — количество подкатегорий.

  14. Аватар

    ПРИВЕТСТВУЮ…есть сайт nano9.ru вроде как все хорошо, но при выводе категории с помощь шорт кода, в этот разделе слители стили… как их присвоить? nano9.ru/medvidi/ буду признателен Вашему совету

    • Аватар

      Здравствуйте!
      Я не знаю какие стили у Вас были и как понять что они слетели… В любом случае, ничего не мешает добавить нужные CSS стили к любому элементу на странице.

      • Аватар

        остальное все выглядит так .
        nano9.ru/vakuumnye-naushniki/

        • Аватар

          Будьте внимательны. Вывод там где «все хорошо» сделан в Visual Composer. Сделайте аналогичную страницу, только измените категорию.

          • Аватар

            не совсем понимаю как можно стилизровать шорт код с помощью визуал композера( с вп просто не работал до этого..

  15. Аватар

    Здравствуйте!
    Спасибо за ваш пост — очень помог!!!
    Есть один вопрос: есть ли шорткод для вывода страниц по id c миниатюрой? Вот как вывод товара по id
    [product_page id=»40″].

    Нужно вывести несколько на странице в таком же плане.

  16. Аватар
    Евгений

    Добрый день.
    Подскажите, можно ли при выводе категории вывести еще и фильтр — «По новизне, по пулярности…»?

  17. Аватар

    добрый день,шорт код который выводить должен категории по id [product_categories ids=»7,8″ parent=»0″],а как узнать ID категории?

    • Аватар

      Добрый день. Способом много разных. К примеру, если зайти в категорию (с админки) в ссылке Вы увидите строчку tag_ID=16 (где 16 и есть ID категории).

  18. Аватар

    Доброго времени! У меня такой вопрос. Как мне скрыть отображения названия товара на странице(например при выводе шорткода последних товаров на главной), но чтобы переходя на карточку товара, название присутствувало? Спасибо!

  19. Аватар

    Сделал шорткод который выводит товары на странице по атрибутам. у меня больше 12 получается, почему не создается вторая страница автоматически с товарами? или где изменить кол-во на странице?

    • Аватар

      В стандартных шорткодах нету навигации по страницам. Для изменения количества используйте per_page=»20″ внутри шорткода (где 20 — количество товаров).

  20. Аватар

    я переплюну всех ржавых чайников здесь сидящих. Читаю Ваши уроки, стараюсь и еще раз стараюсь. У меня storefront, на котором Вы все и показывали ранее. Но вопрос один, как ни крути а такой как на демо версии эта тема у меня не выглядит, и, красотой там даже не пахнет. На ней масса класных фильтров товаров, слайдеров, банеров. Каким образом это все утащить к себе???

Оставить комментарий

Ваш email не будет опубликован.

*