Обзор темы Blocksy (FREE и PRO)

Обзор темы Blocksy: Free и PremiumЕсли вы ищете красивую и быструю тему с готовыми шаблонами, поддержкой Гутенберг и большинства пейдж-билдеров, с большими возможностями настройки и всем нужным функционалом, то попробуйте тему Blocksy.

Это первоклассная тема для создания блога, интернет-магазина, корпоративного или любого другого типа сайта с большим количеством настроек и дополнений в удобном и красивом интерфейсе.

Блокси — действительно инновационная и многофункциональная тема, которая использует принцип модульного программирования. Это дает легкую и гибкую тему, с помощью которой можно создать практически все, что угодно.

А с использованием дополнительных бесплатных и платных дополнений — еще больше.

Главные преимущества Блокси — все необходимые настройки элементов сайта, — Хедера, Футера, Шаблонов страниц, Архивов, Заголовков и так далее.

И большое количество дополнений с функционалом отдельных плагинов в красивом, логичном и интуитивно-понятном интерфейсе.

Содержание:

Тема Blocksy

Тема Blocksy основана двумя разработчиками из Румынии — Серджиу Раду и Андреем Глингяну. Сейчас это компания со штатом сотрудников, зарегистрированная в США.

Первая версия Blocksy появилась в репозитории Вордпресс в мае 2015 года, сейчас тема имеет 100% рейтинг и более 2,5 млн. скачиваний:

Платное Premium расширение появилось на официальном сайте в ноябре 2020 года.

По данным сайта builtwith.com в ноябре 2023 года тема Blocksy занимает 36-е место по популярности в России и 23-е в мире.

Статистика использования темы Блокси
Статистика использования

Я думаю, что эта тема немного недооценена, и уверен, что популярность Blocksy будет расти.

Blocksy Free

Бесплатная версия Blocksy предлагает не только больше функционала, чем другие бесплатные темы, но и больше функционала, чем большинство других платных тем, в том числе более популярных.

Настройщик темы

У темы Блокси собственный красивый и логичный кастомизатор. Хотя красота не добавляет функционала, но этим кастомизатором приятно пользоваться.

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

У темы Блокси это не так, все настройки сгруппированы по смыслу, поэтому интуитивно понятно, где что находится. Любая настройка находится с первого раза, даже если вы забыли или не знаете, куда идти:

Настройщик Blocksy, светлая тема
Светлая тема
Настройщик Blocksy, темная тема
Темная тема

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

В разделе General Options находятся настройки:

  • Структуры сайта
  • Хедера
  • Футера
  • Сайдбаров
  • Цвета
  • Типографики
  • Кнопки
  • Полей форм

Здесь же находятся ссылки на аккаунты соцсетей, которые можно разместить в нужных местах сайта с помощью виджетов. Сети VK и Одноклассники есть, но если вам нужна сеть, которой нет в списке, вы можете ее добавить по инструкции в Документации темы.

Все подменю организованы интуитивно понятно, поэтому вы с первого раза найдете то, что ищете.

В разделах Post Types и WooCommerce находятся настройки страниц Блог и Магазин, всех типов Страниц и Архивов.

Настройки Блога

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

Включите или отключите показ сайдбара и другого функционала; если нужно — измените цвет фона страницы:

Настройки страницы Блог
Настройки Блога

Во вкладке Card Options настраивается отображение записей (Лупов).

Выберите один из вариантов Типа карточек (3 варианта лупа с готовыми стилями):

Настройки отображения записи на странице Блог
Настройки записей

И сделайте настройки лупов:

Вы можете включить или отключить элементы лупов:

  • Миниатюра записи
  • Мета-данные записи
  • Имя записи
  • Выдержку
  • Кнопка «Читать далее»
  • Мета-данные записи
  • Разделитель

Эти элементы можно поставить в любой последовательности с помощью мыши.

Все виджеты с подробными настройками:

Настройки Featured Image
Миниатюра записи
Вывод мета-данных
Мета-данные
Вывод выдержки
Выдержка
Вывод кнопки "Читать далее"
Кнопка «Читать далее»

Этих настроек вполне достаточно, чтобы оформить любой блог.

Виджет Divider / Разделитель можно скопировать и использовать несколько раз.

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

Настройки Магазина

Шаблон страницы Магазин и другие Архивы WooCommerce:

Настройки Магазина, Архив товаров
Магазин / Архив товаров

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

И настроить Лупы:

Настройки карточек товаров

