Сегодня мы познакомимся с замечательной, очень аккуратной и бесплатной WordPress темой — Shophistic. Она разработана компанией Quema labs специально для плагина электронной коммерции WooCommerce. При отображении продуктов тема использует макет сетки и различные CSS-анимации. Область покупок представлена в виде drop-down элемента.
Смотрите также:
- BeTheme — многоцелевая тема WordPress со 180+ встроенными шаблонами
- The7 — одна из самых настраиваемых многоцелевых тем WordPress на Themeforest
- Bridge — универсальная WordPress тема с 24 уникальными шаблонами
- uDesign — адаптивная премиум тема WordPress с динамичным контентом
- X Theme — единственная премиум тема WordPress, которую вам стоит купить
- Avada — самая продаваемая многоцелевая тема WordPress в мире
Демо | Скачать | Купить Pro за $59 | Заказать сайт на этой теме | Потестировать хостинг
Просмотрите демо самостоятельно или прочитайте наш обзор, чтобы узнать больше информации о Shophistic.
Возможности темы
- eCommerce Support — Создавайте интернет-магазин быстро и легко, используя бесплатный плагин WooCommerce
- Легкая настройка — Вы можете добавить ваш логотип, изменить цвета, меню и многое другое прямо из панели администратора, без каких-либо знаний в программировании
- CSS анимация — Отличайтесь от других красивой анимацией и великолепным дизайном сайта
- Retina изображения — Отображайте ваши изображения в отличном качестве на Retina дисплеях
- Адаптивный дизайн — Ваш сайт будет выглядеть превосходно на различных устройствах и экранах
- Готова к переводу — Тема является многоязычной и готова к переводу. Используйте любой язык без проблем
Установка темы
После активации темы появится сообщение с рекомендацией установить и активировать плагин WooCommerce, если он еще не установлен.
Если во время настройки темы вам нужно импортировать какие-то тестовые данные, в папке плагина WooCommerce есть папка под названием "Dummy Data" с файлом XML. Вы можете импортировать его, перейдя в консоли в Инструменты → Импорт → WordPress.
После того, как вы добавили продукты на ваш сайт, следует задать страницу вашего магазина в WooCommerce как домашнюю страницу в WordPress. Для этого перейдите во вкладку Внешний вид → Настроить → Static Front Page и из выпадающего списка для "Front Page" выберите Shop page. Здесь вы также можете задать страницу, которую будете использовать как блог сайта.
Customizer также содержит ряд настроек для вашего сайта. Здесь вы сможете изменить цвет фона, фоновое изображение и т.д.
Также имеются настройки для логотипа, боковой панели и Mega-меню, но в бесплатной версии они недоступны. Для того чтобы воспользоваться этими опциями придется обновить тему до платной версии.
Меню для социальных сетей
Тема включает в себя «Social Media» меню, которое отображается в футере и позволяет добавлять на сайт ссылки на ваши профили социальных сетях. Чтобы добавить его на сайт, перейдите во вкладку Внешний вид → Меню и создайте новое меню. Добавьте свои ссылки, как пользовательские, и поставьте галочку напротив "Social" внизу страницы.
После этого ваш футер будет выглядеть примерно следующим образом:
Внешний вид
Домашняя страница в теме Shophistic выглядит очень аккуратно, для отображения продуктов используется макет сетки и левая боковая панель. Существует несколько красивых hover-эффектов: при наведении курсора на продукт его изображение увеличивается, и на экране появляется значок “Добавить в корзину”.
Индивидуальные страницы каждого продукта также очень грамотно разработаны. Основное изображение товара находится вверху страницы, другие варианты отображаются рядом, с левой стороны в уменьшенном виде (при нажатии увеличиваются и занимают позицию основного изображения).
Ниже находится поле для отзывов и раздел для рекомендаций или просто для товаров, которые связаны с данным.
В теме очень удобная функция «Корзина». Ее значок отображается в правом верхнем углу. При наведении курсором на Корзину будут отображаться миниатюры всех товаров, которые были выбраны посетителем, в виде аккуратного списка, так что ваш клиент сможет еще раз просмотреть свои покупки, оформить или редактировать свой заказ.
PRO версия
Если вы считаете, что для создания сайта вам нужно больше возможностей и функций, существует pro-версия темы Shophistic, которая стоит $59 и включает в себя следующие дополнения:
- Служба поддержки
- Домашняя страница
- Настройки для цвета
- Неограниченные сайдбары
- Область виджетов в футере
- Google шрифты
- Мега меню
- Visual Composer
- Revolution Slider
- Mailchimp поддержка
- Загрузка пользовательского логотипа и др.
Заключение
В целом, нам очень понравилась эта тема. Стильный, аккуратный дизайн, хорошо продуманный макет – как раз то, что ждешь от темы для создания сайта eCommerce. Она не перегружена огромным количеством функций, представлены инструменты первой необходимости. Если вы захотите добавить дополнительно какой-то элемент, то всегда сможете сделать это, загрузив необходимый плагин. Shophistic предоставляет вам чистый фреймворк для работы.
Конечно, было бы неплохо иметь больше настроек для цвета и шрифтов в бесплатной версии, но вы можете справиться с этой проблемой, используя дочернюю тему и пользовательские CSS. Если для вас это проблематично, тогда стоит приобрести платную версию темы, которая обойдется в $59. Она предоставляет больше возможностей и функций. С помощью pro-версии вы сможете добавить такие элементы как слайдер, мега меню, неограниченное количество сайдбаров и т.д.
В общем, если вы ищете красивую, качественную WordPress тему для плагина WooCommerce, рекомендуем обратить внимание на Shophistic.
Источник: quemalabs.com
Комментарии к записи: 4
подскажите, пожалуйста, цена про версии за какой то период? или единовременная?
Это одноразовая плата за тему для одного сайта.
Добрий день ! Подскажите пожалуйста, сделал все как было написано, импортировал файл xml из плагина woocommerce, и потом когда нужно в статической странице выбрать «shop» мне из списка выбивает только «пример станицы» , ну или другие мною созданые … Можно поподробнее инструкцыю, потому что я впервые столкнулса с woocommerce. Спасибо
С демо контентом уже разобралса. Удинственное, не могу найти где перевести в теме фильтр сортировки сверху и надпись сверху «my account». Их нужно искать в файлах плагина или в теме ?