Адаптивный дизайн

-- HikaShop version -- : 2.5.0
-- Joomla version -- : 3.4.4
-- PHP version -- : 5.3.13
-- Browser(s) name and version -- : Mozilla/5.0

Как сделать адаптивный дизайн для hikashop? Для широкоформатных мониторов что бы от отображалось три и более продуктов, при уменьшении экрана уменьшалось к-во блоков а не их размер.

для этого нужно использовать шаблон с поддержкой адаптивного дизайна и использовать его возможности.
Адаптивность заложена в основе css.

Т.е. единственный вариант создать несколько модулей (товары, категории и т.д.) для каждого расширения?

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

У меня шаблон T3, после не большой доработки поддерживает широкоформатные устройства. Изменил весь макет под себя (блоки и т.д.) теперь у меня выбор, или разобраться как настроить hika shop, или создать как минимум 3 блока и использовать их для каждого расширения:
пример:
Блок №1 карусель отображает 4 столбика товара. (блок виден только при расширении более 1600 px)
Блок №2 карусель отображает 2 столбика товара. (блок виден только при расширении 980-1599 px)
Блок №3 карусель отображает 1 столбик товара. (блок виден только при расширении до 979 px, в том числе и мобильные)
Для меня проще создать эти блоки, но разобраться с hikashop было бы супер, так как еще буду внедрять микроразметку для всего что только можно.

p.s. Если знаете ссылки на интересные материалы по микроразметке, буду благодарен за ссылки.

Боюсь что вы немного не понимаете что такое адаптивный дизайн...
Перестроение происходит автоматически на основе примененных CSS правил.

Насчет микроразметки developers.google.com/structured-data/testing-tool/

У меня вот этот шаблон demo.t3-framework.org/joomla30/index.php/en/
Считаю его адаптивным, в нем прописано 5 возможных размеров экранов, максимальный из которых 1200px. Учитывая что с каждым годом "широкоформатников" становится больше я изменил границы этих 5-ти вариантов и максимальный размер стал 1600px.

Описанную мной ниже схему реализовать достаточно просто:
1. Для каждого из 5-ти вариантов экранов, отобразить свою модульную позицию, которая будет скрыта для других вариантов (возможность шаблона T3)
2. Создать блок отображения продукта для каждого формата

Микроразметка:
Я понимаю зачем она нужна, также в сети масса примеров как реализовывается каждый из видов, и как и где её проверить. Меня интересует примеры внедрения микроразметки в код hikashop

этот шаблон применяет bootstrap
вот ссылка как делать несколько колонок для разной ширины экрана.
www.w3schools.com/bootstrap/bootstrap_grid_examples.asp


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

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

Подскажите, в каком файле мне нужно сделать эти изменения (название,путь)?

hikashop.com/support/support/documentati...ize-the-display.html

Спасибо, разобрался! Как закончу выложу что как и где менять