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

Интернет-магазин на opencart для проекта BestBoost

Интернет-магазин на opencart для проекта BestBoost
Дизайн:
Dezi
Вид работ:
Создание интернет-магазина с нуля. Отзывчивая верстка, посадка на CMS opencart, установка/настройка модулей, настройка платежных систем, реализация необходимого функционала
Это уже третий интернет-магазин сделанный мной на сборке opencart pro, разработкой которого занимаются наши отечественные разработчики. В целом я более чем доволен, что остановил свой выбор именно на данной сборке, модули ставятся без особых проблем, из коробки много полезных функций, но тема не об этом.

В данном магазине я уделил особое внимание меню. В нем 3 уровня вложенности, при переходе в категорию или товар, пункт, соответствующий текущей странице, открывается и подсвечивается. Таким образом посетитель не теряется в таком достаточно объемном списке. Так же текущий пунт меню становится не кликбельным (не имеет ссылки сам на себя), такова была рекомендация от сеошника. Функционал не стандартный для opencart, поэтому был приобретен соответствующий модуль YUmenu и адаптирован под собственные нужды. В админке меню заполняется перетаскиванием пунктов в нужные места, очень просто и удобно.



В админке:



Стандартная карточка товаров довольно простая, опции, пересчет цены, стикеры, подсказки:


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


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

Так же был внедрен авто-поиск для быстрого поиска товара:


Более детально элементы сайта и взаимодействие с пользователем можно увидеть на видео:

Комментарии

  • Ваше имя:
    Ваш e-mail: