Merchandiser — быстро загружаемая тема WordPress для WooCommerce

Опубликовано: 2016-06-30

WooCommerce — самое популярное решение для электронной коммерции среди пользователей WordPress с большим отрывом. Вот почему существует такой конкурентный рынок тем WordPress для WooCommerce.

Один из новейших дизайнов WooCommerce на рынке называется Merchandiser.

Merchandiser, разработанный Get Bowtied, представляет собой минималистский дизайн, в котором скорость и эффективность преобладают над ненужными функциями. Цель состояла в том, чтобы разработать что-то, что предлагает все необходимые вам функции без дополнительного раздувания, которое обычно связано с дизайном WooCommerce.

Тема WordPress для мерчендайзера

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

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

Что предлагает мерчендайзер?

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

Как только вы начнете просматривать демонстрационную область Merchandiser, станет ясно, что большое внимание было уделено тому, чтобы сделать покупки для клиентов приятными.

Главная страница мерчендайзера

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

Корзина мерчендайзера

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

Список продуктов мерчендайзера

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

Информация о продукте мерчендайзера

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

Блог мерчендайзера

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

Мобильный дизайн мерчендайзера

Get Bowtied настолько гордятся кодированием и производительностью Merchandiser, что поделились своими результатами W3C HTML Validator и результатами теста скорости от Webpagetest и Pingdom. Не стесняйтесь проверить их.

Тест скорости мерчендайзера

Я был впечатлен качеством дизайна Мерчендайзера. Тема работает со всеми функциями WooCommerce, а включение конструктора страниц с перетаскиванием Visual Composer означает, что вы можете легко стилизовать свои страницы.

Как установить мерчендайзер

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

После того, как вы загрузили Merchandiser и активировали дочернюю тему, вы увидите сообщение с просьбой установить необходимые плагины. Один обязательный плагин, который необходимо установить, называется «GetBowtied Tools».

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

Приветственная страница мерчендайзера

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

Активация продукта мерчендайзера

Продавец просит вас установить два плагина: Visual Composer и WooCommerce. Visual Composer продается по цене 34 доллара, поэтому приятно видеть, что он включен в тему.

Установить плагины мерчендайзера

Установка демо-контента темы поможет вам понять, на что способен Merchandiser.

Установить демонстрационный контент

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

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

Проверьте состояние вашей системы

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

мерчендайзер-демонстрационный-контент-установлен

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

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

Как настроить мерчендайзер

Все настройки мерчендайзера выполняются через настройщик темы WordPress.

К сожалению, если вы активировали дочернюю тему Merchandizer, единственное, что вы можете изменить, это виджеты.

Настройщик темы WordPress с дочерней темой

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

Пока они этого не сделают, вам нужно будет настроить Merchandizer, активировав родительскую тему.

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

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

Несмотря на то, что Get Bowtied Marketing Merchandiser является минимальной темой, вы найдете множество отличных опций в настройщике тем WordPress.

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

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

Настройка вашего магазина

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

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

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

Интерфейс визуального композитора

В Visual Composer доступны десятки элементов контента. Вы можете добавить еще сотни с помощью одного из множества расширений, доступных для Visual Composer (проверьте категорию надстроек WordPress на CodeCanyon).

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

Список элементов Visual Composer

Помимо проблемы с тем, что дочерняя тема не отображала параметры в настройщике темы WordPress, Merchandiser было просто настроить.

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

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

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

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

Есть несколько способов улучшить тему, однако версия, которую я тестировал (1.0), не содержала ошибок, за исключением того, что настройщик не отображался в дочерней теме, поэтому я с нетерпением жду возможности увидеть, как тема будет развиваться в течение следующего года. .

Мерчендайзер доступен на ThemeForest за плату в размере 59 долларов. Это дает вам неограниченное количество обновлений темы и шесть месяцев поддержки от Get Bowtied. Дополнительные шесть месяцев поддержки могут быть добавлены за 17,70 долларов США.

Проверьте это

Кевин

[Примечание редактора: небольшая ошибка, упомянутая Кевином в дочерней теме и настройщике, была исправлена ​​в версии 1.02. Последняя версия на момент написания — 1.03]