Горизонтальная прокрутка товаров в категории

[Energy]

На опенкарте строю сайт по аренде квартир. Выбор оправдан и все функции есть. Посмотрел псд и увидел страх, который никогда не делал. В категории товаров товары выводятся сеткой (3 товара по высоте и 3 товара в ширину), все остальные товары скролятся прокруткой (не стандартной, а джаваскриптовой).

 

Скрин больше скажет за меня.

 

Как можно реализовать сию премудрость, с чего стоит начать, как продолжить?

 

Благодарю, заранее, всех отозвавшихся!

[ashap]

лучше пристрелите дизайнера

 

горизонтальные скролы убивают юзабилити

особенно для выбора чего то основного и количественного как в вашем примере

[Energy]

лучше пристрелите дизайнера

 

горизонтальные скролы убивают юзабилити

особенно для выбора чего то основного и количественного как в вашем примере

 

И я так думаю) Мне лишь добавили головной боли)

[AlexDW]

Если дизайнера-заказчика пристрелить не удается - делайте через карусель, по аналогии с показом лого производителей

[Energy]

Начать с этого ... ну и этим же и закончить )))

 

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

 К примеру интересно как формировать сетку 3х3 и далее ее крутить по показанному принципу.

[Energy]

для начала вы с проскроллером поработайте))) и будете мне это говорить...

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

 

Не стану спорить. попросту откажусь от этого излишества.

[zenseo]

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

 

Верстка простая - в каждый элемент карусели поместить три объекта, стилями оформить их вертикально + можно использовать какой-нибудь grid и медиа-запросы.

 

Вообще, конечно макет не очень юзабельный)))