Многие ждали шаблон для интернет-магазина от разработчиков WpShop. И вот они выпустили новую тему, которая называется Bono.
Bono — шаблон для разработки интернет-магазина на базе WordPress + WooCommerce.
Главные преимущества темы Bono:
- Админка и документация полностью на русском языке
- Чистый, оптимизированный код
- Красивый, правильный дизайн
- Лёгкая настройка без программирования
- Демо-данные готового магазина, которые вы можете отредактировать под себя
Тема подойдёт и для новичков и для опытных разработчиков.
Обзор премиум шаблона Bono — качественный интернет-магазина на WordPress
Цель данного обзора показать вам все преимущества и возможности темы, поэтому здесь будет много скриншотов как визуальной части, так и админки.
Страницы
Вы можете установить демо-данные, в которых будут уже настроенные обязательные страницы для магазина.
Хотите научиться делать сайты?
Чтобы сэкономить на разработке или зарабатывать деньги создавая сайты для других? Недавно я записал новый курс "Идеальный сайт на Wordpress" и "Лендинг в Elementor", где рассказал пошаговый план как создавать крутые сайты. Разработкой занимаюсь более 7-ми лет, на сайтах зарабатываю более 50 тысяч в месяц и в курсе я выложил всю технологию как делать такие сайты. Курс новый - 2020 года. Берите пока свежий. Подробнее читайте по ссылке.
Что такое демо-данные (контент)? Если вы перейдёте на демо-сайт шаблона (ссылка https://bono.wpshop.tech/), то увидите тестовый магазин с заполненными страницами. Эти же данные вы можете установить на свой сайт и отредактировать под свою тематику.
Для многих отредактировать готовые страницы проще, чем создавать их с нуля. Поэтому разработчики сделали такую возможность.
Обязательные страницы магазина:
- Магазин
- Корзина
- Избранное
- Мой аккаунт
- Оформление заказа
- Оплата заказа
Элементы
Полоса над шапкой
Полоса, в которой вы можете разместить любой текст, например слева указать адрес магазина, а справа ссылку на товар с максимальной скидкой.
Шапка
Все элементы в шапке вы можете включать/отключать и менять местами.
Элементы шапки:
- Логотип
- Меню
- Соцсети
- Телефон
- Поиск
- Избранное
- Корзина
- Сравнить товары
- HTML код 1
- HTML код 2
Конструктор главной
В тему Bono встроен конструктор, с помощью которого вы можете быстро собрать лендинг на главной странице.
Элементы конструктора:
- Посты. Вывод статей.
- Товары. Вывод товаров.
- Слайдер. Создание слайдера, который будет пролистываться.
- HTML. Через html виджет можно добавить любой код, например, вывести форму подписки на рассылку.
Слайдер

Вы можете добавлять слайдер, который может состоять из:
- Заголовка
- Текста
- Кнопки
- Фоновой картинки
Сортировка
Удобная сортировка товаров.
Сравнение
Добавьте 2 и более товаров в «Сравнение», чтобы удобно сравнить характеристики.
Избранное
Возможность добавить товары в избранное, чтобы иметь к ним быстрый доступ.
Карточка товара
Дизайнеры постарались и оставили только нужные элементы, это позволяет быстро получить нужную информацию о товаре.
Картинка
Можно добавить одно фото товара, можно добавить галерею. Фото при клике увеличивается в попап окне.
Кнопки
Сайт быстро реагирует на нажатие кнопок «Добавить в корзину», «Сравнить» и другие за счёт чистого правильного кода.
Подвал сайта
Можно выбрать 1-4 столбца и заполнить их необходимыми виджетами.
Дизайн
Дизайн шаблона выполнен в минималистичном стиле. Это лучший вариант для интернет-магазина, потому что в первую очередь акцент нужно сделать на товаре и дизайн сайта не должен перетягивать внимание на себя. Но с помощью настроек вы сможете реализовать любую задумку в плане дизайна.
Что ещё могу выделить:
- Приятная анимация при наведении на превью товара
- Правильные баджи со скидкой
- Правильная типографика
- Аккуратные кнопки, с анимацией при наведении
Настройки
Настройки шаблона Bono находятся во вкладке Внешний вид — Настроить. Есть настройки в целом шаблона и отдельно элементов магазина.
Настройки шаблона
Настроек много, но они все понятные. Расписывать каждый пункт не буду, для этого можно отдельный курс записать 🙂 как например я записал курс «Идеальный сайт на WordPress» по шаблону Reboot. Приложу несколько скриншотов, чтобы вы могли иметь общее представление. Если вы уже купили шаблон, то переходите и смело настраивайте шаблон под свои нужды. Благо всё на русском языке и сразу видны изменения, которые вы вносите.
Настройки элементов магазина
Эти настройки вынесены в отдельную вкладку WooCommerce и также просто редактируются.
Обратите внимание. Хоть настроек у темы Bono и много, вы не сможете отредактировать (при условии что вы хотите что-то кардинально поменять) абсолютно все стили и расположение элементов так как вам нужно. Что делать в случае, если не хватает встроенных настроек темы?
2 варианта: первый, добавляйте правки через код, если понимаете CSS, HTML, PHP; второй вариант, подберите другую тему, для этого у меня есть такая подборка шаблонов для интернет-магазина. Есть шаблоны, которые изнутри как робот из трансформеров, в котором можно настроить практически всё, но и минус здесь очевидный в том, что это сложнее будет сделать неподготовленному человеку и также 90% таких тем на английском языке (без русской локализации).
Цена
Конечно такая качественная тема не может быть бесплатной. Тема Bono стоит:
- Лицензия на 1 домен — 3800 руб.
- Лицензия на 3 домен — 6700 руб.
- Неограниченная лицензия — 7800 руб.
Платите один раз, никаких регулярных платежей нет, обновления и поддержку получаете пожизненно.
Заключение
Bono — крутой шаблон! Ребята из Wpshop всегда держат планку качества, они как Apple только на рынке WordPress.
Как я вначале писал, многие ждали шаблон для магазина именно от разработчиков Wpshop, потому что сделать интернет-магазин сложнее чем обычный сайт или блог и поэтому ждали такое решение, чтобы настройки у сайта были простые. В итоге тема Bono оправдала все ожидания, я её тоже протестировал и от пользования у меня остались только положительные эмоции.
Переходите по ссылке, смотрите демо и принимайте для себя решение, остановиться на Bono, либо поискать ещё варианты.
Напишите в комментариях, как вам шаблон? Купили бы для своего интернет-магазина?
Полезные ссылки
- Описание темы Bono https://wpshop.ru/themes/bono
- Демо сайт Bono https://bono.wpshop.tech/
- Ответы на вопросы по настройке Bono https://support.wpshop.ru/fag_tag/bono/
- Служба поддержки https://wpshop.ru/support