Shophistic – безкоштовна тема WordPress з Grid-розміткою для магазину на WooCommerce

Сьогодні ми познайомимося із чудовою, дуже акуратною та безкоштовною 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" виберіть Сторінка магазину. Тут ви також можете задати сторінку, яку використовуватимете як блог сайту.

Customizer також містить низку налаштувань для вашого сайту. Тут можна змінити колір фону, фонове зображення і т.д.

Також є налаштування для логотипу, бічної панелі та Mega-меню, але у безкоштовній версії вони недоступні. Для того, щоб скористатися цими опціями доведеться оновити тему до платної версії.

Меню для соціальних мереж

Тема включає в себе "Social Media" меню, яке відображається у футері і дозволяє додавати на сайт посилання на ваші профілі соціальних мережах. Щоб додати його на сайт, перейдіть на вкладку Зовнішній вигляд → Меню та створіть нове меню. Додайте свої посилання, як користувацькі, і поставте галочку навпроти "соціальна" внизу сторінки.

Після цього ваш футер буде виглядати приблизно так:

Зовнішній вигляд

Домашня сторінка у темі Shophistic виглядає дуже акуратно, для відображення продуктів використовується макет сітки та ліва бічна панель. Існує кілька красивих hover-ефектів: при наведенні курсору на продукт зображення збільшується, і на екрані з'являється значок "Додати в кошик".

Індивідуальні сторінки кожного продукту також дуже добре розроблені. Основне зображення товару знаходиться вгорі сторінки, інші варіанти відображаються поруч, з лівого боку у зменшеному вигляді (при натисканні збільшуються та займають позицію основного зображення).

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

У темі дуже зручна функція «Кошик». Її піктограма відображається у верхньому правому куті. При наведенні курсором на Кошик будуть відображатися мініатюри всіх товарів, які були обрані відвідувачем, у вигляді акуратного списку, тому ваш клієнт зможе ще раз переглянути свої покупки, оформити або редагувати своє замовлення.

PRO версія

Якщо ви вважаєте, що для створення сайту вам потрібно більше можливостей та функцій, існує pro-версія теми Shophisticщо коштує $59 і включає наступні доповнення:

• Служба підтримки
• Домашня сторінка
• Налаштування кольору
• Необмежені сайдбари
• Область віджетів у футері
• Google шрифти
• Мега меню
• Візуальний Композитор
• Революція слайдер
• Mailchimp підтримка
• Завантаження логотипу користувача та ін.

Висновок

Загалом нам дуже сподобалася ця тема. Стильний, акуратний дизайн, добре продуманий макет – саме те, що чекаєш на тему для створення сайту eCommerce. Вона не перевантажена безліччю функцій, представлені інструменти першої необхідності. Якщо ви захочете додати додатково якийсь елемент, завжди зможете зробити це, завантаживши необхідний плагін. Shophistic надає вам чистий фреймворк для роботи.

Звичайно, було б непогано мати більше налаштувань для кольору та шрифтів у безкоштовній версії, але ви можете впоратися з цією проблемою, використовуючи дочірню тему та користувальницькі CSS. Якщо вам це проблематично, тоді варто придбати платну версію теми, яка обійдеться в $59. Вона надає більше можливостей та функцій. За допомогою pro-версії ви зможете додати такі елементи, як слайдер, мега меню, необмежену кількість сайдбарів тощо.

Загалом, якщо ви шукаєте красиву, якісну WordPress тему для WooCommerce плагіна, рекомендуємо звернути увагу на Shophistic.

Джерело: quemalabs.com

Олексій Шевченко

редактор wpcafe

Вивчає сайтобудування з 2008 року. Практикуючий вебмайстер, що спеціалізується на створенні сайтів WordPress. Задати питання Олексію можна на https://profiles.wordpress.org/wpthemeus/