Примеры интернет-магазинов созданных на OpenCart

Примеры интернет-магазинов созданных на OpenCart

OpenCart — бесплатный движок для запуска интернет-магазинов. Он заточен под электронную коммерцию, создавать на нём сайты другого типа нет смысла. Целевая аудитория CMS — владельцы малого и среднего бизнеса, которые хотят получить полнофункциональный интернет-магазин без большого бюджета на разработку.

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

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

1. Автомобильные запчасти

Автомобильные запчасти

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

Каталог скрывается под ссылкой «Запчасти» в главном меню. Чтобы перейти в него, нужно сразу выбрать одну категорию. Не очень удобный подход к навигации — по привычке ждёшь, что при нажатии на ссылку «Запчасти» откроется весь каталог. Благо, этот недостаток можно устранить, прописав правильную ссылку.

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

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

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

Общее впечатление: хорошее использование стандартных возможностей OpenCart. Такой интернет-магазин может собрать любой пользователь за несколько часов. Не хватает контента, но это вопрос не к движку, а к администраторам сайта. Не хватает также онлайн-оплаты — её можно реализовать целым рядом модулей для OpenCart.

2. Товары для творчества и рукоделия

Товары для творчества и рукоделия

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

В главное меню сайта вынесены ссылки на основные разделы каталога. При наведении на пункт меню всплывает дополнительное меню с подкатегориями. Это удобно — пользователи могут сразу перейти к товарам, которые их интересуют.

Каталог классический. Слева — список категорий и подкатегорий. Основную часть страницы занимают карточки товаров. Можно изменить режим их отображения (сетка, список), изменить количество на странице и отсортировать выдачу по названию, цене, рейтингу и модели.

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

Шаблон имеет адаптивный дизайн. На смартфоне пользоваться магазином так же удобно, как и на десктопе: сетка перестраивается в зависимости от размера экрана.

Общее впечатление: простой магазин с большим каталогом товаров. При его разработке использованы стандартные возможности OpenCart. Из плюсов — режим быстрого просмотра товаров, который делает выбор удобнее.

3. Женская одежда

Женская одежда

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

В главное меню вынесены ссылки на важные разделы: каталог, страницу с новинками, топ-200 продаваемых товаров. Некоторые пункты меню не работают — например, «Бренды» и «Sale». В них просто не добавили ссылки на соответствующие разделы — видимо, они не готовы.

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

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

Дизайн сайта адаптивный. В мобильном браузере сетка гибко перестраивается. Искать товары в каталоге и оформлять заказы на смартфоне так же удобно, как на десктопе.

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

4. Салон связи

Салон связи

В главное меню вынесены названия брендов: Apple, Huawei, OnePlus, Samsung, Xiaomi. При наведении на пункт меню появляется дополнительное меню. Это позволяет пользователям сразу переходить к нужным им товарам — например, умным часам Xiaomi или планшетам Samsung. Меню «Каталога» тоже сделано удобно. В нём отображаются категории, подкатегории и карточка с товаром дня.

Сама страница каталога реализована по классической двухколоночной схеме. Но, в отличие от других магазинов, в левой части здесь нет списка категорий — только фильтры. Например, смартфоны можно отфильтровать по цене, наличию, производителю, количеству и типу SIM-карт, операционной системе, объёму встроенной памяти. Доступна также сортировка по цене, названию, дате добавления.

Дизайн у сайта адаптивный. Сетка отлично перестраивается в зависимости от размера экрана, элементы интерфейса на мобильном устройстве становятся крупнее, чтобы пользователю было комфортно с ними взаимодействовать.

Общее впечатление: явно проделана большая работа, к внешнему виду и функциональности нет претензий. Единственный недостаток — отсутствие онлайн-оплаты. На OpenCart её можно реализовать с помощью разных модулей, в том числе бесплатных.

5. Наращивание волос

Наращивание волос

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

Магазинная функциональность реализована в разделе «Продажа волос». Здесь можно выбрать тип продукта, указать цвет, вид, длину в сантиметрах. Заказ добавляется в корзину. В ней можно изменить количество товаров и удалить ненужные позиции. При оформлении заказа доступен выбор способов доставки. Онлайн-оплаты нет.

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

Дизайн неадаптивный. На мобильном устройстве пользоваться сайтом некомфортно — шрифт и другие элементы интерфейса слишком мелкие. Единственный вариант — увеличивать масштаб пальцами, но вряд ли кому-то это сейчас нравится.

Общее впечатление: пример не самого проработанного сайта на OpenCart. С точки зрения функциональности вопросов нет — интернет-магазин работает как надо. А вот над внешним видом ещё можно поработать — как минимум, использовать шаблон с адаптивным дизайном.