В бесплатной версии настроек не так много (хотя больше, чем в других темах), но достаточно, чтобы настроить подходящий вариант.

В Карточке товара вы можете выбрать структуру страницы, включить / отключить элементы Карточки товара, сделать другие настройки:

Настройки Карточки товара
Карточка товара

Для многих Интернет-магазинов этих настроек вполне достаточно.

В платной версии доступно больше виджетов для Архива и Карточки товара, есть возможность менять порядок виджетов:

Шаблоны Страниц и Архивов

То же самое можно сделать для любого другого Типа записи или Архива.

Так настраивается шаблон Страницы:

Настройка Структуры страниц в бесплатной версии Blocksy
Структура страниц
Настройка Дизайна Структуры страниц в бесплатной версии Blocksy
Вкладка Дизайн

Заголовки страниц

В Blocksy можно настроить Заголовки страниц для всех типов Страниц и Архивов.

Можно выбрать высоту и цвет фона, изменить параметры шрифтов, добавить мета-данные, и так далее:

Заголовок страницы
Заголовок страницы

Настроек много, можно найти подходящий вариант:

Структура страниц - Настройка Заголовков страниц в Блоге в бесплатной версии Blocksy
Заголовок страниц
Настройка дизайна Заголовков страниц в Блоге в бесплатной версии Blocksy
Дизайн Заголовков страниц

Вместо цвета фона можно поставить любое изображение или само-повторяющийся паттерн.

Изображение или паттерн можно привязать к любой точке заголовка, или включить параллакс.

Сверху на изображение или паттерн можно наложить любой оверлей.

Все эти настройки, включая изображение в фоне, можно настроить на любой отдельной странице.


В предыдущем разделе General Options находятся настройки Ширины контента сайта. Вы можете настроить две разных ширины контента в качестве глобальных настроек.

В поле Maximum Site Width задается максимальная ширина сайта.

В поле Narrow Container Max Width задается ширина Узкой версии:

2 Настройки ширины контента
Ширина контента

То есть вы можете выбрать одну или другую ширину отображения контента отдельно для каждого Шаблона (Пост, Страница, Карточка товара, Архивы, итд).

Либо в настройках каждой отдельной страницы.

Эта настройка выглядит так:

2 Настройки ширины контента в Типах записей и отдельных страниц.
Ширина контента в Шаблоне

С помощью этих инструментов вы можете настроить:

  • Шаблон Поста
  • Шаблон Страницы
  • Шаблон Карточки товара
  • Кастомные CPT Шаблоны
  • Архив Категорий
  • Архив Меток
  • Все Архивы WooCommerce
  • Кастомные таксономии
  • Блог
  • Магазин
  • Подобные страницы

И выбрать один из двух вариантов ширины контента для каждого Шаблона по отдельности.

При этом ширину контента можно выбрать как в настройках шаблонов, так и на каждой отдельной странице.


В разделе Core находятся настройки Вордпресс, — Название сайта, Фавикон, Меню, Виджеты, и так далее.

Все находится на своих местах, там, где вы ожидаете это увидеть.

Реклама

Калькулятор ОСАГО

Простой способ выгодно купить полис

Конструктор Хэдера

Конструктор хедера находится в кастомизаторе в разделе Header.

С его помощью вы можете создать практически любой дизайн за считанные минуты.

Есть виджет Аккаунт с модальным окном. Просто перетащите нужные блоки в конструкторе:

Пример создания хедера в Blocksy Free
Конструктор хедера

У всех блоков есть стандартные отступы, поэтому все блоки встают аккуратно.

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

Вы можете настроить его закрепление при скролле:

Настройки закрепления 
 хедера
Настройки sticky header

Или сделать прозрачным:

Настройки прозрачности хедера
Настройки прозрачности

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

Мастер условий отображения прозрачного хедера
Условия отображения прозрачного хедера

У виджетов Аккаунта, Корзины, Поиска, Избранного, Быстрого просмотра товара WooCommerce и кнопки Закрыть есть один или несколько вариантов собственных иконок:

Несколько вариантов иконок виджета Аккаунт
Виджет Аккаунт
Несколько вариантов иконок виджета Корзина
Виджет Корзина
Несколько вариантов иконок виджета Триггер для мобильной версии меню
Триггер Мобильного меню

Если эти иконки вам не подходят, то вы можете выбрать другие иконки из галереи иконок.

В мобильной версии хедера все настройки доступны в полном объеме.

