Торговая площадка - Обзор дочерней темы WooCommerce Divi

Дочерняя тема Sales Mart Divi от PennyBlack Templates была разработана для сайтов и блогов WooCommerce. Он содержит множество страниц и специальных функций, предназначенных для онлайн-продаж. В этой статье мы рассмотрим страницы и функции Sales Mart, чтобы помочь вам решить, подходит ли это дочерняя тема Divi для вашего веб-сайта.

Установка детской темы Sales Mart Divi

Установить дочернюю тему Sales Mart Divi просто. Это требует пары шагов. Во-первых, с активированным Divi загрузите и активируйте дочернюю тему, как любую тему WordPress.

После его активации вы увидите сообщение со ссылкой для установки необходимых плагинов. Установите и активируйте их. Это добавляет:

• Корзина меню WooCommerce
• Yith WooCommerce Быстрый просмотр
• Список желаний Yith WooCommerce

Некоторые плагины требовали некоторой настройки, но это легко сделать.

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

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

Возможности заголовка дочерней темы Sales Mart Divi

Заголовок создается с помощью Divi Builder. На нескольких страницах есть панировочные сухари.

Заголовок торговой площадки

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

Глобальный заголовок также включает корзину с количеством товаров и общей ценой. Это добавляется с помощью плагина WooCommerce Menu Bar Cart.

Панировочные сухари

Большинство страниц содержат заголовок с фоновым изображением, заголовок и хлебные крошки.

Страницы дочерней темы Sales Mart Divi

Sales Mart добавил 31 страницу, в том числе 5 домашних страниц, 3 страницы блога и 2 страницы, посвященные, страницам магазинов, страницам команд, страницам отзывов, страницам корзины и многому другому. Это одна из немногих дочерних тем Divi, которые я видел со страницей 500 внутренних ошибок сервера. Он также включает страницу 404, страницу в ближайшее время и страницу обслуживания. Давайте посмотрим на некоторые из них.

Домашние страницы торговых площадок

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

Торговый центр Home Static

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

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

Последние продукты отображаются в 4 столбцах на коричневом фоне. Заголовок включает изображение, которое создает стилизованное подчеркивание. Стилизованные карточки отображают продукты WooCommerce. Yith Wishlist добавит ссылку на список желаний под ссылкой «Добавить в корзину».

Таймер обратного отсчета отображает товар в продаже в двух столбцах. Изображение включает стилизованную рамку.

Самые продаваемые товары отображаются в 3 столбцах. Этот раздел соответствует разделу недавних продуктов.

Полноразмерный CTA отображает фоновое изображение и помещает кнопку магазина слева.

Призывы к действию для продажи показывают изображения в 2 столбцах и включают информацию о распродаже и ссылки на магазин.

Ползунок отзывов отображает темное фоновое изображение с обведенным кружком изображением человека с его показаниями на переднем плане. Они включают стрелочную и точечную навигацию.

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

Логотипы клиентов отображаются в 5 столбцах.

Параллакс Продажи Дома

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

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

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

Форма для продажи в магазине

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

Домашний слайдер Sales Mart

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

Магазин продаж Домашнее видео

На главной странице видео отображается фоновое видео в разделе героев. На переднем плане отображается заголовок и кнопка. Он также включает в себя второй раздел с домашней страницы параллакса.

Sales Mart Страницы и функции магазинов дочерних тем Divi

Sales Mart включает в себя все ожидаемые страницы WooCommerce, такие как страница магазина, корзина, оформление заказа и учетная запись. Он также добавляет страницу со списком желаний. Каждый оформлен в соответствии с дизайном сайта. Некоторые включают шорткоды для Блума.

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

Плагин Yith Quickview добавляет функцию лайтбокса продукта. При нажатии на быстрый просмотр продукта открывается лайтбокс с информацией и ссылкой для добавления в корзину. При наведении курсора на изображение увеличивается размер контейнера изображения и выполняется прокрутка с помощью мыши. Щелчок по изображению открывает его в лайтбоксе.

Список магазинов Sales Mart

Список магазинов - это страница магазина. Он отображает заголовок с панировочными сухарями, продукты WooCommerce со стилем и стилизованную боковую панель. Мне нужно было выбрать страницу и добавить виджеты.

Страница продукта торговой площадки

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

Список желаний Sales Mart

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

Торговая площадка О нас Страницы

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

На второй странице «О нас» есть раздел о том, почему выбрать нас. На одной стороне отображается ползунок, а на другой - размытые значки. Числовые счетчики размещены над четырьмя изображениями. У членов команды есть более крупные персональные модули с социальными кнопками. Изображения скользят вниз при наведении курсора. CTA создаются с помощью текстовых модулей.

Страницы группы продаж Mart

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

На второй странице «Команда» добавлен другой стиль для модулей «Персон». Я наведу указатель мыши на одну, чтобы отобразить кнопки социальных сетей. Также добавлен раздел с барными стойками для навыков и изображения.

Страницы отзывов торговых точек

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

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

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

Страница часто задаваемых вопросов в отделе продаж

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

Страницы блога торговой площадки

Включены три разных макета блога и стилизованная страница сообщения.

Список блогов Sales Mart

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

Блог Sales Mart Страница в виде сетки из двух столбцов

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

Блог Sales Mart Страница с трехколоночной сеткой

Сетка из трех столбцов размещает сообщения в трех столбцах без боковой панели.

Сообщения в блоге торговой площадки

Сообщения в блогах имеют стиль, соответствующий страницам списка блогов, и включают боковую панель.

Торговый центр "Свяжитесь с нами" Страница

На странице «Связаться с нами» контактная информация отображается рядом с формой. Внизу страницы вы найдете карту во всю ширину, на которой показаны направления к месту.

Дочерняя тема Purchase Sales Mart Divi

Вы можете приобрести дочернюю тему Sales Mart Divi на торговой площадке Divi за 49 долларов. Он включает в себя неограниченное использование веб-сайта и один год обновлений и поддержки.

Конечные мысли

Это наш взгляд на дочернюю тему Sales Mart Divi от PennyBlack Templates. Множество страниц и функций в этой дочерней теме делают ее идеальной для любого магазина WooCommerce. Это также хороший выбор для блогов, которые хотят добавить интернет-магазины. После установки нужно настроить несколько вещей, но это несложно. Дополнительные функции отлично работают и помогают магазину выделиться. Если вы ищете дочернюю тему Divi с фокусом на WooCommerce, это хороший выбор.

Ждем вашего ответа. Вы пробовали дочернюю тему Sales Mart Divi? Дайте нам знать, что вы думаете об этом в комментариях.

Лучшее изображение через Newgate666 / shutterstock.com