BONO – универсальный шаблон WordPress для интернет-магазинов на WooCommerce

Наконец дошли руки до написания статьи про тему BONO WordPress, дающая возможность организовать на сайте функционал интернет–магазина, без знаний программирования, только владея навыками администрирования WP и плагина WooCommerce. Разберу прямые особенности шаблона и проблемы, которые он решает.

Bono

Обзор внешнего вида e-commerce theme

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

Шапка

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

Head.
Head.
  • Верхняя узкая полоска, можно настраивать и вставлять до 6 фраз, цвет легко изменить с синего на другой.
  • Область меню, наряду со стандартным набором ссылок на страницы, социальные сети и поиск, есть еще четыре: активный телефон и расписание работы, избранное, сравнение и корзина. Отображение регулируется и порядок тоже.
  • Полноразмерный слайдер, в котором легко задать необходимый адрес и его картинку для перелистывания.

Область контента

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

Главная

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

Index.
Index.

Карточка товара

Карточка товара стандартная для плагина WooCommerce, но с некоторыми отличиями в стилизации. Основные фишки находятся внизу.

Область описания товаров.
Область описания.
  • Есть не стандартная кнопка купить в один клик, нажимая на нее откроется всплывающая форма, чтобы оставить заявку.в один клик
  • Кнопки сравнения и избранное.
  • Настраиваемые табы WordPress WC.
  • Область похожих товаров.
  • Раздел, того что смотрели ранее.

Категории

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

Categories.
Категории.

Подвал

Подвал не имеет особенностей, единственное, что регулирование количества виджетов от 1 до 5 штук, они делят выделенную ширину на равные части.

Подвал.
Footer.

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

Bono

Обзор отличительных моментов в BONO

Темы от ВПШоп очень похожи по внутреннему строению друг на друга, но каждый заточен под определенное направление, BONO отличается функционалом для магазинов, но база похожая на Reboot. Пройдемся подробнее по всем пунктам

Легкая настройка избранного

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

Избранное.
Избранное.

Кликабельный номер телефона

Теперь не нужно вставлять коды HTML ссылками, просто прописываете свой номер телефона для связи с магазином BONO, дальше срабатывает автоматика. При клике на компьютере запуститься соответствующая программа на гаджетах приложения для звонка.

Кликабельный телефон в BONO WordPress.
Телефон.

Сравнение популярных товаров

Конечно в сравнение лучше помещать смежные популярные позиции, имеющие общие атрибуты, чтобы инструмент сравнения сработал корректно. Я произвольно выбрал три штуки и перешел в раздел сравнения в WordPress, получается симпатичная форма в виде таблицы.

Сравнение.
Сравнение.

Настройка нескольких сайдбаров

Проблема с магазинами на WordPress в том что, на разных страницах нужен отличительный сайдбар. Для карточек его вообще не нужно, в каталогах необходим фильтр, в записях виджеты для упрощения прочтения материала на блоге. Например, для категории сделал такой сайдбар.

Положение sidebar на стрнице BONO.
Разные боковые колонки.

Для записей вариант с календарем и рубриками блога.

Запись WordPress.
Запись.

Премиум виджеты

Перейдя в Внешний вид – Виджеты увидим несколько непонятных областей, что они означают посмотрим далее. Разобраться с первого раза сложно, но постараюсь разъяснить.

Премиум виджеты в БОНО.
Виджеты.
  1. Виджет WordPress для главной страницы, можно тут создать кастомный блок и выводить с помощью соответствующей команды.
  2. Сайдбар 1 и 2 – уже показывал как их настроил, можно сделать до 5 штук.
  3. Дополнительная возможность вывода мини иконки корзины по дизайну.
  4. Фильтры на мобильном – задаем панель фильтров для мобильных посетителей.

Верхняя полоса дополнительной информации

Простая полоса добавляющая информацию по желанию администратора, с помощью HTML тегов либо просто текст. Смотрится оригинально и привлекает внимание.

Инфо полоса.
Дополнительная информационная полоса.

Купить в один клик

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

Buy in one click
Быстрая покупка.

Bono

Конструктор главной страницы