Мобильное меню можно вызывать в модальном окне или в выезжающей справа или слева панели, в него можно добавлять HTML-блоки или блоки Гутенберг.

Настройки мобильного хедера
Мобильный хедер

Настройки цветов, прозрачности, шрифтов, отступов находятся во вкладке Design.

Конструктор футера такой же:

Конструктор футера

У всех рядов достаточно настроек, чтобы создать любой футер.

В настройках рядов находятся настройки отступов между рядами футера, колонками футера, и между виджетами.

Настройки рядов футера в Blocksy Free
Настройки рядов
Настройки дизайна рядов футера в Blocksy Free
Дизайн рядов

Каждый виджет использует Глобальные цвета и Глобальную типографику, но, если хотите, вы можете задать новые настройки, например, цвет текста или стиль ссылки (в настройках Виджета).

Вы также можете отключить отображение любого ряда на разных устройствах.

Отключение отображения отдельных виджетов находится в Premium версии.


В бесплатной версии Blocksy вы можете удалить ссылку на разработчика темы в футере, и добавить свою информацию:

Ваша собственная информация в футере Blocksy
Своя информация в футере

Как и другие блоки в других частях сайта, все виджеты футера добавляются со стандартными настройками отступов, все встает аккуратно.

Глобальные цвета

Глобальные цвета выбираются в Палитре, и используются на других элементах сайта.

Если вы измените цвет в Глобальной палитре, то этот цвет изменится на всех элементах, которые его используют:

  • Цвета шрифтов
  • Цвета заголовков
  • Фон сайта
  • Кнопка
  • Поля форм
  • Хлебные крошки
  • Цвета фонов (хедер, футер, меню итд)

Есть настройка Text SelectionЦвет выделения текста.


В новой версии Blocksy 2 к стандартной 8-цветной палитре появилась возможность добавлять новые Глобальные цвета.

Короткий ролик о Глобальных цветах в Blocksy 2:

Кроме этого, в платной версии Блокси у каждого цвета появляется своя переменная, которую вы можете использовать в любом месте сайта:
Переменная цвета Blocksy Pro

Глобальные цвета сайта
Глобальные цвета

Глобальная типографика

В Глобальной типографике вы можете выбрать шрифты и параметры шрифтов, которые будут использоваться на всем сайте для:

  • Текстов,
  • Заголовков,
  • Кнопки,
  • Цитаты,
  • И так далее.

В десктопном, планшетном и мобильном вариантах.

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

Этот очень удобный настройщик, поэтому я использую плагин с блоками Гутенберг, который наследует стили оформления из темы.


Возможность скачивать шрифты Google и обслуживать ими посетителей со своего сервера, использовать шрифты Adobe Fonts, или загружать любые кастомные шрифты появляется в платной версии.

Настройки Глобальной Типографики в теме Blocksy
Глобальная типографика

Глобальная Кнопка и Поля форм

В Blocksy Кнопка и поля Форм имеют свои настройки.

Настройка стилей кнопки
Стили Кнопки
Настройка стилей кнопки
Дизайн Кнопки
Настройка полей Форм
Стили полей Форм

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

Когда нужно изменить размер или цвет Кнопки, или высоту полей во всех формах на сайте, сделайте это здесь.

Настройки отдельных страниц

Ещё одна крутая вещь, которая есть в бесплатной версии Blocksy — настройка страниц.

В правом верхнем углу кликните значок Blocksy:

Здесь находятся настройки страницы:

  • Узкий контент (900 пикс. как в примере выше)
  • Максимальная ширина (1.280 пикс. как было выше)
  • Сайдбар слева, Контент справа (макс. ширина 1.280)
  • Контент слева, Сайдбар справа (макс. ширина 1.280)

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

  • На всю ширину
  • В контейнере

Контент находится между хедером и футером, вертикальные отступы над и под Контентом:

  • Сверху и снизу
  • Только сверху
  • Только снизу
  • Нигде

Отключение элементов страницы:

  • Миниатюра записи
  • Поделиться в соцсетях
  • Хедер
  • Футер

На вкладке Design вы можете выбрать цвет, градиент или изображение для фона страницы.

На разных устройствах можно сделать разный фон:

Цвет фона страницы
Цвет фона
Настройки страницы
Настройки страницы

Заголовок страницы

Заголовку страницы можно указать цвет фона, высоту и другие настройки.

Заголовок страницы
Заголовок страницы

В разделе Page Title вы выбираете Тип Заголовка, настраиваете виджеты Заголовка и делаете настройки шрифтов и цветов:

