Если вы ищете красивую и быструю тему с готовыми шаблонами, поддержкой Гутенберг и большинства пейдж-билдеров, с большими возможностями настройки и всем нужным функционалом, то попробуйте тему Blocksy.
Это прекрасная тема для создания блога, интернет-магазина, корпоративного или любого другого типа сайта с большим количеством настроек и дополнений в удобном и красивом интерфейсе.
Блокси — инновационная и многофункциональная тема, которая использует принцип модульного программирования. Это дает легкую и гибкую тему, с помощью которой можно создать практически все, что угодно.
Ценность Блокси — все необходимые настройки элементов сайта, — Хедера, Футера, Шаблонов страниц, Архивов, Заголовков и так далее в красивом, логичном и интуитивно-понятном интерфейсе.
И большое количество дополнений для сайта и интернет-магазина.
Содержание:
Тема Blocksy
Тема Blocksy основана двумя разработчиками из Румынии — Серджиу Раду и Андреем Глингяну. Сейчас это компания со штатом сотрудников, зарегистрированная в США.
Первая версия Blocksy появилась в репозитории Вордпресс в мае 2015 года, сейчас тема имеет 100% рейтинг и более 2,5 млн. скачиваний:
Платное Premium расширение появилось на официальном сайте в ноябре 2020 года.
По данным сайта builtwith.com в ноябре 2023 года тема Blocksy занимает 36-е место по популярности в России и 23-е в мире.
Я думаю, что эта тема немного недооценена, и уверен, что популярность Blocksy будет расти.
Реклама
Blocksy Free
Бесплатная версия Blocksy предлагает не только больше функционала, чем другие бесплатные темы, но и больше функционала, чем большинство других платных тем, в том числе более популярных.
Настройщик темы
У темы Блокси собственный красивый и логичный кастомизатор. Хотя красота не добавляет функционала, но этим кастомизатором приятно пользоваться.
Через некоторое время использования кастомизатора Блокси стандартный настройщик выглядит заметно устаревшим, а у некоторых тем — запутанным, потому что бывает трудно найти нужную настройку.
У темы Блокси это не так, все настройки сгруппированы по смыслу, поэтому интуитивно понятно, где что находится. Любая настройка находится с первого раза, даже если вы забыли или не знаете, куда идти:
У настройщика Блокси есть светлая и темная темы, можете выбрать любую, переключатель находится внизу.
В разделе General Options находятся настройки:
- Структуры сайта
- Хедера
- Футера
- Сайдбаров
- Цвета
- Типографики
- Кнопки
- Полей форм
Здесь же находятся ссылки на аккаунты соцсетей, которые можно разместить в нужных местах сайта с помощью виджетов. Сети VK и Одноклассники есть, но если вам нужна сеть, которой нет в списке, вы можете ее добавить по инструкции в Документации темы.
Все подменю организованы интуитивно понятно, поэтому вы с первого раза найдете то, что ищете.
В разделах Post Types и WooCommerce находятся настройки страниц Блог и Магазин, всех типов Страниц и Архивов.
Настройки Блога
Вы можете выбрать один из нескольких вариантов отображения записей, количество столбцов и рядов с записями.
Включите или отключите показ сайдбара и другого функционала; если нужно — измените цвет фона страницы:
Во вкладке Card Options настраивается отображение записей (Лупов).
Выберите один из вариантов Типа карточек (3 варианта лупа с готовыми стилями):
И сделайте настройки лупов:
Вы можете включить или отключить элементы лупов:
- Миниатюра записи
- Мета-данные записи
- Имя записи
- Выдержку
- Кнопка «Читать далее»
- Мета-данные записи
- Разделитель
Эти элементы можно поставить в любой последовательности с помощью мыши.
Все виджеты с подробными настройками:
Этих настроек вполне достаточно, чтобы оформить любой блог.
Виджет Divider / Разделитель можно скопировать и использовать несколько раз.
Во вкладке Design находятся настройки всех используемых шрифтов, цветов и других стилей.
Настройки Магазина
Шаблон страницы Магазин и другие Архивы WooCommerce:
Вы можете выбрать один из вариантов оформления лупов, выбрать количество столбцов и рядов, включить или отключить элементы страницы.
И настроить Лупы:
В бесплатной версии настроек не так много (хотя больше, чем в других темах), но достаточно, чтобы настроить подходящий вариант.
В Карточке товара вы можете выбрать структуру страницы, включить / отключить элементы Карточки товара, сделать другие настройки:
Для многих Интернет-магазинов этих настроек вполне достаточно.
В платной версии доступно больше виджетов для Архива и Карточки товара, есть возможность менять порядок виджетов:
Реклама
Шаблоны Страниц и Архивов
То же самое можно сделать для любого другого Типа записи или Архива.
Так настраивается шаблон Страницы:
Заголовки страниц
В Blocksy можно настроить Заголовки страниц для всех типов Страниц и Архивов.
Можно выбрать высоту и цвет фона, изменить параметры шрифтов, добавить мета-данные, и так далее:
Настроек много, можно найти подходящий вариант:
Вместо цвета фона можно поставить любое изображение или само-повторяющийся паттерн.
Изображение или паттерн можно привязать к любой точке заголовка, или включить параллакс.
Сверху на изображение или паттерн можно наложить любой оверлей.
Все эти настройки, включая изображение в фоне, можно настроить на любой отдельной странице.
В предыдущем разделе General Options находятся настройки Ширины контента сайта. Вы можете настроить две разных ширины контента в качестве глобальных настроек.
В поле Maximum Site Width задается максимальная ширина сайта.
В поле Narrow Container Max Width задается ширина Узкой версии:
То есть вы можете выбрать одну или другую ширину отображения контента отдельно для каждого Шаблона (Пост, Страница, Карточка товара, Архивы, итд).
Либо в настройках каждой отдельной страницы.
Эта настройка выглядит так:
С помощью этих инструментов вы можете настроить:
- Шаблон Поста
- Шаблон Страницы
- Шаблон Карточки товара
- Кастомные CPT Шаблоны
- Архив Категорий
- Архив Меток
- Все Архивы WooCommerce
- Кастомные таксономии
- Блог
- Магазин
- Подобные страницы
И выбрать один из двух вариантов ширины контента для каждого Шаблона по отдельности.
При этом ширину контента можно выбрать как в настройках шаблонов, так и на каждой отдельной странице.
В разделе Core находятся настройки Вордпресс, — Название сайта, Фавикон, Меню, Виджеты, и так далее.
Все находится на своих местах, там, где вы ожидаете это увидеть.
Реклама
Конструктор Хэдера
Конструктор хедера находится в кастомизаторе в разделе Header.
С его помощью вы можете создать практически любой дизайн за считанные минуты.
Есть виджет Аккаунт с модальным окном. Просто перетащите нужные блоки в конструкторе:
У всех блоков есть стандартные отступы, поэтому все блоки встают аккуратно.
В бесплатной версии темы можно создать только один хэдер, который будет использоваться на всех страницах сайта.
Вы можете настроить его закрепление при скролле:
Или сделать прозрачным:
Прозрачность можно установить отдельно для любой страницы, или группы страниц с помощью Мастера условий:
У виджетов Аккаунта, Корзины, Поиска, Избранного, Быстрого просмотра товара WooCommerce и кнопки Закрыть есть один или несколько вариантов собственных иконок:
Если эти иконки вам не подходят, то вы можете выбрать другие иконки из галереи иконок.
В мобильной версии хедера все настройки доступны в полном объеме.
Мобильное меню можно вызывать в модальном окне или в выезжающей справа или слева панели, в него можно добавлять HTML-блоки или блоки Гутенберг.
Настройки цветов, прозрачности, шрифтов, отступов находятся во вкладке Design.
Конструктор футера
Конструктор футера такой же:
У всех рядов достаточно настроек, чтобы создать любой футер.
В настройках рядов находятся настройки отступов между рядами футера, колонками футера, и между виджетами.
Каждый виджет использует Глобальные цвета и Глобальную типографику, но, если хотите, вы можете задать новые настройки, например, цвет текста или стиль ссылки (в настройках Виджета).
Вы также можете отключить отображение любого ряда на разных устройствах.
Отключение отображения отдельных виджетов находится в Premium версии.
В бесплатной версии Blocksy вы можете удалить ссылку на разработчика темы в футере, и добавить свою информацию:
Как и другие блоки в других частях сайта, все виджеты футера добавляются со стандартными настройками отступов, все встает аккуратно.
Реклама
Глобальные цвета
Глобальные цвета выбираются в Палитре, и используются на других элементах сайта.
Если вы измените цвет в Глобальной палитре, то этот цвет изменится на всех элементах, которые его используют:
- Цвета шрифтов
- Цвета заголовков
- Фон сайта
- Кнопка
- Поля форм
- Хлебные крошки
- Цвета фонов (хедер, футер, меню итд)
Есть настройка Text Selection — Цвет выделения текста.
В новой версии Blocksy 2 к стандартной 8-цветной палитре появилась возможность добавлять новые Глобальные цвета.
Короткий ролик о Глобальных цветах в Blocksy 2:
Кроме этого, в платной версии Блокси у каждого цвета появляется своя переменная, которую вы можете использовать в любом месте сайта:
Глобальная типографика
В Глобальной типографике вы можете выбрать шрифты и параметры шрифтов, которые будут использоваться на всем сайте для:
- Текстов,
- Заголовков,
- Кнопки,
- Цитаты,
- И так далее.
В десктопном, планшетном и мобильном вариантах.
Если во время редактирования сайта вы поймете, что хотите изменить размер шрифта и высоту строк в заголовке H3 в мобильной версии, то поменяйте значения в этих полях.
Этот очень удобный настройщик, поэтому я использую плагин с блоками Гутенберг, который наследует стили оформления из темы.
Возможность скачивать шрифты Google и обслуживать ими посетителей со своего сервера, использовать шрифты Adobe Fonts, или загружать любые кастомные шрифты появляется в платной версии.
Глобальная Кнопка и Поля форм
В Blocksy Кнопка и поля Форм имеют свои настройки.
Если вы пользуетесь пейдж-билдером или плагином форм, то можно отключить собственные стили этих плагинов и использовать стили темы.
Когда нужно изменить размер или цвет Кнопки, или высоту полей во всех формах на сайте, сделайте это здесь.
Настройки отдельных страниц
Ещё одна крутая вещь, которая есть в бесплатной версии Blocksy — настройка страниц.
В правом верхнем углу кликните значок Blocksy:
Здесь находятся настройки страницы:
- Узкий контент (900 пикс. как в примере выше)
- Максимальная ширина (1.280 пикс. как было выше)
- Сайдбар слева, Контент справа (макс. ширина 1.280)
- Контент слева, Сайдбар справа (макс. ширина 1.280)
Область контента:
- На всю ширину
- В контейнере
Контент находится между хедером и футером, вертикальные отступы над и под Контентом:
- Сверху и снизу
- Только сверху
- Только снизу
- Нигде
Отключение элементов страницы:
- Миниатюра записи
- Поделиться в соцсетях
- Хедер
- Футер
На вкладке Design вы можете выбрать цвет, градиент или изображение для фона страницы.
На разных устройствах можно сделать разный фон:
Заголовок страницы
Заголовку страницы можно указать цвет фона, высоту и другие настройки.
В разделе Page Title вы выбираете Тип Заголовка, настраиваете виджеты Заголовка и делаете настройки шрифтов и цветов:
Включите / выключите нужные мета:
- Название страницы
- Выдержка
- Мета-данные страницы
- Хлебные крошки
У всех мета очень подробные настройки:
В качестве фона можно выбрать цвет, градиент, само-повторяющийся паттерн или изображение.
Изображение или паттерн в фоне можно привязать к любой точке, или включить параллакс.
Сверху на изображение или паттерн можно наложить любой оверлей:
Это минимально необходимый функционал, который требуется для построения любого сайта, и в бесплатной версии Blocksy он есть полностью.
С этими инструментами Blocksy вы можете построить полноценный блог, интернет-магазин или сайт компании:
- С вашим Хедером и Футером
- Кастомными Заголовками
- Кастомные страницы Блог и / или Магазин
- Кастомные шаблоны Страниц и Карточки товара
- Шаблоны их Архивов
Все настройки доступны так же, как в полной версии темы.
Кроме этого минимума, в бесплатной версии Blocksy есть ещё функционал:
Живой поиск (Live Search)
В теме Blocksy есть виджет Живого поиска для хедера.
То есть результаты поиска появляются сразу, как вы начинаете печатать.
Вы можете выбрать, в каких типах страниц искать: Записи, Страницы, Карточки товаров.
И добавить / убрать вывод картинок и вывод цен.
Все настройки стилей полностью доступны, вы можете настроить виджет и интерфейс поиска как угодно.
В платной версии Блокси Живой поиск появляется в виде виджета Гутенберг, который вы можете использовать в любой части сайта, где используются блоки Гутенберг.
Все работает как надо, никаких дополнительных плагинов больше не нужно.
Поделиться в соцсетях
У виджета 2 варианта кнопок, и их можно расположить над контентом, под контентом или вместе.
Все основные соцсети и мессенджеры есть, работает хорошо. Настроек много.
Похожие записи
Если вам нужно выводить Похожие записи внизу под контентом, то используйте этот виджет.
Вы можете выбрать Категорию или Метку как критерий похожести, и выводить по дате публикации, количеству комментариев или в случайном порядке.
Чтобы настроить луп можно включать / отключать мета как в настройках блога, все стили есть:
В платной версии добавляется возможность показывать Товары в этом виджете и слайдер.
Липкий сайдбар
В настройках сайдбара можно включить прилипание к верху экрана при прокрутке (sticky sidebar).
В Карточке товара информацию о товаре справа от изображения тоже можно сделать sticky.
Что ещё есть:
- Виджеты и настройки в настройщике в Блоге, на странице Магазин, в Шаблонах страниц и Архивов, о которых я не говорил.
Например, вы можете использовать стандартный ввод количества
, или один из готовых вариантов:
Стиль 1:
, Стиль 2:
.
Есть настройки цвета текста для сообщений WooCommerce и многое другое. - Виджет Популярные записи перед футером, который выводит популярные записи или товары (за все время, за месяц, за 7 дней, за 24 часа).
- Расширение для создания Обзоров / Отзывов с оценками и кратким описанием.
- Расширение для создания всплывающего окна с Согласием на Cookies.
- И другое, например, кнопка Наверх, блок Подписки на новости сайта.
, или один из готовых вариантов: 
, Стиль 2:
.Шаблоны готовых сайтов
В ноябре 2023 года у Блокси около 30 готовых сайтов, которые вы можете бесплатно скачать и использовать для создания сайта.
Шаблоны сайтов полные, со всеми страницами, есть предпросмотр каждого шаблона.
Blocksy Free: Промежуточный итог
Блокси — это рама для вашего контента. С его помощью вы можете сделать полное оформление любого сайта:
- Хэдер
- Футер
- Сайдбар
- Страница Блог
- Страница Магазин
- Шаблоны всех Архивов
- Шаблон Записей
- Шаблон Страниц
- Шаблон Карточки товара
- Стр. Результатов поиска
- Страница Не найдено
- Страница 404
У Блокси такое большое разнообразие возможных вариантов настроек Шаблонов страниц, что пейдж-билдер для их создания может быть не нужен.
В ноябре 2023 года Blocksy 1.9 не поддерживает Full Site Editing (FSE).
Я думаю, что у Блокси уже есть удобные инструменты для создания Шапки, Футера, Шаблонов Страниц и Архивов. Использовать их для редактирования темы проще, быстрее и эффективнее, чем создавать всё это самому в FSE, особенно если вы создадите несколько шаблонов.
Поэтому нужен красивый и удобный интерфейс, в котором можно быстро и просто настроить элементы сайта, а потом быстро найти эти настройки, если через некоторое время потребуется редактировать сайт.
Это очень удобно, когда все настройки находятся в одном месте и управляются из этого места.
Реклама
Blocksy Premium
Функционал платной версии продолжает развитие бесплатной версии Blocksy, у него появляется больше возможностей. И добавляется множество дополнений, в основном для WooCommerce.
То есть платная версия Blocksy Premium делает ненужным использование многих плагинов.
Конструктор Хедера и Футера
В версии Pro в конструкторе хедера и футера появляются новые виджеты:
Вы можете добавить в футер Логотип, Живой поиск и Кнопку.
Виджеты со значком 
можно дублировать и использовать до 4-х раз.
Кроме новых виджетов, в версии Pro появилась возможность создавать Условные хедеры и футеры.
Вы можете создать неограниченное количество хедеров и футеров и отображать их на определенных страницах сайта в зависимости от условий.
То есть вы можете создать хедер и футер для Главной страницы,
Еще один хедер и футер для страниц Интернет-магазина,
И еще один хедер для остальных страниц сайта. Футер можно использовать из ИМ, или можно создать еще один.
Появление хедера и футера на страницах можно настроить с помощью Мастера условий:
Такой же Мастер условий используется в других частях Блокси.
В Blocksy 2 у виджета Аккаунт появился еще один вариант действия — выпадающее меню:
Структура Страниц и Архивов
В настройщике Блокси появляется больше опций для настройки структуры Страниц и Архивов.
В версии 2 для настройки страниц WooCommerce появилось отдельное расширение.
С его помощью вы можете настроить вид страницы Магазин и Карточки товара:
Если вам недостаточно стандартных полей, вы можете выводить данные из кастомных полей.
В версии 2 в настройках Структуры появилась возможность выводить до 4-х полей ACF.
Блоки контента и Хуки
У Блокси есть инструмент, который называется Content Blocks (Блоки контента).
В версии 1.9 можно создать 3 типа Контента:
- Свой контент / Хуки
Вы можете создать любой контент (Гутенберг, Элементор) и выводить его на сайте через хуки (зацепы) с помощью Мастера условий.
Например, выводить Хлебные крошки только на определенных страницах.
Добавить рекламу или объявление под хедером на всех страницах, и отключить показ в определенный день.
- Поп-ап
Очень удобный инструмент для поп-апов.
Можно настроить появление на любой клик по кнопке, картинке, тексту итд, или по условиям.
- Свой Шаблон
Кастомный шаблон для Страницы, Архива, Хедера, Футера и страницы 404.
Например, вы можете создать второй шаблон для Страниц, — для раздела сайта ../docs/.. Документация — со своим расположением элементов на странице.
- Пример хуков: Хуки WooCommerce на странице Оформления заказа
У Blocksy простой и удобный интерфейс с минимальным сопротивлением, поэтому пользоваться этими инструментами тоже просто.
Вот такие блоки Гутенберг есть в бесплатной версии Blocksy 1.9:
Их можно использовать для создания Шаблонов.
Сайдбар
Последний инструмент для создания Структуры сайта — Сайдбар.
В платной версии вы можете создать неограниченное количество сайдбаров и загружать их на определенных страницах с помощью Мастера условий.
В версии 2 появилось много новых расширений и новое меню.
Обзор меню с Расширениями, посмотрите функционал:
Мега меню
С помощью этого расширения можно делать такие меню:
Темная тема
В настройщике темы в разделе Цвета находятся глобальные цвета, которые используются на всем сайте.
С помощью этого расширения вы выбираете еще один набор цветов, которые используются для темной темы.
После этого вы добавляете виджет переключения светлой / темной темы в хедер и переключение начинает работать:
Шрифты
По требованиям Гугл и других поисковиков нужно загружать шрифты (и вообще весь контент) со своего сервера, так правильнее и это соответствует правилам GDPR.
Если вы пользуетесь шрифтами Google, в версии Pro вы можете скачать используемые шрифты с сервера Гугл, и обслуживать этими шрифтами своих посетителей со своего сервера.
Если вам нужно загрузить шрифты Adobe или шрифты в форматах TTF или WOFF2, то есть 2 отдельных расширения для работы с ними.
Custom Code Snippets
С помощью этого расширения вы можете добавлять собственный код в любую часть сайта.
Например, вы можете добавить скрипт Google Analytics:
Или любой скрипт внутри <head>, <body> и <footer>:
Также инструмент на правом скриншоте есть на каждой странице сайта, то есть вы можете добавить нужный код не только один раз на весь сайт, но и отдельно на каждой странице.
Если вам нужно добавить код в какое-то определенное место на странице (например, после хедера), то используйте инструмент Content Blocks:
Чтобы поместить какой-то код / скрипт, то используйте стандартный блок Гутенберг HTML с соответствующими тегами, и поместите в него ваш код.
Выберите место отображения в разделе Location & Priority.
Выберите страницы или группы страниц в Условиях отображения.
Дату / Время истечения работы этого блока.
И Видимость на Десктопе, Планшете или Мобильном.
White Label
В Blocksy Pro вы можете заменить все упоминания о названии темы и авторе на свой бренд.
Можно заменить название и все упоминания темы в админке, и название плагина Blocksy Premium на свое название.
Это увеличивает доверие и вовлеченность пользователя в интерфейс.
После того, как вы изменили бренд, настройки White label можно скрыть.
Панель инструментов (Shortcuts Bar)
С помощью этого расширения вы можете создать Панель инструментов / Панель ссылок в нижней части экрана.
В эту панель вы можете добавить наиболее важные действия, например:
- Позвонить
- Написать в WhatsApp
- Перейти в Магазин
Выберите один из двух видов Панели и добавьте виджеты. Доступно 8 виджетов:
- Главная
- Магазин
- Корзина
- WishList
- Телефон
- Е-мейл
- Наверх
- Кастомная кнопка
В Кастомной кнопке можно выбрать иконку из списка и добавить любую ссылку, например, WhatsApp или Telegram.
Кастомную кнопку можно дублировать.
Всего можно добавить до 12 кнопок.
В настройках стилей каждый элемент можно настроить:
- Цвет и размер иконок
- Цвет фона
- Параметры разделителя
- Тень блока
- Радиус скругления блока
Реклама
Расширения WooCommerce
Фильтрация
Крутая функция для фильтрации Товаров по определенным признакам.
Фильтры можно выводить в off-canvas панели, или на самой странице.
Сравнение Товаров
Дает возможность сравнивать продукты с помощью таблицы, чтобы посетители быстрее принимали решение.
Бесплатная доставка
Добавляет визуальную подсказку, которая говорит посетителям, сколько еще нужно положить в корзину, чтобы они могли воспользоваться бесплатной доставкой.
Дополнительные вкладки
Можно добавить новые Вкладки, чтобы отображать больше информации о Товаре.
Страница Спасибо
Собственная страница Спасибо с данными покупателя.
Плавающая Корзина
Добавляет плавающую панель «Добавить в Корзину» на страницу товара, когда краткое описание товара уходит с экрана при прокрутке.
Галерея Товара
Добавляет возможность стандартной галерее товаров отображать фотографии в виде сетки или слайдера.
Бренды
Категоризируйте продукты по брендам и показывайте их логотип в Архивах или в Карточке товара, чтобы посетители могли узнать больше о производителях.
Переключатель вариативных товаров
Добавляет возможность использовать Цвета, Изображения или Кнопки для переключения вариаций Вариативного товара.
Таблица размеров
Показывает таблицу размеров, чтобы посетители могли выбрать нужный размер при заказе.
Отзывы о Товарах
Добавляет функционал к стандартным отзывам о товарах WooCommerce с помощью Rich-контента, добавления фото и возможностью отметить чужие отзывы Нравится / Не нравится.
Бейджи Товаров
Дает возможность настроить 4 вида бейджей: Новинка, Распродажа и так далее:
Быстрый просмотр
Всплывающее окно с информацией о Товаре.
Избранное / WishList
Дополнение, с помощью которого посетители могут создавать списки Избранного, и делиться ими с друзьями и семьей.
Поделиться в соцсетях
Добавляет кнопки Поделиться в соцсетях в Карточке товара.
Партнерские ссылки
Небольшое приложение для работы с партнерскими продуктами.
Поиск по SKU
Если у вас большой магазин, то вам может быть нужен дополнительный способ поиска товаров по Артикулу.
И несколько других дополнений не для WooCommerce.
The most innovative, intuitive and lightning fast WordPress theme.
Build your next web project visually, in no time!
Блокси предлагает много инструментов, в том числе для Интернет магазина.
Весь функционал проработан достаточно хорошо, чтобы соответствующий плагин был не нужен.
Я думаю, что Blocksy — одна из лучших тем для Вордпресса. В бесплатной версии это впечатляющая тема с функционалом многих платных тем. В платной версии вы получаете большой набор возможностей для создания сайта.
Тема постоянно развивается, и я думаю, что в следующих версиях будет появляться новый функционал.
Если тема Blocksy вам понравилась, вы можете купить полную версию на официальном сайте:
У меня есть лайф-тайм лицензия Блокси, если хотите, я могу сделать сайт для вас на Блокси. Или вы сами сделаете. Пишите в телеграм.
Надеюсь, статья была полезна. Оставляйте комментарии.
Похожие записи
Techbear
Сайт для тех, кто хочет использовать Вордпресс по максимуму, но не хочет разбираться в коде.
WordPress WooCommerce Membership Elementor ACF
