Если вы используете WooCommerce и хотите добавить на свой сайт стильные сетки и карусели товаров, плагин ShopCred станет отличным решением. Этот инструмент разработан специально для интеграции с редактором Gutenberg, что позволяет легко создавать и настраивать блоки с товарами прямо в визуальном редакторе. ShopCred предлагает гибкость в отображении товаров, поддерживает различные стили и адаптивность, что делает его идеальным выбором для тех, кто хочет улучшить визуальную привлекательность своего интернет-магазина.
Основной функционал плагина
ShopCred предоставляет широкий набор функций, которые помогут вам создать уникальные и привлекательные блоки с товарами. Среди ключевых возможностей плагина:
- Создание сеток товаров с поддержкой различных макетов (например, 2, 3 или 4 колонки).
- Возможность добавления каруселей товаров с настраиваемыми параметрами, такими как автопрокрутка, скорость анимации и количество отображаемых элементов.
- Интеграция с Gutenberg, что позволяет легко добавлять блоки товаров на любую страницу или запись.
- Поддержка фильтрации товаров по категориям, тегам, популярности, рейтингу и другим параметрам.
- Адаптивный дизайн, который автоматически подстраивается под различные устройства, включая мобильные телефоны и планшеты.
- Возможность настройки внешнего вида блоков: изменение цвета текста, фона, шрифтов и других стилей.
- Поддержка мультиязычности, что делает плагин удобным для использования в международных проектах.
ShopCred также позволяет добавлять кнопки «Купить» или «Подробнее» прямо в блоки товаров, что упрощает процесс покупки для пользователей.
Как установить на сайте
Установка плагина ShopCred проста и не требует специальных технических знаний. Для начала зайдите в админ-панель вашего сайта на WordPress. Перейдите в раздел «Плагины» и нажмите кнопку «Добавить новый». В строке поиска введите «ShopCred» и нажмите Enter. Когда плагин появится в результатах поиска, нажмите кнопку «Установить». После завершения установки нажмите «Активировать». Теперь плагин готов к использованию, и вы можете начать настройку.
Настройки после установки
После активации плагина ShopCred, вы можете приступить к его настройке. Для этого перейдите в редактор Gutenberg и добавьте новый блок. В списке доступных блоков вы найдете «ShopCred Grid» и «ShopCred Carousel». Выберите нужный блок и начните его настраивать.
В настройках блока вы сможете:
- Выбрать тип отображения товаров: сетка или карусель.
- Настроить количество колонок для сетки или количество отображаемых товаров в карусели.
- Указать, какие товары отображать: все, из определенной категории, по тегам или по другим параметрам.
- Настроить внешний вид блока: цвет фона, шрифты, отступы и другие стили.
- Добавить кнопки «Купить» или «Подробнее» с настройкой их внешнего вида.
Кроме того, в настройках плагина вы можете включить или отключить адаптивность, настроить скорость автопрокрутки для каруселей и выбрать, какие элементы товара отображать (например, цену, рейтинг, описание). Все изменения можно сразу увидеть в визуальном редакторе, что делает процесс настройки интуитивно понятным.
Шорткоды плагина
ShopCred поддерживает использование шорткодов для более гибкого управления отображением товаров. Вот примеры некоторых из них:
[shopcred_grid columns="3" category="electronics"]Этот шорткод создает сетку товаров с тремя колонками, отображая товары из категории «electronics».
[shopcred_carousel items="4" autoplay="true"]Этот шорткод создает карусель с четырьмя отображаемыми товарами и включает автопрокрутку.
Интеграция с другими плагинами и темами
ShopCred отлично интегрируется с большинством популярных тем и плагинов для WordPress. Он совместим с WooCommerce, что позволяет использовать его для отображения товаров из вашего магазина. Плагин также поддерживает интеграцию с мультиязычными плагинами, такими как WPML, что делает его удобным для использования в международных проектах. Если вы используете кастомные темы, ShopCred легко адаптируется под них благодаря гибким настройкам стилей.
Как добавить карусель товаров на главную страницу?
Чтобы добавить карусель товаров на главную страницу, перейдите в редактор Gutenberg, выберите блок «ShopCred Carousel» и настройте его параметры. После этого сохраните изменения, и карусель появится на вашей странице.
Можно ли использовать ShopCred для отображения товаров из определенной категории?
Да, вы можете настроить отображение товаров из определенной категории, выбрав соответствующую опцию в настройках блока или используя шорткод с параметром category.
Поддерживает ли ShopCred адаптивный дизайн?
Да, ShopCred автоматически адаптирует отображение товаров под различные устройства, включая мобильные телефоны и планшеты.
Как изменить количество колонок в сетке товаров?
Количество колонок можно изменить в настройках блока «ShopCred Grid». Просто выберите нужное количество колонок в соответствующем поле.
Можно ли использовать ShopCred без WooCommerce?
Нет, ShopCred разработан специально для интеграции с WooCommerce и не будет работать без него.
Скачать плагин
Скачать плагин можно здесь: WordPress Repository, или на официальном сайте разработчиков.