6. Магазин часов

Магазин часов

Торговая площадка по продаже мужских и женских хронометров в приличном ассортименте. Дизайн адаптивный, очень качественный. Простой, выразительный. Чёрно-белая цветовая гамма с оранжевыми акцентами всегда хорошо смотрится. Шапка простая, но выделяется логотип, который контрастирует с остальными цветами сайта. Сразу даются контакты – телефон, мессенджеры, а также информация о скидках на доставку, хотя в мобильной версии видна лишь часть этой информации. Есть также онлайн-консультант.

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

Каталог реализован мощно – многоуровневые меню из категорий часов, плюс сайдбар с дополнительными разделами и огромный список фильтров для упрощения выбора. Витрина светлая, поэтому карточки с часами выделяются. Единственное замечание – фото часов немного размыты из-за использования большого разрешения в превью. Зато полные версии качественные, все детали отчётливо видны. Прямо с витрины можно добавить товар в избранное, в режим сравнения или в корзину.

Товарные карточки оформлены неплохо, но полное описание часов есть не везде. Зато везде приводится много характеристик. Все фотографии товаров сделаны в одном стиле – крупное изображение часов на белом фоне. Наглядно. Есть возможность оставления отзывов и рекомендуемых товаров.

Корзина позволяет использовать купоны, сертификаты и даёт оценку стоимости доставки. Процесс оформления заказа растянут на 6 шагов. Есть личный кабинет покупателя, в котором можно копить бонусы. Блог у магазина очень слабый – всего три статьи, да и те старые. Есть отдельный раздел с акциями.

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

7. Магазин электроники

Магазин электроники

Отлично сделанный супермаркет цифровой техники. Ассортимент огромный – от колонок до телевизоров, смартфонов и комплектующих для ПК. Сайт адаптивный. При переходе в мобильную версию главное меню с каталогом сворачивается и пропадают сайдбары с категориями продукции. Полная версия выглядит богаче, информативнее.
На главное странице представлены некоторые товары из разных категорий, ниже идёт информаци по доставке, оплате и ремонту техники. Есть онлайн-консультант. В шапке магазина очень много контактов, смущает лишь то, что почта обычная, а не доменная – не очень солидно выглядит.

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

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

Удобно то, что можно выбирать товары из категорий по брендам. Вообще, каталог здесь классно оформлен. Есть возможность фильтрации техники по характеристикам и стоимости. Товарные карточки хорошо оформлены, можно покупать в 1 клик и в кредит/рассрочку. Тут же идёт описание условий оплаты/доставки, а также блоки с похожими товарами и рекомендуемыми. Качество и объём описаний разнится у разных товаров по объёму и качеству. Есть возможность оставления отзывов.
Единственная претензия к магазину – он работает не очень быстро. Явно не тормозит, но скорость перехода между категориями чуть ниже, чем хотелось бы. В остальном никаких проблем нет. Хорошая работа, практически эталонный пример маркета на OpenСart.

8. Магазин электроники

Магазин электроники

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

Витрина обладает стандартной для этого движка структурой. Бросается в глаза то, что не все фотографии одного размера и стиля, поэтому кнопка «Купить» не везде находится на одном уровне с соседними. Но это не особо портит общее впечатление. Товаров очень много, не везде есть полное описание, хотя бы коротенькое. Есть личный кабинет покупателя, корзина тоже стандартное оформлена, вполне удобная.

На сайте много информации об оплате, производителях, возвратах, гарантии, партнёрах и спецпредложениях. Есть даже вакансии. Вообще площадка объединяет ассортимент сети партнёрских магазинов – в этом основная доля её привлекательности для обычных и оптовых клиентов.

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

9. Магазин холодильного оборудования

Магазин холодильного оборудования

Сайт компании, которая занимается обслуживанием холодильного оборудования, а также торгует им. Дизайн адаптивный, чистый – морозный, так сказать. Белый и оттенки синего подчёркивают специализацию компании. Главная страница является смесью описания услуг и витрины магазина, который вынесен в отдельный раздел. Категории товаров оформлены сайдбаром. Футер простейший – парочка контактов, которые в чуть более расширенной версии скрываются за соответствующим разделом меню.

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

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

Выводы

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

Результат во многом зависит от бюджета, затраченного на разработку сайта. Сам по себе OpenCart бесплатный. Но стандартные возможности ограничены. Хотите привлекательный дизайн — скорее всего, придётся покупать премиум-тему. Хотите удобный каталог с системой фильтров — покупайте платный модуль или платите специалисту за разработку кастомного решения.

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

» Примеры сайтов » Примеры интернет-магазинов созданных на OpenCart