Создание «витрины» товаров

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

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

Стандартная витринаКонструктор витрины в PRO-версииСтарое описание витрины (до версии 3.9)

Для вставки такой витрины товаров в содержимое любой страницы или записи вам нужно использовать специальный конструктор витрин, который подключается к редактору контента WordPress в момент активации плагина WP Shop

Обратите внимание!
Этим инструментом можно выводить не только товарные витрины но и вообще сетку любых записей в WordPress, новости, статьи и т.д.

При нажатии на эту кнопку вы увидите панель настроек витрины. Часть настроек работают во всех версиях плагина WP Shop, а другая часть работает только в PRO-версии плагина магазина WP Shop, которую вы можете купить здесь.

  1. Ссылка на эту инструкцию
  2. При выборе данного варианта в блоке 5 показывается список рубрик, из которых можно выбрать одну или несколько для вывода на витрине
  3. При выборе данного варианта в блоке 5 показывается список меток (тегов) из которых можно выбрать один или несколько для вывода на витрине
  4. При нажатии на эту кнопку произойдет возврат к выбору конфигуратора: витрин или прайс-листов
  5. Список рубрик или меток для выбора одной или нескольких, для отображения на витрине
  6. Количество колонок для вывода на витрине
  7. Количество строк для вывода в витрине на 1 странице
  8. Высота блока 1 товара в витрине
  9. Длина описания товара, выводимая в витрине, в символах
В бесплатной версии плагина магазина WP Shop витрина выводится простой таблицей, с минимумом настроек.
Если WordPress-тема, которую вы используете на своем сайте, имеет адаптивную верстку и вы хотите так же ставить витрину товаров с адаптивной версткой, мы предлагаем Вам PRO-версию плагина магазина WP Shop, которая позволит вам вставлять адаптивные витрины товаров на свой сайт. Инструкция по настройке конфигуратора витрин в PRO-версии магазина по этой ссылке.

Для вставки адаптивной витрины товаров в содержимое любой страницы или записи вам нужно использовать специальный конструктор витрин, который подключается к редактору контента WordPress в момент активации плагина WP Shop. Кроме того, чтобы витрина адаптировалась под разные размеры экрана, требуется добавить в папку вашей темы специальный файл, который предоставляется нами при покупке PRO-версии магазина WP Shop.

При нажатии на эту кнопку вы увидите панель настроек витрины. Если у вас установлена PRO-версия плагина магазина WP Shop (которую вы можете купить здесь), то вам доступен весь набор настроек конфигуратора витрины.

  1. Ссылка на эту инструкцию
  2. При выборе данного варианта в блоке 5 показывается список рубрик, из которых можно выбрать одну или несколько для вывода на витрине
  3. При выборе данного варианта в блоке 5 показывается список меток (тегов) из которых можно выбрать один или несколько для вывода на витрине
  4. При нажатии на эту кнопку произойдет возврат к выбору конфигуратора: витрин или прайс-листов
  5. Список рубрик или меток для выбора одной или нескольких, для отображения на витрине
  6. Количество колонок для вывода на витрине
  7. Количество строк для вывода в витрине на 1 странице
  8. Высота блока 1 товара в витрине
  9. Длина описания товара, выводимая в витрине, в символах
  10. В этом параметре можно указать имя произвольного поля, по которому вы хотите произвести фильтрацию товаров в витрине. Пример: у вас в товаре есть произвольное поле new, которое означает что указанный товар это новинка. Установив new в данном параметре вы получите витрину новинок в рамках тех рубрик, которые будут выбраны в поле 5.
  11. В этом параметре задается минимальная ширина 1 товарного блока в витрине, в пикселях. Если нужно сделать блок по-уже или наоборот по-шире, используйте этот параметр
  12. Вы можете задать свой CSS-класс для управления внешним видом витрины
  13. Вы можете управлять текстом на кнопке «купить». Обычно пишут: купить, заказать, оформить, в корзину … и т.д.
  14. Этот параметр позволяет управлять закруглением углов кнопки «купить»
  15. В этом параметре вы можете задать высоту картинки в витрине. Можно использовать, когда необходимо вывести картинки товара в витрине более крупно. Картинки берутся по следующему принципу: из миниатюры товарной записи, если там нет — то из произвольного поля Thumbnail
  16. Управление цветом текста на кнопке «купить»
  17. Управление цветом текста на кнопке «купить» при наведении мыши
  18. Управление цветом фона кнопки «купить»
  19. Управление цветом фона на кнопке «купить» при наведении мыши
  20. Управление цветом рамки товара в витрине, если она включена в пункте 30
  21. Управление выравниванием текста в витрине: слева, по-центру, справа
  22. Возможность скрыть картинку товара в витрине
  23. Возможность скрыть заголовок товара в витрине
  24. Возможность скрыть описание товара в витрине, обычно используется если на странице мало места для витрины
  25. Возможность скрыть кнопку «купить»
  26. Возможность скрыть поле для указания количества единиц товара для помещения в корзину
  27. Возможность скрывать товары которых временно нет в продаже. В плагине WP Shop товар, которого нет на складе, отмечается произвольным полем sklad_1 = 0
  28. Возможность скрыть вариации товара в блоке витрины. В некоторых случаях вариации товара вытягивают витрину по высоте.
  29. При включении этого параметра появляется постраничная навигация сверху и снизу витрины
  30. Возможность показать и скрыть рамку блока товара
  31. Возможность выводить рейтинг товара, при включенном плагине WP Post Rating, пример витрины с рейтингом
 Настройка витрин в плагине WP Shop до версии 3.9 

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

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

Где:

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


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

Где:

  • 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 то выведет все товары у которых оно есть. Удобно для более тонкой фильтрации групп товаров
Смотрите так же:

WP-Shop: установка плагина магазина на WordPress сайт [2]

Дополнительные возможности и инструменты работы с магазином [6]

Изменения текстов и надписей внутри плагина магазина [1]

Интеграция с разными полезными для магазинов системами [2]

Частые вопросы F.A.Q. [1]

wp-shop.ru написал 148 Статьи

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

Оставьте ответ