Jump to content
Sign in to follow this  
Energy

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

Recommended Posts

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

 

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

 

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

 

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

post-689217-0-51878300-1421835347_thumb.jpg

Share this post


Link to post
Share on other sites

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

 

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

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

Share this post


Link to post
Share on other sites

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

 

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

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

 

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

 

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

Share this post


Link to post
Share on other sites

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

 

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

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

Share this post


Link to post
Share on other sites

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

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

Share this post


Link to post
Share on other sites

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

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

 

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

Share this post


Link to post
Share on other sites

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

 

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

 

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

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
You are posting as a guest. If you have an account, please sign in.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

  • Similar Content

    • By zCarot
      Demo  посмотреть Demo

      Функционал модуля с обновлениями :
       
      Мультиязычный заголовок Вывод выбранных категорий или всех категорий Лимит категорий Размеры изображений Вывод описания производителей Лимит описания символов Показывать под категории Скрыть пустые под категории Статус  Кеширование категорий - для удаления кеша зайти в модуль и просто сохранить - кеш очиститься сам Свои стили для блоков  
      Для 2.x и 3.0.x Opencart
      Не заменяет файлы и не использует Ocmod
       
      Для размещения модуля на разных станицах - установите модификатор module_id.ocmod 

      Установка :
      Загрузить файлы из папки upload на хостинг в корневую директорию Установить в модулях  Настроить  Добавить в схему 
    • By zCarot
      460.00 руб
      Скачать/Купить дополнение


      Стена категорий / Category Wall
      Demo  посмотреть Demo

      Функционал модуля с обновлениями :
       
      Мультиязычный заголовок Вывод выбранных категорий или всех категорий Лимит категорий Размеры изображений Вывод описания производителей Лимит описания символов Показывать под категории Скрыть пустые под категории Статус  Кеширование категорий - для удаления кеша зайти в модуль и просто сохранить - кеш очиститься сам Свои стили для блоков  
      Для 2.x и 3.0.x Opencart
      Не заменяет файлы и не использует Ocmod
       
      Для размещения модуля на разных станицах - установите модификатор module_id.ocmod 

      Установка :
      Загрузить файлы из папки upload на хостинг в корневую директорию Установить в модулях  Настроить  Добавить в схему  Добавил zCarot Добавлено 24.05.2020 Категория Модули Системные требования Метод активации Без активации Ioncube Loader Нет OpenCart 3.0
      2.3
      2.2
      2.1
      2.0 ocStore 3.0
      2.3
      2.2
      2.1 OpenCart.Pro, ocShop Opencart.pro 2.3
      Opencart.pro 2.1
      OcShop 2.0.3.х Обращение к серверу разработчика Нет Старая цена 0  
    • By whiteblue
      820.00 руб
      Скачать/Купить дополнение


      Модуль HTML в товарах категории (Category data in product )
      Простой модуль для добавлении информации в продукте на уровне категории
      Какие задачи можно решить этим модулем:
      Добавить важную информацию, которая касается товаров только определенной категории Добавить контакты , телефоны ответственных менеджеров данной категории (Ваш менеджер Ирина бла бла бла),  Добавить информацию про акции на уровне категорий Не нужно настраивать схемы Простота и быстрота в администрировании Добавление html кода в карточку продукта на уровне категории H1 в Категории и Товаре  
      Demo:
      http://markets.white-blue.com.ua/demo/demo4/index.php?route=product/product&path=34&product_id=48
       
      Админка:
      http://markets.white-blue.com.ua/demo/demo4/admin/index.php?route=catalog/category/edit&token=NsqPF3XQhoXgo8zRvqf7Hvl8iHf6A31J&category_id=60
      логин: meta
      пароль: meta
       
      Модуль добавляет текстовое поле "meta_product" в категории. Содержимое этого поля будет выводиться во всех товарах категории. Если товар находится в нескольких категориях, значение поля "meta_product" будет выведено из первой найденной категории с непустым значением.
       
       
      Установка модуля:
      Сделать резервную копию сайта и БД. Скачать архив. Не распаковывая его загрузить в админ-панель. Модули - Установка расширения - Загрузить. Обновить модификаторы. Добавил whiteblue Добавлено 06.04.2017 Категория Модули Системные требования Метод активации Без активации Ioncube Loader Нет OpenCart 2.3
      2.1 ocStore 2.3
      2.1 OpenCart.Pro, ocShop Opencart.pro 2.3
      Opencart.pro 2.1 Обращение к серверу разработчика Старая цена  
    • By A132
      День добрый, господа!
       
      Вопрос такой: есть описание категорий. Для каждой категории оно разное - для одних длинное, для других короткое. И длинные описания плохо сказываются на удобстве просмотра страницы. Поэтому очень бы хотелось, чтобы была возможность эти описания сворачивать и разворачивать по клику.
      Такой модуль существует (во вложении). Но проблема этого модуля в том, что длину текста до свёртывания он берёт, как постоянную величину, и если реальное описание в конкретной категории короче этой величины, то получается, что модуль наоборот оставляет там после текста пустое место (картинки с примерами во вложении).
      Как связаться с автором мода я не знаю, поэтому вопрос к знатокам - может уже есть улучшенный, или есть возможность улучшить этот модуль так, чтобы он сворачивал не все тексты подряд, а только те, которые длинней определённого значения?


      category_description_expand_collapse.ocmod.xml
    • By Mixailhr
      Версия ocStore 3.0.2.0  Блог в коробке!
      Помогите разобраться с ошибкой пожалуйста? 
      Это система ругается, что нет кода вставки в главное меню категорий блога?
       
      Notice: Undefined index: column in /home/m/mixaildb/bimair.brandkeys.ru/public_html/admin/model/blog/category.php on line 65Notice: Undefined variable: category_id in /home/m/mixaildb/bimair.brandkeys.ru/public_html/admin/model/blog/category.php on line 137Warning: Cannot modify header information - headers already sent by (output started at /home/m/mixaildb/bimair.brandkeys.ru/public_html/admin/controller/startup/error.php:34) in /home/m/mixaildb/bimair.brandkeys.ru/public_html/system/library/response.php on line 36
       
       
  • Recently Browsing   0 members

    No registered users viewing this page.

×

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.