Форум русской поддержки Joomla!® CMS
06.12.2016, 10:02:09 *
Добро пожаловать, Гость. Пожалуйста, войдите или зарегистрируйтесь.
Вам не пришло письмо с кодом активации?

Войти
   
   Начало   Поиск Joomla 3.0 FAQ Joomla 2.5 FAQ Joomla 1.5 FAQ Правила форума Новости Joomla Реклама Войти Регистрация Помощь  
Страниц: [1]   Вниз
  Добавить закладку  |  Печать  
Автор

В мобильной версии товары в категории сужаются слишком сильно

 (Прочитано 90 раз)
0 Пользователей и 1 Гость смотрят эту тему.
salikh
Новичок
*

Репутация: +0/-0
Offline Offline

Сообщений: 4


« : 05.11.2016, 21:19:47 »

Есть интернет магазин и товары в нем, в каждой категории. Отображаются нормально, параметры заданы как высота на авто, а ширина на 100%. При сужении экрана, как, например, для мобильной версии товары сами сужаются, только с правой стороны, при этом все равно остается свободное место. Как это исправить? Может стоит задать фиксированное значение? Но как тогда будет отображаться товар на разных экранах, прикладываю скрины.
Joomla 2.5, VirtueMart 2, шаблон gk_storefront
P.S так же буду благодарен если кто-нибудь подскажет как сделать фиксированный размер картинки товара, чтобы не было как на скрине, неравномерно.

Записан
AlexeyGal
Давно я тут
****

Репутация: +25/-8
Online Online

Пол: Мужской
Сообщений: 251



« Ответ #1 : 05.11.2016, 21:26:24 »

section img {
    max-width: 100% !important;
    width: auto !important;
    height: auto !important;
    }
Записан
AlexeyGal
Давно я тут
****

Репутация: +25/-8
Online Online

Пол: Мужской
Сообщений: 251



« Ответ #2 : 05.11.2016, 21:30:33 »

у вас картинки разной высоты, а по ширине одинаково. Чтобы обрезать по высоте надо использовать overflow: hidden и указать высоту height фиксировано.
Записан
salikh
Новичок
*

Репутация: +0/-0
Offline Offline

Сообщений: 4


« Ответ #3 : 06.11.2016, 02:39:07 »

section img {
    max-width: 100% !important;
    width: auto !important;
    height: auto !important;
    }
Я сделал так, но ничего не изменилось
у вас картинки разной высоты, а по ширине одинаково. Чтобы обрезать по высоте надо использовать overflow: hidden и указать высоту height фиксировано.
там вроде выше написан overflow:hidden, или я чего-то не понимаю?
Записан
AlexeyGal
Давно я тут
****

Репутация: +25/-8
Online Online

Пол: Мужской
Сообщений: 251



« Ответ #4 : 06.11.2016, 09:40:06 »

Я сделал так, но ничего не изменилось там вроде выше написан overflow:hidden, или я чего-то не понимаю?

я не видел второго скриншота, только обратил внимание что вы выложили их два Azn
вижу теперь что overflow:hidden там есть уже
попробуйте вместо height: auto поставить min-height:170px
Записан
Страниц: [1]   Вверх
  Добавить закладку  |  Печать  
 
Перейти в:  

Powered by SMF 1.1.21 | SMF © 2006, Simple Machines

Joomlaforum.ru is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by Open Source Matters
the trademark holder in the United States and other countries.

LiveInternet