Готовые адаптивные шаблоны интернет-магазинов от Templatemonster

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

То ли дело сейчас — десятки CMS для eCommerce на любой вкус с сотнями готовых шаблонов интернет-магазинов и разными интересными вариантами оформления. В сервисе Templatemonster под них даже создан отдельный раздел, на материалах которого я бы хотел остановиться чуть подробнее + поделиться лучшими работами на мой взгляд. Будет много картинок:)

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

Если профессионально занимаетесь веб-разработкой сайтов на заказ, советую обратить внимание на One подписку от  TemplateMonster – после разовой оплаты получите неограниченный доступ ко всем этим и многим друигм шаблонам.

В частности, в разделе представлены следующие CMS (в скобках указано число тем на момент написания статьи):

• PrestaShop (1089).
• Magento (803).
• OpenCart (665).
• VirtueMart (501).
• Zen Cart (421).
• osCommerce (406).
• WooCommerce (338).
• Shopify (242).
• Jigoshop (111).
• Addshop.
• MotoCMS 3 для магазинов (11).

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

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

PrestaShop шаблоны

PrestaShop — бесплатный движок для электронной коммерции (PHP + MySQL, для шаблонов используется Smarty). С помощью этой системы создано более 250 тысяч магазинов на 60 разных языках. Решение достаточно легкое в освоении и быстрое в работе.

Кроме основных возможностей онлайн шопинга можно выделить такие фишки, как: вотермарки, детальная статистика по множеству параметров, подключение Google Maps и Adsense, локализация, бренды, Ajax поиск и корзина, рекомендуемые и похожие товары, RSS, в вариантах оплаты есть WebMoney, ЯД, Qiwi. Всего имеется около 310 базовых функций.

Если хотите найти лучшие шаблоны сайта интернет-магазина, то отмечайте в меню слева пункт «Best Sellers» в блоке «Popularity». Вот парочка результатов оттуда.

IShop

ShirtHero

Molotok

Moto

Styler

KitchenTools

SuperMarket

Хороших макетов там действительно хватает. Еще одну подборку красивых Prestashop шаблонов когда-то делал на Дизайн Мании, но, в принципе, можете искать макет прямо на сайте TemplateMonster.

Magento шаблоны интернет-магазинов

Magento — одна из самых популярных в мире CMS для eCommerce проектов. По данным аналитических статей в мае 2015 она применялась почти на 30% соответствующих сайтов, занимая первое место. А в ноябре этого же 2015 года была выпущена новая версия 2.0, которая получила еще больше интересных возможностей. Улучшенные функции навигации, кэширования, безопасности, продуманное взаимодействие с пользователями и ряд эффективных бизнес инструментов поможет достичь большей конверсии и доходов. Масштабируемость Magento позволяет использовать систему как для простых продающих сайтов, так и для крупных интернет-магазинов.

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

В данном случае для Magento это: Ajax корзина, сложное меню с бэйджами, видео о товарах и для фона, параллакс эффект, социальные кнопки, Google карты, галерея карусель продукции, локализация и т.п. Все эти и другие фишки удобно настраиваются из админки системы. Вот парочка лучших готовых шаблонов интернет-магазинов из данной категории.

ALIKX

Business Card

Flooring

Kinder

Tools Online Store

Infant Clothes

Luxury Linen Store

Макет отлично дополняют аналогичную подборку Magento тем сделанную мной ранее.

OpenCart

Данная система является третьей в мире по количеству созданных магазинов (после Magento CMS и плагина WooCommerce). Как и все остальные, она бесплатная. В 2014 OpenCart была самым популярным решением для китайского рынка eCommerce. В том же году запустилась обновленная версия 2.0 с новым установщиком модулей, поддержкой HTML 5 и другими фишками.

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

Кроме того, создатели TemplateMonster добавили в готовые адаптивные шаблоны интернет-магазинов парочку своих улучшений — Ajax поиск для товаров, параллакс эффект, Lazy Load для постепенной загрузки изображений, быстрый просмотр Quick View для каталога без открытия новых страниц. Ранее я уже делал подборку шаблонов OpenCart сегодня дополню ее десяткой новых качественных дизайнов.

Stationery

Rockwell

DrugStore

FoodMarket

Mobile

Organic Cosmetics store

SoccerPro

MobileStore

Tyres

Flowers Store

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

WooCommerce

В последнее время с движком WooCommerce я работаю наиболее часто. Это не отдельное решение, а лишь специальный плагин для системы WordPress. Поэтому без установки и разбора последней вам не обойтись. С другой стороны в этом есть определенный плюс. Решение получается достаточно гибкое, ведь вам доступны тысячи разных модулей для вордпресс. Добавление на сайт блога, статей, новостей, слайдеров, соц.кнопок и многой другой функциональности — вообще не проблема.

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

