Примеры сайтов на Opencart (Опенкарт) - uGuide.ru

Примеры сайтов на Opencart (Опенкарт)

    Дмитрий Луценко
  • Обновлено:
    2022-11-21
  • Просмотры:
    6981
  • Отзывы:
    0
  • Рейтинг: 3.7
Opencart – бесплатный движок, предназначенный для создания магазинов. Другие типы сайтов выступают дополнением к основной функциональности. Тем не менее, система имеет неплохой модуль доски объявлений, на базе которой можно построить этот тип сайта.

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

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

Ввиду вышесказанного, желательно работать с производительным хостингом – это важное условие нормальной жизнедеятельности магазинов, построенных на Opencart. Особенно крупных. Можете воспользоваться BlueHost, к примеру, детальный обзор которого у нас есть. Начинающие разработчики пытаются начать работать с Opencart ввиду бесплатности и богатого набора модулей. Система отнюдь не простая и подходит не всем. Давайте посмотрим, насколько интересными получаются готовые проекты.

Примеры Opencart-сайтов:

  1. Papki-spb.ru – канцелярский магазин.
  2. Mishukova.ru – магазин дизайнерской одежды.
  3. Honda-shop.ru – магазин запчастей.
  4. Kab24.ru – гипермаркет сантехники.
  5. Polvteple.ru – магазин оборудования для тёплых полов.
  6. Dap-audio.ru – магазин музыкальной аппаратуры.
  7. Polus-volga34.ru – магазин климатического оборудования.
  8. Groe.su – магазин сантехники Grohe.
  9. NatGard.ru – натуральные домашние продукты.
  10. Tkani-textiliya.ru – магазин тканей.
  11. Osmasi.ru – магазин корейской косметики.
  12. Kk.crimea.ru – климатическое и инженерное оборудование.
  13. Konzeptual.ru – магазин издательства «Концептуал».
  14. Biosfera.kz – сеть интернет-аптек Биосфера.
  15. Bakerstore.ru – товары для кондитеров.

 

ПапкиСПБ — магазин по продаже канцелярских папок

Papki-spb.ru — магазин от фабрики-производителя всевозможных типов канцелярских папок для хранения и переноски документов. Дизайн приятный, чистый, «офисный», если можно так выразиться. Цветовая схема безотказная – оранжевые акценты на бело-сером фоне. Шаблон адаптивный, используются основные модули движка – слайдер, поиск, карусель товаров, преимущества, личный кабинет покупателя и корзина покупок. Контакты и режим работы магазина ненавязчиво поданы в шапке. Логотип и слоган выглядят уместными.

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

 

Магазин дизайнерской одежды Натальи Мишуковой

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

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

 

Honda-shop — магазин автозапчастей

Honda-shop.ru — крупный магазин запчастей для Honda. Мощный, солидный, с огромным ассортиментом, кучей качественных описаний и грамотной навигацией. Похоже, здесь собраны все детали по всем моделям Хонд за последние лет 30. Впечатляет. Дизайн симпатичный, хорошо подходит тематике магазина, адаптивный. Небольшой слайдер чётко перечисляет фишки магазина, следом сразу идёт выразительная витрина. Можно сразу купить в 1 клик, добавить в корзину, список желаний или сравнение. Тут же информация о скидке на товарах, где она есть. Информативно, удобно.

Реализован расширенный глобальный поиск по каталогам. Заказ обратного звонка и онлайн-консультант на месте. Карта проезда, контакты, поддерживаемые способы приёма оплаты на виду. Карточки товаров оформлены хорошо. Описания короткие – значительную часть полезных деталей содержат ёмкие заголовки. Есть блок социалок, рейтинги, панель отзывов. Статических страниц много, но некоторые из них (например, «Бренды») выдают ошибку 404. Качество текста хорошее, но его оформление местами явно хромает – недочёт, смотрится некрасиво, плохо читается. В целом, магазин добротный, но слегка недоработанный. Битые ссылки, скомканный текст контрастируют с общим приличным уровнем реализации площадки.

 

Гипермаркет сантехники

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

Главная страница даёт много информации по контактам, акциям и доставке. Каждая категория содержит описания для SEO, в меру качественные и объёмные. Фотографии товаров подогнаны под единый формат, но в некоторых карточках их мало, да и качества не хватает. Описания в карточках добротные, уникальные для каждой. Есть возможность совершения быстрого заказа, добавления в сравнение и закладки, комментирования. Тут же условия установки, доставки лидеры продаж и рекомендации. У магазина есть блог с новостями, которые трудно читать – плохо видно чёрные буквы на синем фоне. Контактов недостаточно – нет карты, соцсетей и мессенджеров. Онлайн-консультант тоже бы не помешал. Хороший по многим критериям, но не идеальный магазин.

 

Магазин оборудования для тёплых полов

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

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

 

Магазин музыкальной аппаратуры

dap-audio.ru — площадка по продаже усилителей, колонок, наушников, плееров, микшеров и прочего по части звука. Сайт адаптивный, строго чёрно-белый по дизайну, с огромным логотипом. У него нет главного меню, все полезные ссылки находятся в футере – информация по брендам, акциям, возвратам, доставке и оплате. Главная страница минималистичная – шапка с телефоном, личным кабинетом и корзиной, поиск и перечень категорий оборудования, каждая из которых содержит солидное количество подкатегорий – ассортимент немалый. Витрина оформлена лаконично: цена, покупка, добавление в избранное и сравнение.