По сравнению с Reboot, в BONO добавлены еще три пункта к конструктору: товары, категории и слайдер. Можете миксовать коммерцию и информационный контент между собой, делая главную сайта наиболее информативной.

Конструктор главной.
Конструктор.

Карточка товаров с настройкой табов

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

Расположение карточек в БОНО.
Расположение.

Сравнение в BONO WordPress

Про сравнение уже писал, настроек не много, но их хватает, потому что цель раздела показать продукцию понравившуюся посетителю.

Панель WordPress.
Настройка сравнений.

Цена скидки и распродажи в BONO

В разделе Цена есть полезная опция она может заменять стандартную надпись СКИДКА на произвольную, например распродажа. Есть пара переменных и возможность регулирования стоимости вариативного товара.

Настройка скидки.
Скидка.

Оплата и ее настройка производиться с помощью специальных плагинов под разные системы. Оплата настраивается отдельно для каждого сайта.

Хук цикла внутри вложенного блока

Данную опцию не понять тем кто в разработке не разбирается. В магазине WC есть небольшой недочет один из хуков стоит не на своем месте, BONO его исправляет. Если хотим оставить как есть, то включаем галочку.

Хук.
Хук.

В BONO можно вести блог наравне с коммерцией, микроразметка и другие необходимы инструменты встроены в темплейт.

Остальные общие преимущества премиум темы BONO

Описывать долго нет смысла достоинства с преимуществами у премиум шаблонов WPShop, характеризующие одинаково, но сделаю сводный список достоинств, объединяющие почти все темы.

  • Валидная и правильная микроразметка – в BONO и других темплейтах есть правильная Shema org.
  • Правильные заголовки в рубриках и таксономиях.
  • Валидный CSS и HTML код.
  • Ускоренный и быстрый темплейт по всем правилам правильного построения, одна из технологий это все скрипты прописаны в подвале.
  • Множество встроенных быстрых модулей, дополнительных возможностей, плагины не требуются: кнопка вверх, карта сайта, блок автора, содержание в постах, контактная форма, кнопки поделиться, счетчики просмотров.
  • Правильная семантическая разметка, по стандартам HTML5, например, сайдбар всегда идет после контента даже если стоит перед ним.
  • Нет циклических ссылок, создаваемые WordPress.
  • Полная SEO оптимизация под рунет.
  • Скрытие от индексации внешних ссылок, чтобы ни один поисковик не смог их проиндексировать.
  • Полная адаптивность и кроссбраузерность.
  • Индивидуальные настройки для каждой статьи, можно точечно настроить каждый пост.
  • Вставка фиксированных виджетов.
  • 10 позиций для вставки рекламы.
  • Возможность менять цвет, размер и семейство шрифтов.
  • Удобство расширенного редактора написания контента: спойлеры, выделения текста, 5 видов цитат.
  • Дружит с WordPress плагином Yoast SEO.
  • Для магазина необходим HTTPS сертификат.

Где скачать null бесплатную версию BONO плюс скидка

У шаблона BONO нет ни тестовых периодов, ни платного демо доступа. Любая копия скаченная из интернета в бесплатном доступе расценивается как нарушение закона. Приобрести можно только на официальном сайте WPShop.

  1. Лишаетесь возможности писать в поддержку разработчикам.
  2. Нет обновлений.
  3. Нарушение закона.
  4. Не работающий сайт – большинство сливов и торрентов предоставляют устаревшие версии.
  5. Заражение WordPress вирусами.

Еще множество причин почему не стоит использовать взломанные null версии, создавая бизнес нужно быть честным с самого начала. Для более выгодной покупки предоставляю купон на 15%, все кнопки в статье его поддерживают, просто нажмите и скидка вычисляется автоматически, например, на 3 домена должно быть не 6700 а 5695 рублей.

Bono

Итог отзыва по WordPress теме BONO

Покупая BONO экономите множество времени и сил на создание своего магазина в WordPress, все необходимые удобные инструменты уже встроены в тему, остается лишь поставить WooCommerce, создать каталоги организации и карточки, совместно начиная продвигать свой бренд.

Пожалуйста, оцените материал:

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