Не смотря на то, что в Templatemonster макетов чуть меньше нежели в предыдущих вариантах, больше 95% из них — это адаптивные шаблоны интернет-магазина, то есть отлично будут работать на всех устройствах. В каталоге можно найти плюс-минус похожие дизайны по структуре, которые отличаются лишь графикой или шрифтами — как вариант универсальная тема Wordpress Monstroid 2 имеющая весьма широкое назначение.

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

Perfume

Tools

Home Electronics

Jewello

Cookware

LuxuryLinen

Pets Online Store

Tools Market

DivingStore

Gifts Online Store

VirtueMart

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

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

В отличии от массы возможностей с дизайном есть некоторые нюансы. Во-первых, найти адаптивные среди готовых шаблонов интернет-магазина VirtueMart составляют лишь малую часть от общего их числа — удалось найти около 70-80. Если отметить при этом графу «Лучшие отзывы» и выбрать версию системы Joomla 3+, то их число сократится до 35-40. Поэтому в подборке ниже всего 5 лучших вариантов от меня.

4You Wholesale

Nutrition & Supplements

Tools Online Store

Air Conditioning

Tools

Местами, конечно, VirtueMart имеет еще более стандартизированный вид нежели OpenCart, но, в принципе, хорошие дизайны можно отыскать.

Zen Cart

Двигаемся от более сложных решений к простым. Информации по еще одному скрипту Zen Cart как-то не особо много. Создано решение на PHP + MySQL, является своего рода ответвлением от другой системы osCommerce. С новыми версиями различием между ними все больше увеличивается. Начиная с 1.3.x разработчики ушли от устаревшей табличной к современной CSS верстке.

Собственно адаптивные готовые шаблоны интернет-магазина Zen Cart редкость, из 420 вариантов, таких насчитал всего 20. При этом последнюю версию движка поддерживает около 270 штук.  Видно, что скрипт достаточно «олдскульный». Если вы хотите обновить свой сайт на данном движке, то разумеется, прочем подобрать современный дизайн нежели переводить сайт на другую системы. Просто позже можно будет организовать адаптивность,  тем более, что соответствующих специалистов по доработке сайтов хватает. Подобрал также всего 5 лучших макетов.

Kuki

Electronics

Coin

Organic Cosmetics

Sewing Store

osCommerce

С системой osCommerce я сталкивался достаточно давно в году эдак 2009. Правда, работал не конкретно с ней, а разбирался с одной ее модификацией VaM Shop. Приходилось копаться в структуре шаблонов и, помню, было это тогда крайне сложно. Сейчас же разработчики могут порадоваться — в Templatemonster представлено около 350 разных шаблонов сайта интернет-магазина. Есть причем и весьма симпатичные варианты.

OsCommerce Tools

Perfume Online Store

Infant 

Tyres

Shot

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

Shopify

Если честно, никогда до этого с Shopify не сталкивался. Судя по всему, это онлайн конструктор интернет-магазинов. Причем платный. В Wiki была интересная информация о том, что в 2015 году Amazon.com после закрытия своего сервиса Amazon Webstore для продавцов выбрали Shopify в качестве предпочтительного поставщика аналогичных услуг.

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

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

Tyres Shopify Store

Car Tuning

Lighting

Fishing

Simple Construction

Spare Parts

Furniture

OnePageStore

Mobile Shopify Store

Jigoshop

Решение под названием Jigoshop является еще одним модулем для вордпресс. Если честно, никогда о нем не слышал, выбрав для себя WooCommerce раз и навсегда. Да, и готовыех шаблонов интернет-магазинов в последнем больше раза в 4. Основными плюсами Jigoshop являются: адаптивность и быстрый код, множество виджетов и шорткодов, отчеты статистики, фильтры товаров.

Также, макеты под плагин используют Cherry Framework, а значит в админке найдете много разных настроек для шаблона. Выбирая макеты на сайте Templatemonster, я ориентировался под последнюю версию Jigoshop 1.8. Нашел 5 неплохих вариантов.

Computers

Kitchen

Sewing

Flowers Store

Cleaning Products

Addshop

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

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

Фотомагазин

Веломагазин

Интернет-магазин книг

Итого…

Что касается последней системы, полезно будет почитать детальный обзор MotoCMS 3 на Дизайн Мании. Новая версия онлайн конструктора получила весьма неплохие возможности. Также для новичков в деле веб-разработки советую интересный обучающий проект от TemplateMonster «Министерство веб-дизайна» — небольшой видеокурс о создании сайтов.

В общем, если вам нужны готовые адаптивные шаблоны интернет-магазина купить их можно в Templatemonster. В специальном разделе сервиса собраны тысячи дизайнов на любой вкус под 10+ разных CMS систем. В данном посте старался выбирать лучшие макеты, которые понравились мне больше всего. Надеюсь, подборка вам пригодилась. Кстати, вебмастерам будет интересно почитать заметку о заработке в Templatemonster на соответствующей партнерке.