Включите / выключите нужные мета:

  • Название страницы
  • Выдержка
  • Мета-данные страницы
  • Хлебные крошки

У всех мета очень подробные настройки:

Настройки Заголовка страницы
Заголовок страницы

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

Изображение или паттерн в фоне можно привязать к любой точке, или включить параллакс.

Сверху на изображение или паттерн можно наложить любой оверлей:

Дизайн Заголовка страницы
Дизайн Заголовка

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

С этими инструментами Blocksy вы можете построить полноценный блог, интернет-магазин или сайт компании:

  • С вашим Хедером и Футером
  • Кастомными Заголовками
  • Кастомные страницы Блог и / или Магазин
  • Кастомные шаблоны Страниц и Карточки товара
  • Шаблоны их Архивов

Все настройки доступны так же, как в полной версии темы.

Кроме этого минимума, в бесплатной версии Blocksy есть ещё функционал:

В теме Blocksy есть виджет Живого поиска для хедера.

То есть результаты поиска появляются сразу, как вы начинаете печатать.

Вы можете выбрать, в каких типах страниц искать: Записи, Страницы, Карточки товаров.

И добавить / убрать вывод картинок и вывод цен.

Все настройки стилей полностью доступны, вы можете настроить виджет и интерфейс поиска как угодно.


В платной версии Блокси Живой поиск появляется в виде виджета Гутенберг, который вы можете использовать в любой части сайта, где используются блоки Гутенберг.

Настройки Живого поиска
Live Search

Все работает как надо, никаких дополнительных плагинов больше не нужно.

Поделиться в соцсетях

У виджета 2 варианта кнопок, и их можно расположить над контентом, под контентом или вместе.

Виджет Поделиться в соцсетях
Поделиться в соцсетях

Все основные соцсети и мессенджеры есть, работает хорошо. Настроек много.

Если вам нужно выводить Похожие записи внизу под контентом, то используйте этот виджет.

Вы можете выбрать Категорию или Метку как критерий похожести, и выводить по дате публикации, количеству комментариев или в случайном порядке.

Чтобы настроить луп можно включать / отключать мета как в настройках блога, все стили есть:

Виджет Похожие записи
Похожие записи

В платной версии добавляется возможность показывать Товары в этом виджете и слайдер.

В настройках сайдбара можно включить прилипание к верху экрана при прокрутке (sticky sidebar).

В Карточке товара информацию о товаре справа от изображения тоже можно сделать sticky.

Что ещё есть:

  • Виджеты и настройки в настройщике в Блоге, на странице Магазин, в Шаблонах страниц и Архивов, о которых я не говорил.
    Например, вы можете использовать стандартный ввод количества Стандартный ввод количества, или один из готовых вариантов:
    Стиль 1:Стилизованный ввод количества, Стиль 2:Стилизованный ввод количества.
    Есть настройки цвета текста для сообщений WooCommerce и многое другое.
  • Виджет Популярные записи перед футером, который выводит популярные записи или товары (за все время, за месяц, за 7 дней, за 24 часа).
  • Расширение для создания Обзоров / Отзывов с оценками и кратким описанием.
  • Расширение для создания всплывающего окна с Согласием на Cookies.
  • И другое, например, кнопка Наверх, блок Подписки на новости сайта.

Шаблоны готовых сайтов

В ноябре 2023 года у Блокси около 30 готовых сайтов, которые вы можете бесплатно скачать и использовать для создания сайта.

Бесплатные шаблоны сайтов Blocksy
Шаблоны сайтов

Шаблоны сайтов полные, со всеми страницами, есть предпросмотр каждого шаблона.

Blocksy Free: Промежуточный итог

Блокси — это рама для вашего контента. С его помощью вы можете сделать полное оформление любого сайта:

  • Хэдер
  • Футер
  • Сайдбар
  • Страница Блог
  • Страница Магазин
  • Шаблоны всех Архивов
  • Шаблон Записей
  • Шаблон Страниц
  • Шаблон Карточки товара
  • Стр. Результатов поиска
  • Страница Не найдено
  • Страница 404

У Блокси такое большое разнообразие возможных вариантов настроек Шаблонов страниц, что пейдж-билдер для их создания может быть не нужен.

В ноябре 2023 года Blocksy 1.9 не поддерживает Full Site Editing (FSE).

