Сообщений в теме: 4

[medigradeweed]

Здравствуйте,

Я начал переделывать свой каталог, сделанный в Zoo, под JBZoo, но возникли проблемы с адаптивным дизайном, который обеспечивается Warp 6.

Так выглядит сайт под Zoo - http://kanna.biz/sorta-konopli

А так под JBZoo - http://kanna.biz/news/test

Проблемы возникают, когда уменьшаешь ширину окна браузера. Под Zoo три колонки товаров сначала ужимаются, но потом, когда ширина становится меньше примерно 450px, продукты начинают отображаться в одну колонку вместо трех. Сохраняется удобочитаемость.

Под JbZoo так и остаются три колонки и каждая сжимается в ниточку. То есть на мобильнике, например, пользоваться сайтом невозможно.

 

То же самое, видимо, касается и Related Products.

Есть ли способ решить эту проблему?

С уважением,
Дмитрий

[Cheren-dow]

medigradeweed, в jbzoo  нет адаптивности под различные устройства. Ширина колонок задается в процентах и поэтому они просто сжимаются. Для того что бы достичь адаптивности нужно для этих колонок написать CSS медиа запросы.

Вот маленький пример реализации.

[medigradeweed]

medigradeweed, в jbzoo  нет адаптивности под различные устройства. Ширина колонок задается в процентах и поэтому они просто сжимаются. Для того что бы достичь адаптивности нужно для этих колонок написать CSS медиа запросы.

Вот маленький пример реализации.

Спасибо за ссылки. Буду изучать. Хотя что-то подсказывает мне, что без платной помощи профессионала не обойдусь.

[Cheren-dow]

Вам достаточно той ссылки где я показал пример медиа запросов. Он сделан под 2 разрешения экрана. Если надо какие то другие просто дополните его и все. Уже сейчас если вы вставить его на сайт, колонки не должны сжиматься. Вы пробовали?

Сообщение отредактировал Cheren-dow: 20 June 2014 - 12:49

[medigradeweed]

medigradeweed, в jbzoo  нет адаптивности под различные устройства. Ширина колонок задается в процентах и поэтому они просто сжимаются. Для того что бы достичь адаптивности нужно для этих колонок написать CSS медиа запросы.

Вот маленький пример реализации.

Братух, спасибо еще раз. Коротенький такой код, а мой вопрос решил. Уау!