Витрина сделана, в целом, хорошо: много вариантов сортировки, поиск, качественные фотографии, хотя для некоторых позиций они отсутствуют. Карточки товаров содержат много характеристик, обычных описаний нет. Есть возможность заказа обратного звонка и просмотра похожих материалов. Корзина приятная по дизайну, не стоковая – этот вариант удобнее стандартного. Условия оплаты и доставки внятно описаны отдельным разделом. Из контактов только телефон и форма обратной связи, у магазина нет оффлайновой площадки для продаж. Сайт хорош, прежде всего, тем, что он не копирует один в один привычную структуру готовых шаблонов на Opencart.

 

Магазин климатического оборудования

polus-volga34.ru — солидный магазин по продаже котлов, обогревателей, кондиционеров, каминов и много чего ещё. Дизайн адаптивный, очень качественный – над ним много работали. Это не стандартный шаблон с витриной товаров, а профессиональная работа. Сине-бело-красное оформление выглядит бодро, свежо, адекватно. Скруглённые края элементов добавляют приятности интерфейсу. Главная страница содержит карточки с графиков и описаниями ключевых моментов сотрудничества и преимуществ. Главное меню без вложенности, простое и наглядное, причём, не ломается в мобильной версии. При поиске можно выбрать конкретную категорию. В шапке висят счётчики сравнений и закладок по товарам.

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

 

Магазин сантехники Grohe

groe.su — магазин дистрибьютора немецкого сантехнического оборудования Грое. Выполнен в фирменных цветах бренда – белый и синий: вся графика, акценты кнопок, шрифтов, заголовки в едином стиле. И смотрится это хорошо. Главная страница отображает 4 корневые категории продукции, которые в сайдбаре расписаны подкатегориями. Увы, в блоки хитов продаж у нескольких позиций нет титульных изображений – получается пусто и криво по уровню кнопок «Купить». Главное меню простейшее: оплата, доставка, гарантия, контакты, история бренда. Всё внимание сфокусировано на каталоге продукции.

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

 

Натуральные домашние продукты

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

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

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

 

Магазин тканей

Сайт tkani-textiliya.ru принадлежит крупной оптово-розничной компании «Текстилия». Шапка сайта достаточно функциональная. В нее разработчики поместили контактные данные, ссылки соцсетей, строку поиска, кнопку-бургер с каталогом товаров, уникальный инструмент «Дизайн текстиля» для подбора тканей, кнопки корзины, избранного и входа/регистрации, меню магазина.

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

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

 

Магазин корейской косметики

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

Аналогичную структуру имеют и страницы каталога. Товары в каждой категории можно отсортировать по бренду и другим параметрам. Каждый продукт имеет подробное описание и рекомендации по применению. Зарегистрированные пользователи могут оставлять отзывы, получая при этом бонусы на личный счет. Внизу товарной карточки выведен блок с похожими товарами. Виджет онлайн-чата позволяет пообщаться с менеджером непосредственно на сайте или мессенджерах FB и ВКонтакте. Качественный во всех отношениях сайт с хорошим юзабилити и достаточным функционалом.

 

Климатическое и инженерное оборудование

kk.crimea.ru – онлайн-представительство инжиниринговой компании Климат Контроль, специализирующейся на реализации масштабных инженерных проектов "под ключ". Довольно эффектная шапка сайта с анимацией загрузки и фоновым видеороликом занимает весь первый экран главной страницы. В ней размещено небольшое меню, контакты компании и кнопка заказа обратного звонка. Главная страница дает полное представление о компании: виды выполняемых работ, преимущества сотрудничества, используемые бренды, открытые офисы. Подвал сайта дублирует информацию, размещенную в шапке.

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

 

Магазин издательства «Концептуал»

konzeptual.ru объединяет в себе интернет-магазин и информационный сайт, поэтому меню достаточно емкое, а каталог интернет-магазина «упакован» в кнопку-бургер. В шапке имеется строка поиска, ссылки соцсетей, номер телефона, значок корзины и регистрация/вход в личный кабинет. На первом экране в виде слайдера представлены книги на выбор редакции, ниже – блоки с новинками и популярной литературой. В сайдбаре, кроме категорий товаров, выведены виджеты канала YouTube и группы ВКонтакте. В футере пользователь может найти несколько разделов с ссылками: О нас, Информация, Личный кабинет, Контакты.

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

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

 

Сеть интернет-аптек Биосфера

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

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

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

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

 

Товары для кондитеров

Магазин bakerstore.ru реализует сырье и декор для изготовления кондитерских изделий, кухонный инвентарь, формы и упаковки. На сайте отсутствует привычное верхнее меню, все ссылки на информационные страницы и соцсети можно найти в футере. Шапка сайта зрительно делится на три строки: в верхней строке - номер телефона, иконки доставки, избранного, личного кабинета и контактов, в центре – строка поиска и значок корзины, внизу – ссылка на акционные предложения и страницы с подборкой продукции для изготовления определенных кондитерских изделий.

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

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

 

Подводим итог

Opencart — бесплатная CMS с неплохим уровнем функциональных возможностей. Из примеров чётко видно, что магазины получаются разными по качеству в зависимости от вложенных усилий/бюджета и навыков разработчиков. Можно сделать очень хорошо либо явно посредственно. Система достойна внимания, но для достижения действительно хороших результатов требует опыта. Конструкторы удобнее, как и некоторые коммерческие CMS — они лучше оптимизированы, всё из коробки слаженно работает.

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

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

  • Автор:

no avatar