Я думаю, что у Блокси уже есть удобные инструменты для создания Шапки, Футера, Шаблонов Страниц и Архивов. Использовать их для редактирования темы проще, быстрее и эффективнее, чем создавать всё это самому в FSE, особенно если вы создадите несколько шаблонов.

Поэтому нужен красивый и удобный интерфейс, в котором можно быстро и просто настроить элементы сайта, а потом быстро найти эти настройки, если через некоторое время потребуется редактировать сайт.

Это очень удобно, когда все настройки находятся в одном месте и управляются из этого места.

Реклама

Blocksy Premium

Функционал платной версии продолжает развитие бесплатной версии Blocksy, у него появляется больше возможностей. И добавляется множество дополнений, в основном для WooCommerce.

То есть платная версия Blocksy Premium делает ненужным использование многих плагинов.

В версии Pro в конструкторе хедера и футера появляются новые виджеты:

Виджеты хедера Blocksy Pro
Виджеты хедера
Виджеты футера Blocksy Pro
Виджеты футера

Вы можете добавить в футер Логотип, Живой поиск и Кнопку.

Виджеты со значком Иконка дублирования виджетов можно дублировать и использовать до 4-х раз.


Кроме новых виджетов, в версии Pro появилась возможность создавать Условные хедеры и футеры.

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

То есть вы можете создать хедер и футер для Главной страницы,
Еще один хедер и футер для страниц Интернет-магазина,
И еще один хедер для остальных страниц сайта. Футер можно использовать из ИМ, или можно создать еще один.

Появление хедера и футера на страницах можно настроить с помощью Мастера условий:

Такой же Мастер условий используется в других частях Блокси.

В Blocksy 2 у виджета Аккаунт появился еще один вариант действия — выпадающее меню:

Структура Страниц и Архивов

В настройщике Блокси появляется больше опций для настройки структуры Страниц и Архивов.

В версии 2 для настройки страниц WooCommerce появилось отдельное расширение.
С его помощью вы можете настроить вид страницы Магазин и Карточки товара:

Если вам недостаточно стандартных полей, вы можете выводить данные из кастомных полей.

В версии 2 в настройках Структуры появилась возможность выводить до 4-х полей ACF.

Блоки контента и Хуки

У Блокси есть инструмент, который называется Content Blocks (Блоки контента).

В версии 1.9 можно создать 3 типа Контента:

  1. Свой контент / Хуки
    Вы можете создать любой контент (Гутенберг, Элементор) и выводить его на сайте через хуки (зацепы) с помощью Мастера условий.
    Например, выводить Хлебные крошки только на определенных страницах.
    Добавить рекламу или объявление под хедером на всех страницах, и отключить показ в определенный день.
  1. Поп-ап
    Очень удобный инструмент для поп-апов.
    Можно настроить появление на любой клик по кнопке, картинке, тексту итд, или по условиям.
  1. Свой Шаблон
    Кастомный шаблон для Страницы, Архива, Хедера, Футера и страницы 404.
Блоки контента в Blocksy Pro
Content Blocks

Например, вы можете создать второй шаблон для Страниц, — для раздела сайта ../docs/.. Документация — со своим расположением элементов на странице.

У Blocksy простой и удобный интерфейс с минимальным сопротивлением, поэтому пользоваться этими инструментами тоже просто.

Вот такие блоки Гутенберг есть в бесплатной версии Blocksy 1.9:

Гутенберг блоки Blocksy
Блоки Гутенберг

Их можно использовать для создания Шаблонов.

Последний инструмент для создания Структуры сайта — Сайдбар.

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


В версии 2 появилось много новых расширений и новое меню.

Обзор меню с Расширениями, посмотрите функционал:

Мега меню

С помощью этого расширения можно делать такие меню:

Мега меню
Мега-меню

Темная тема

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

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

После этого вы добавляете виджет переключения светлой / темной темы в хедер и переключение начинает работать:

Шрифты

По требованиям Гугл и других поисковиков нужно загружать шрифты (и вообще весь контент) со своего сервера, так правильнее и это соответствует правилам GDPR.

Если вы пользуетесь шрифтами Google, в версии Pro вы можете скачать используемые шрифты с сервера Гугл, и обслуживать этими шрифтами своих посетителей со своего сервера.

Если вам нужно загрузить шрифты Adobe или шрифты в форматах TTF или WOFF2, то есть 2 отдельных расширения для работы с ними.

Custom Code Snippets

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

Например, вы можете добавить скрипт Google Analytics:

Взаимодействие с посетителями
Google Analytics

