Шины и диски в Интернет-магазине "Хорошие колеса"

Первый проект, который был создан для нашего клиента другим разработчиком был полностью переработан, начиная от дизайна и заканчивая функционалом. Новый Интернет-магазин должен был стать более функциональным, подбор товара (шин и дисков) стать более простым и удобным, структура сайта стать более "прозрачной", чтобы пользователь всегда представлял где он находится.  
  
  
Расскажем про то, что умеет новый сайт:  
Во первый, структура сайта разбита на 3 глобальных раздела: корень сайта соответствует функционалу для легковых машин и других статичных страниц и подразделов сайта, отдельный раздел для грузовых автомобилей и третий раздел для спецтехники. Во всех разделах практически одинаковый функционал, и расположение блоков на сранице, но информация в этих блоках соответствует той категории товаров, в котором разделе мы сейчас находимся. Т.е. находясь в разделе грузовые машины, мы увидем "Хиты продаж" только по "грузовым шинам", соответственно список брендов, форма подбора шин, карта сети шинных центров соответствует именно разделу "грузовые машины".  
  
  
Теперь про функционал:  
  
1. Подбор по авто: позволяет покупателю выбрать из списков формы подбора имеено свое авто вплодь до модификации и посмотреть список именно тех шин и дисков (типо-размеров), которые подойдут именно для его автомобиля (стандартные и под модификацию). Причем этот список результатов отображается без перезагрузки в всплывающем окошке, что не дает пользователю запутаться в навигации и в случает необходимости закрыть окно и изменить параметры подбора шин и дисков по авто без перезагрузки страницы. В итоге покупатель в данном всплывающем окошке указывает те варианты подходящих к его авто типо-размеров шин или дисков, которые он хотел купить и переходит уже непосредственно к странице поиска шин и дисков, где он сможет подробно изучить параметры конктерного товара (шин или дисков) соответствующие выбранным типо-размерам.  
  
2. Подбор шин: форма позволяет указать множество параметров для подбора, начиная от типо-размера, который составляется на основе 3-х выпадающих списков "ширина", "профиль", "диаметр" и заканчивая производителем и наличием шипов. В итоге покупатель видит список результатов, который уже сортирует по нужному ему параметру и покупает подходящий вариант. Результаты можно просматривать как списком-таблицей (таблица с выводом параметров шин), так и списком-фото, где основной акцент сделан на тех покупателей, кто любит посмотреть на товара вживую, а не по параметрам. В списке-таблице покупатель может кликнуть по названию шины и без перезагрузки страницы ему откроется всплывающее окошко с подробным описанием шины, кликнув же на иконку в столбце Фото пользователь сможет увидеть фотографию данной шины (если она есть). При нажатии кнопки купить по умолчанию в корзину добавляется 4 шт, причем пользователь переходит сразу к оформлению заказа, дабы укоротить процесс покупки, но из "оформления заказа" покупатель может легко перейти в корзину для редактирования заказа.  
  
3. Подбор дисков: осуществляется по аналогии с подбором шин, единственное различие это абсолютно другие параметры для подбора в форме и в результатах поиска.  
  
4. Хиты продаж: выводится список товара, у которого в соответствующем свойстве проставлена галочка. Удобно то, что при просмотре списка хитова продаж не нужно переходить на детальную страницу товара чтобы с ним ознакомиться, достаточно кликнуть по названию и пользователю покажется всплывающее окошко с подробным описанием, а если кликнуть по фото, то оно увеличится также в всплывающем окошке.  
  
5. Каталог брэндов: очень удобный функционал для тех покупателей, кто четко придерживается покупок товаров определенных производителей. Кликнув по названию бренда пользователь попадает на страницу результатов, в котором отображены товары именно данного производителя.  
  
6. Сеть шинных центров: создан специальный компонент, который на основе списка шинных центров хранящихся в информационном блоке, используя геокодер Яндекса надохит точки на Яндекс.Карте, расставляет эти точки в виде значков-логотипов компании и при клике на них выводит подробную информацию о данной торговой точке в специальных всплывающих окошках, так называемых "балунах" (терминология Яндекс.Карт).  
  
7. Вы уже смотрели: на сайте используется компонент из каталога bitrix.marketplace, переработанный в плане дизайна и верстки, который выводит список тех товарных позиций, которые вы просматривали в последнее время. Для хранения используются куки.  
  
8. Слайдер: в шапке сайта разработан слайдер, который выводит баннера хранящиеся в специальном инфоблоке, при клике на баннер пользователь может перейти по ссылке, указанной в соответствующем свойстве элемента данного инфоблока.