Яркий продукт Divi: электронная коммерция Molti

Moti Ecommerce — это современная многофункциональная дочерняя тема для Divi, идеально подходящая для бизнес-сайтов или сайтов электронной коммерции, использующих WooCommerce. Тема полностью стилизована и настроена, имеет элегантный внешний вид и элементы оранжевого акцента. Он содержит более 25 полностью разработанных страниц, которые помогут вам приступить к дизайну веб-сайта, и вы можете использовать настройки Divi, чтобы легко настроить содержимое и стиль дизайна по своему вкусу. В этом посте мы внимательно рассмотрим Molti Ecommerce, чтобы помочь вам решить, подходит ли вам эта дочерняя тема Divi.

Давайте начнем!

Установка электронной коммерции Molti

Перед установкой дочерней темы Molti Ecommerce Divi убедитесь, что Divi установлен на вашем сайте WordPress. Когда вы будете готовы установить Molti, перейдите на страницу «Темы» в разделе «Внешний вид» на панели управления WordPress и нажмите «Добавить новую».

На странице «Добавить темы» нажмите кнопку «Загрузить тему» ​​вверху. Выберите molti-ecommerce.zip из своих файлов и нажмите «Установить сейчас».

После установки активируйте тему.

Когда дочерняя тема активирована, в меню панели инструментов появляется вкладка Molti Ecommerce. Выберите подстраницу Easy Demo Import. Эта страница позволяет вам быстро импортировать все настройки содержимого дочерней темы и рекомендуемые плагины одним щелчком мыши. Чтобы начать, выберите «Импортировать демонстрационный контент».

После завершения установки откройте свою домашнюю страницу, и вы увидите, что дочерняя тема полностью установлена ​​и настроена для использования. Чтобы сделать сайт своим, вам нужно всего лишь заменить контент! Теперь давайте рассмотрим макеты страниц, которые входят в дочернюю тему Molti Ecommerce Divi.

Настройки электронной торговли Molti

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

Страницы тем Divi для электронной коммерции Molti

Molti Ecommerce поставляется с более чем 25 полностью разработанными макетами страниц, которые вы можете использовать и легко настраивать с помощью настроек дизайна Divi. В дополнение ко многим стандартным макетам страниц, тема также включает в себя все макеты электронной коммерции, необходимые для запуска магазина WooCommerce. Давайте посмотрим поближе.

Макеты домашней страницы электронной коммерции Molti

Тема поставляется с двумя макетами домашней страницы: один для веб-сайта электронной коммерции и один для бизнес-сайта.

Домашняя страница интернет-магазина Molti

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

Домашняя страница электронной коммерции Molti

Домашняя страница бизнеса — это универсальный макет, который можно использовать для различных типов бизнес-сайтов. Он имеет заголовок с двумя кнопками призыва к действию и большим изображением, за которым следуют раздел «Наши услуги», раздел «О нас», описание некоторых функций и раздел с несколькими счетчиками чисел. В следующем разделе представлена ​​таблица цен, за которой следуют некоторые дополнительные услуги. После этого следует раздел отзывов, список логотипов и недавние сообщения в блоге.

Макеты внутренних страниц электронной коммерции Molti

Теперь давайте посмотрим на некоторые дизайны внутренних страниц, которые есть в Molti Ecommerce.

Страница электронной коммерции Molti

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

Страница контактов электронной коммерции Molti

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

Страница вакансий в электронной коммерции Molti

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

Страница часто задаваемых вопросов по электронной коммерции Molti

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

Страница цен на электронную торговлю Molti

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

Страница услуг электронной коммерции Molti

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

Единая страница службы электронной коммерции Molti

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

Макеты магазинов электронной коммерции Molti

Molti Ecommerce полностью интегрирован с WooCommerce и Divi. В тему включено несколько полностью разработанных страниц магазина WooCommerce. Давайте взглянем.

Страница интернет-магазина Molti

Вот страница магазина. Слева расположен фильтр товаров, а справа — товары. При наведении курсора мыши на товар появляется значок поиска и значок сердечка.

Нажатие на значок сердечка добавит товар в список желаний. Значок поиска открывает быстрый просмотр продукта.

Единая страница продукта электронной коммерции Molti

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

Страница корзины электронной торговли Molti

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

Страница оформления заказа в электронной торговле Molti

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

Страница списка желаний электронной коммерции Molti

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

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

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

Страница входа в электронную коммерцию Molti

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

Страница моей учетной записи электронной коммерции Molti

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

Тема Divi для электронной коммерции Molti Шаблоны Divi Theme Builder

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

Заголовок

Molti Ecommerce поставляется с 10 различными вариантами заголовков, оптимальными для разных приложений. Существует четыре стандартных заголовка и шесть заголовков электронной торговли.

Стандартные заголовки

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

Заголовки электронной торговли

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

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

Вот как оформлены раскрывающиеся элементы.

Гамбургер-меню справа открывается обширным всплывающим меню со значками и кнопкой.

Нижний колонтитул

В Molti Ecommerce также есть десять различных дизайнов нижнего колонтитула. Каждый дизайн содержит несколько столбцов ссылок на страницы, а также логотип, описание и значки социальных сетей. Первые два стиля содержат форму подписки на рассылку новостей. Стили 5 и 6 содержат колонку последних новостей.

В стилях 7 и 8 есть раздел призыва к действию с двумя кнопками в верхней части нижнего колонтитула. В нижних колонтитулах 9 и 10 некоторые функции выделены вверху значками.

404 страница

Страница 404 имеет простой макет: изображение слева, текст и кнопка справа.

Блог

Molti Ecommerce предлагает два разных варианта макета страницы блога.

Стандартная страница блога

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

Расширенная страница блога

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

Страница публикации

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

Элементы дочерней темы Molti Ecommerce Divi

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

Дизайн открыток

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

Карусельный дизайн

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

Переключение контента

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

Дизайн вкладок

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

Всплывающая корзина

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

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

Где купить электронную коммерцию Molti

Электронная коммерция Molti доступна на торговой площадке Divi. Безлимитное использование веб-сайта стоит 25 долларов США, а также 1 год поддержки и обновлений. В цену также входит 30-дневная гарантия возврата денег.

Последние мысли

Moti Ecommerce — это высококачественная современная дочерняя тема для Divi, которая позволяет владельцам интернет-магазинов и владельцам бизнеса начать процесс дизайна веб-сайта с помощью заранее разработанных макетов страниц. Макеты чистые и хорошо продуманные, с интересными элементами дизайна и движением, которые объединяют сайт. Поскольку Molti Ecommerce создана с учетом магазинов WooCommerce, необходимые страницы магазина уже настроены и спроектированы, что упрощает запуск и запуск интернет-магазина. Если вы ищете шаблон, который поможет вам настроить свой веб-сайт с великолепно выглядящим дизайном и оптимизированным для конвертации посетителей в клиентов, Molti Ecommerce может стать для вас отличным решением.

Мы были бы рады получить известия от вас! Вы пробовали Molti Ecommerce? Дайте нам знать, что вы думаете об этом в комментариях!