Или любой скрипт внутри <head>, <body> и <footer>:

Кастомный код
Кастомный код

Также инструмент на правом скриншоте есть на каждой странице сайта, то есть вы можете добавить нужный код не только один раз на весь сайт, но и отдельно на каждой странице.

Если вам нужно добавить код в какое-то определенное место на странице (например, после хедера), то используйте инструмент Content Blocks:

Чтобы поместить какой-то код / скрипт, то используйте стандартный блок Гутенберг HTML с соответствующими тегами, и поместите в него ваш код.


Выберите место отображения в разделе Location & Priority.


Выберите страницы или группы страниц в Условиях отображения.


Дату / Время истечения работы этого блока.


И Видимость на Десктопе, Планшете или Мобильном.

Мастер Условий Content Blocks
Мастер Условий

White Label

В Blocksy Pro вы можете заменить все упоминания о названии темы и авторе на свой бренд.

Можно заменить название и все упоминания темы в админке, и название плагина Blocksy Premium на свое название.

Это увеличивает доверие и вовлеченность пользователя в интерфейс.

После того, как вы изменили бренд, настройки White label можно скрыть.

Панель инструментов (Shortcuts Bar)

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

В эту панель вы можете добавить наиболее важные действия, например:

  • Позвонить
  • Написать в WhatsApp
  • Перейти в Магазин
Shortcuts Bar
Shortcuts Bar

Выберите один из двух видов Панели и добавьте виджеты. Доступно 8 виджетов:

  • Главная
  • Магазин
  • Корзина
  • WishList
  • Телефон
  • Е-мейл
  • Наверх
  • Кастомная кнопка

В Кастомной кнопке можно выбрать иконку из списка и добавить любую ссылку, например, WhatsApp или Telegram.
Кастомную кнопку можно дублировать.

Всего можно добавить до 12 кнопок.

В настройках стилей каждый элемент можно настроить:

  • Цвет и размер иконок
  • Цвет фона
  • Параметры разделителя
  • Тень блока
  • Радиус скругления блока
Реклама

Расширения WooCommerce

Фильтрация

Крутая функция для фильтрации Товаров по определенным признакам.

Фильтры можно выводить в off-canvas панели, или на самой странице.

Сравнение Товаров

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

Бесплатная доставка

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

Дополнительные вкладки

Можно добавить новые Вкладки, чтобы отображать больше информации о Товаре.

Страница Спасибо

Собственная страница Спасибо с данными покупателя.

Плавающая Корзина

Добавляет плавающую панель «Добавить в Корзину» на страницу товара, когда краткое описание товара уходит с экрана при прокрутке.

Галерея Товара

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

Бренды

Категоризируйте продукты по брендам и показывайте их логотип в Архивах или в Карточке товара, чтобы посетители могли узнать больше о производителях.

Переключатель вариативных товаров

Добавляет возможность использовать Цвета, Изображения или Кнопки для переключения вариаций Вариативного товара.

Таблица размеров

Показывает таблицу размеров, чтобы посетители могли выбрать нужный размер при заказе.

Отзывы о Товарах

Добавляет функционал к стандартным отзывам о товарах WooCommerce с помощью Rich-контента, добавления фото и возможностью отметить чужие отзывы Нравится / Не нравится.

Бейджи Товаров

Дает возможность настроить 4 вида бейджей: Новинка, Распродажа и так далее:

Быстрый просмотр

Всплывающее окно с информацией о Товаре.

Избранное / WishList

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

Поделиться в соцсетях

Добавляет кнопки Поделиться в соцсетях в Карточке товара.

Партнерские ссылки

Небольшое приложение для работы с партнерскими продуктами.

Поиск по SKU

Если у вас большой магазин, то вам может быть нужен дополнительный способ поиска товаров по Артикулу.

И несколько других дополнений не для WooCommerce.

Blocksy

Блокси предлагает много инструментов, в том числе для Интернет магазина.

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

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

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

Если тема Blocksy вам понравилась, вы можете купить полную версию на официальном сайте:

У меня есть лайф-тайм лицензия Блокси, если хотите, я могу сделать сайт для вас на Блокси. Пишите в телеграм.

Надеюсь, статья была полезна. Оставляйте комментарии.

Ответить

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Techbear

Сайт для тех, кто хочет использовать Вордпресс по максимуму, но не хочет разбираться в коде.

WordPress   WooCommerce   Membership   Elementor   ACF

Обновления блога

Subsription - Gray Footer
Techbear