Шорткоды для вставки витрин товаров в контент страниц и записей

В плагине магазина WP-Shop есть функция, условно названная «витрина».  Взгляните как это выглядит (образец), на демо-сайте — образец вставки витрины магазина WP Shop на стандартной теме WordPress

Эта функция будет Вам полезна, если Вы захотите выводить товарные блоки не в виде архива рубрики, а независимо, внутри любых страниц и записей.

Вывод витрины делается через вставку специального шорткода внутри страницы или записи:

[vitrina ID_рубрики колво_столбцов высота колво_строк длина_текста]

Вариант вывода витрины по рубрике

[vitrina cat=120 3 550 2 150]

Где:

  • cat=120 ID рубрики, которой объединены нужные товары;
  • 3 — количество столбцов (колонок) при выводе витрины, может быть любым: 1,2,3…10 — сколько вместится в вашу верстку;
  • 550 — высота блоков при выводе витрины, в пикселях.
  • 2 — количество строк (для 1 страницы) при выводе витрины.
  • 150 — длина текста в символах для каждого товара. Текст берется из доп.поля short_text, а при его отсутствии — из контента поста

[vitrina ярлык_метки колво_столбцов высота колво_строк длина_текста]

Вариант вывода витрины по тегу

[vitrina playboy 3 500 2 100]

Где:

  • playboy — ярлык_метки !!!, которой объединены нужные товары;
  • 3 — количество столбцов (колонок) при выводе витрины, может быть любым: 1,2,3…10 — сколько вместится в вашу верстку;
  • 500 — высота блоков при выводе витрины, в пикселях.
  • 2 — количество строк (для 1 страницы) при выводе витрины.
  • 100 — длина текста в символах для каждого товара. Текст берется из доп.поля short_text, а при его отсутствии — из контента поста

Скриптом, выводящим витрину, обрабатываются следующие произвольные поля (Custom_Fields) записей:

pic = HTML-код картинки. Почему HTML а не просто линк на картинку?  А для того, чтобы можно было применять всяческие спецэффекты к картинкам + можно вместо картинок использовать другие визуальные элементы — flash, видео, javascript и т.д. Решение это не бесспорное, но мы посчитали что так будет удобнее.

short_text = краткое текстовое описание товара.  Сюда можно внести фрагмент описания товара, для вывода только в витрине.

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

Встроенные шорткоды — удобный инструмент для показа товаров, но, для того чтобы он стабильно работал на всех темах WordPress, он ограничен очень небольшим набором возможностей: вывод сетки товаров сделан таблицей (а не блоками), можно указать только 1 рубрику или тег.

В платных темах студии WP Shop выбор параметров для управления витринами гораздо богаче:


  • Шаблон «Витрина» позволяет выводить галереи товаров с удобными настройками множества параметров. Вывод сетки товаров — блочный
  • Есть параметр, определяющий формат вывода витрины: с сайдбаром или без (2 колонки или 1 колонка)
  • Есть параметр, определяющий, где выводить основной текстовый контент страницы: до витрины или после нее
  • Есть параметр, который скрывает/показывает картинки товаров (если необходимо)
  • Есть параметр, который скрывает/показывает названия товаров (если необходимо)
  • Есть параметр, который скрывает/показывает описания товаров (текст берет из контента, очищает от HTML)
  • Есть параметр, который определяет, сколько слов брать из контента для вывода в витрине
  • Есть параметр, который регулирует высоту блока в витрине, в пикселях
  • Есть параметр, который задает принцип сортировки товаров по-умолчанию: по дате, по цене, по названию, по ID, по количеству комментариев (самые обсуждаемые), случайная сортировка
  • Есть параметр, который задает направление сортировки
  • Есть параметр, который задает количество выводимых товаров на одной странице витрны
  • Вы можете отметить рубрики, одну, несколько или вообще все, для вывода внутри витрины
  • Вы можете выбрать метки для вывода внутри витрины или фильтрации выбранных выше по рубрикам товаров по какому-то признаку
  • Есть параметр, который позволяет выводить витрину товаров по произвольным полям: например если задано произвольное поле new то выведет все товары у которых оно есть. Удобно для более тонкой фильтрации групп товаров




34 Комментарии

  1. Здравствуйте, прочел Вашу статью установил плагин WP-Shop, активировал и решил сделать витрину своего интернет магазина но не нашел функции vitrina. Что я сделал не так? Подскажите пожалуйста!

    • Эта кнопка была убрана в какой-то момент когда изменился редактор контента вордпресс. Вставляйте шорткод витрины просто по инструкциям на этой странице

  2. Здравствуйте. Посмотрел видео,с созданием витрины проблемы нет. Вопрос в другом: не могу в записи создать произвольное поле с именем «pic» , оно не сохраняется. В чем может быть проблема ?

    • Делайте это не напрямую через произвольное поле, а через панель «опции товара». Или если делаете через произвольные поля то сохраняйте именно само поле, а общую кнопку «обновить запись» не нажимайте. Просто панель при общем сохранении затирает значения произвольных полей и ставит туда свои

  3. Здравствуйте! После обновления WP-Shop в витрине вместо изображения товара показывается html код картинки который добавлен в поле «pic». Товары добавленные до обновления в витрине отображаются корректно, но стоит зайти в запись товара и ничего не меняя нажать «обновить» как у этого товара вместо картинки в витрине тоже будет код

  4. Здравствуйте. Интересует один момент. Есть товар. У него несколько полей cost и name. Каким образом в витрину выводить не все цены, а только нужную (минимальную)?

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

  6. Подскажите, можно ли на одной странице отображать две витрины. Допустим, сначала идут просто товары магазина, а ниже (уже другая витрина) товары отобранные по меткам? Сейчас получается, что вторая витрина отображает элементы первой и при переходе по страницам товаров (url vpage) обе витрины отображают выбранную страницу.

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

      • так он туда и добавлен специально, чтобы вначале выводилась витрина, а нише описание (так я сделал подкатегорию)

        • этот вопрос решил с помощью комментариев, вот так

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

          • теги запрещены, вот так

      • есть рубрика с id=1 и в нее вложена подрубрика id=2 — в них добавлены разные товары
        когда я вывожу с помощью шорткода [vitrina cat=1 3 550 2 150], то на этой странице отображаются и товары подрубрики с id=2

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

      • Да но если мой магазин функционирует давно с Вашим плагином, какой смысл менять шаблон, только ради адаптивной функции. Планируете ли Вы организовать адаптивность на уровне плагина?

        • На уровне плагина нет, не планируем. Это проблематично. Видел что пользователи решают эту задачу плагином WPtouch, который подключает свои стили когда видит что сайт запрашивается с мобильного устройства

  9. Здравствуйте, подскажите пожалуйста такой момент. Хочу вывести витрину шорткодом в категории, делаю так , не выводит, и [vitrina uglovoj 3 450 4 0] тоже не работает… как сделать вывод витрины в категории?

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

Translate »