Electro — тема WordPress для создания магазина электроники

Electro — надежная и гибкая тема, которая идеально подходит для создания интернет-магазина электроники. В магазине есть все самые современные функции, которые используются в самых популярных магазинах, таких как amazon, flipkart, snapdeal, walmart, alibaba, aliexpress и др.

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

Особенности:

• Интеграция с плагинами: WooCompare, Visual Composer, Slider Revolution, YITH WooCommerce Wishlist, YITH WooCompare
• Установка демо-данных
• Документация и исходники
• Набор расширений (карусель товаров, расширенный поиск, мегаменю, функция каталога и др.)
• Легкая установка темы
• Адаптивный дизайн (поддержка мобильных устройств)
• 4 цветовых схемы шапки сайта
• 9 цветовых схем
• Сравнение товаров
• Список желаний
• Карусель товаров
• Бренды
• Различные макеты блога
• Иконки-шрифты
• Шрифты от Google
• Импорт/экспорт настроек

Создание и редактирование Главной страницы

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

Отображение блока на странице определяется опцией «Enabled?»

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

Вставка своего контента

С помощью редактора Гутенберг, классического редактора или конструктора WPBakery вы можете вставить один или несколько элементов на странице. Но, вывести их вы сможете только в одном месте и один раз. Потому что блок «Page content» только один.

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

Задайте для каждого блока приоритет от 10 и выше. Например, 10, 20, 30, 40, 50, 60, 70, 80, 90…

Задайте для блока «Page content», например 30.

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

Полный контроль над главной страницей

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

Создайте новую страницу, выберите редактор WPBakery — Backend редактор.

В атрибутах страницы выберите Базовый шаблон.

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

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

Если вы хотите на базе своего сайта создать лендинг, то выберите шаблон в атрибутах: Blank Page Template

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

Чтобы они было всегда раскрытым, нужно выбрать в атрибутах страницы шаблон Homepage v1

При этом станут доступными блоки, которые мы должны отключить, кроме блока Page content:

Результат:

Теперь добавляем элементы на страницу и их настраиваем.

Страницы, шапка, меню и футер

Отвечаю на вопросы клиента по некоторым настройкам премиум-темы Electro. Видео будет интересно всем, кто присматривается к Electro или создает на этой теме магазин. Тема поддерживает 2 конструктора: Elementor и WPBakery. Но, в видео акцент на WPBakery.

Выводы

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