WooCommerce Shortcodes шорткоды для интернет-магазина

WooCommerce

Привет! Мы продолжаем разбирать самые интересные и полезные плагины для интернет-магазина Woocommerce. Сегодня вы узнаете как с помощью шорткодов добавлять на ваш сайт различные элементы интернет-магазина woocommerce. К примеру вы сможете вывести на сайт список товаров из определённой категории. В настройках можно указать сколько колонок будет на странице с товарами, чтобы товары отображались в виде сетки и т.д.

Установить плагин WooCommerce Shortcodes вы сможете прямо из админ-панели wordpress. Перейдите на страницу: ПлагиныДобавить новый, введите название плагина в форму поиска, нажмите Enter, установите и активируйте плагин.

 

WooCommerce Shortcodes

 

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

 

страница редактор

 

Далее, нажмите на данную вкладку. У вас откроется окно, здесь будет четыре элемента:

 

Product, товары.

List, создание списков.

Shop Messages, вывод сообщений (отзывов).

Order tracking, отслеживание заказа.

 

woocommerce

 

Вкладка Product имеет три вложения:

Price/cart button, кнопки цена и корзина.

Add to cart URL, страница “Добавить в корзину”.

By SKU/ID, добавление любого элемента по SKU и ID.

 

product

 

Вкладка List имеет девять вложений:

Products by SKU/ID, вывод товаров по SKU и ID.

Product categories, вывод категорий товаров.

Products by category slug, вывод товаров из определённой категории.

Products by attributes, вывод товаров по атрибутам.

Recent products, вывод последних, свежих товаров.

Featured products, рекомендуемые товары.

Sale products, товары со скидкой или по акции.

Best Selling products, самые продаваемые товары.

Top rated products, лучшие товары.

 

вкладка List

 

Давайте для примера выведем список товаров из определённой категории. Перейдите по вкладке: ListProducts by category slug.

 

категория товар список

 

В открывшемся окне, в поле Category Slug, укажите название категории, из который будут отображаться товары. Далее по списку вы можете указать количество товаров и количество колонок на странице. Остальные поля оставьте по умолчанию и нажмите на кнопку – OK.

 

категория товар

 

Далее, на странице редактирования у вас появится соответствующий шорткод.

 

шорткод страница

 

А на сайте будет отображаться готовый список товаров !

 

товары список

 

Остались вопросы? Напиши комментарий! Удачи!

 

info-effect.ru
Добавить комментарий для Константин Отменить ответ

Имя и Email указывать не обязательно. Чтобы получить ответ на свою электронную почту, укажите свой Email.

  1. Иван

    Здравствуйте!Прошу Вашей помощи,у меня плагин WooCommerce Shortcodes устанавливается,но на странице редактирования его нет,не могли бы прислать на почту шорт-код “Featured products”,сделанный на данном плагине?Спасибо большое заранее.

    Ответить
    1. Admin автор

      Привет, держи – [featured_products per_page=”12″ columns=”4″ orderby=”date” order=”ASC”] Количество товаров и колонок свои укажи !

      Ответить
    2. Admin автор

      Только все кавычки должны быть верхними, исправь в шорткоде, а то не будет работать !

      Ответить
  2. Иван

    Да спасибо большое!!Все так и сделал,все работает,неделю мучился с этими кодами,пока не вспомнил про твой суперблог!!!И еще-прости за наглость)))можешь сказать название темы на которой твой блог сделан,знаю-нагло,но я извинился)))

    Ответить
  3. Кирилл

    Скажите, а можно еще под каждой карточкой мини слайдер с галерей как-то добавить?

    типо как-то так? prntscr.com/d4dop2

    Ответить
    1. Admin автор
      Ответить
  4. Дарья

    Добрый день! Спасибо за помощь и рекомендации. Устанавливаю шорткод с категорией и он не отображается на странице. Если вывожу отдельно товар по ID только в этом случае выходит на страницу. и Второй вопрос как можно изменить размеры миниатюры чтобы они были чуть больше по размеру.

    Ответить
    1. Admin автор

      Здравствуйте, а какой функцией выводите товары ? Может вы количество товаров и колонок не указали. Размеры миниатюр можно изменить с помощью CSS. Есть плагин специальный – SiteOrigin CSS.

      Ответить
      1. Дарья

        спасибо но данный плагин не подошел

        Ответить
        1. Admin автор

          А что значит не подошёл ? Тогда используйте – Simple Custom CSS

          Ответить
  5. Дарья

    размер миниатюры товара слишком маленький понимаю что это видимо надо искать причину где то в CSS

    Ответить
  6. Мурат

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

    Ответить
    1. Admin автор

      Создаёте товары со скидкой, добавляете их в категорию, например, “Распродажа” и выводите товары из данной категории на главной странице. Есть плагин специальный – Woocommerce Shortcodes.

      Ответить
  7. Михаил

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

    Ответить
    1. Admin автор

      Здравствуйте, такой функции в данном плагине нет. Попробуйте отрегулировать с помощью CSS. Есть два плагина полезных, можете поработать с ними, их можно и вместе использовать. 1 плагин – SiteOrigin CSS., 2 плагин – Simple Custom CSS.

      Ответить
  8. Сергей

    Что то в репозитории нет его… может название изменили… Как с Вами в личку связаться?

    Ответить
    1. Admin автор

      Есть он в репозитории, на второй странице, по запросу WooCommerce Shortcodes. В личку можете писать на странице Связь.

      Ответить
  9. Константин

    Добрый день.
    А не подскажите решение вот такой проблемки:
    – использую “иностранную” тему WooCommerce, плагины установил русскоязычные, НО
    часть полей все-ровно прописаны на английском, пробовал и Saphali и другие способы – не могу найти где названия располагаются.
    “Cart” – перевел надписи (Товар, кол-во, цена, и т.д.) а вот в частности при оформлении заказов такие поля как Адрес, Город и еще парочка – на английском.
    Подскажите куда “копать”? в каком направлении?
    Спасибо.

    Ответить
    1. Admin автор

      Здравствуйте. Вам может помочь плагин – Loco Translate, он переводит как темы, так и плагины.

      Ответить
  10. Константин

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

    Ответить
  11. Муки

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

    Ответить
    1. Admin автор

      Woocommerce у вас настроен, все необходимые страницы созданы?

      Ответить
      1. Муки

        страницы созданы,но там пока пусто

        Ответить
        1. Admin автор

          У вас не правильно настроен Woocommerce. На всех основных страницах: Корзина, Оформление заказа, Мой аккаунт (кроме Каталога), должны стоять шорткоды для связи страниц. Их можно скопировать в настройках Woo.

          Ответить
          1. Муки

            Так страницы созданы,если я вас правильно понял, то страницы вукоммерс надо заполнить шорткодами?чтобы был связка страниц

          2. Admin автор

            Само собой. Вы Woocommerce настраивали? Там всё по Русски написано. Внимательно смотрите.

  12. Андрей

    Здравствуйте. Подскажите кто знает. Нужно вывести определенные категории на странице, понятно что с помощью шорткода, а где взять id или номер категорий для вывода?

    Ответить
    1. Admin автор

      Добрый день. Просто список категорий или как в каталоге с изображениями?

      Ответить
  13. Дмитрий

    Здравствуйте, подскажите, как вывести шорткодом все товары на отдельной странице?

    Ответить
    1. Admin автор

      Здравствуйте, этот плагин вам поможет, который описан в данной статье.

      Ответить