Здравствуйте уважаемая поддержка! Столкнулся с такой проблемой: увеличил размер картинок на странице категорий и теперь информация заложенная в модификациях отражается не под картинками а на их изображениях, что затрудняет чтение и выглядит ужасно. Тоже самое происходит и в разделе НОВИНКИ. Как сделать так чтобы вся информация располагалась строго под картинками? мой магазин :http://mir-pugovic.ru/catalog/Pugovicy спасибо!
1
Размещение Информации Под Картинкой На Странице Категорий
Автор Владимир Москва, 22 нояб. 2013 10:31
Сообщений в теме: 5
#1
Отправлено 22 Ноябрь 2013 - 10:31
#2
Отправлено 22 Ноябрь 2013 - 10:59
Владимир Москва (22 Ноябрь 2013 - 10:31) писал:
Здравствуйте уважаемая поддержка! Столкнулся с такой проблемой: увеличил размер картинок на странице категорий и теперь информация заложенная в модификациях отражается не под картинками а на их изображениях, что затрудняет чтение и выглядит ужасно. Тоже самое происходит и в разделе НОВИНКИ. Как сделать так чтобы вся информация располагалась строго под картинками? мой магазин :http://mir-pugovic.ru/catalog/Pugovicy спасибо!
.goodsListItemImage a { display: block; height: 185px; }на
.goodsListItemImage a { display: block; height: auto; }
и
.goodsListItemBlock { height: 380px; width: 200px; margin: 5px; overflow: hidden; }на
.goodsListItemBlock { height: auto; width: 200px; margin: 5px; overflow: hidden; }
В этом случае размер ячейки товара будет подстраиваться автоматически, но из-за разных размеров изображений, они будут располагаться не равномерно.
Возможно также установить фиксированную высоту, но в этом случае для товаров, у которых изображения маленькие, будут большие пустые пространства. Лучше всего загружать изображения одинаковых размеров.
#3
Отправлено 22 Ноябрь 2013 - 12:57
ne_yana (22 Ноябрь 2013 - 10:59) писал:
Здравствуйте, в файле main.css замените
и
В этом случае размер ячейки товара будет подстраиваться автоматически, но из-за разных размеров изображений, они будут располагаться не равномерно.
Возможно также установить фиксированную высоту, но в этом случае для товаров, у которых изображения маленькие, будут большие пустые пространства. Лучше всего загружать изображения одинаковых размеров.
.goodsListItemImage a { display: block; height: 185px; }на
.goodsListItemImage a { display: block; height: auto; }
и
.goodsListItemBlock { height: 380px; width: 200px; margin: 5px; overflow: hidden; }на
.goodsListItemBlock { height: auto; width: 200px; margin: 5px; overflow: hidden; }
В этом случае размер ячейки товара будет подстраиваться автоматически, но из-за разных размеров изображений, они будут располагаться не равномерно.
Возможно также установить фиксированную высоту, но в этом случае для товаров, у которых изображения маленькие, будут большие пустые пространства. Лучше всего загружать изображения одинаковых размеров.
#4
Отправлено 22 Ноябрь 2013 - 13:00
Информация справа размещена в режиме отображения списком.
#5
Отправлено 25 Ноябрь 2013 - 10:31
Владимир Москва (22 Ноябрь 2013 - 12:57) писал:
Скажите, а нельзя ли сделать так, чтобы эта информация располагалась справа от картинок? если можно, то как это сделать?? Тогда бы проблема с неравномерностью размещения будет решена...
#6
Отправлено 26 Ноябрь 2013 - 13:29
Владимир Москва (25 Ноябрь 2013 - 10:31) писал:
Спасибо. Вопрос: в каталоге товаров при выборе вида как "Таблица" картинки отражаются в полный размер, а если перейти на вид "Список" картинки очень маленькие. Как сделать, что бы и в "Списке" размер картинок был таким же как и в "Таблице" ? Еще вопрос: хочу убрать слово "Размер" под картинкой, для швейников и так все понятно. При этом значение размера, цена и количество должны остаться??? Спасибо заранее за ответ! И пожалуйста , подскажите как корректно поменять шрифт текста под картинками в каталоге товаров на черный, обычный прямой???
Для того чтобы удалить слово "Размер:" из писания пуговицы.
В файле "Товары" можно удалить переменную
{goods.mods.v.NAME}:И для того чтобы цену товара сделать обычным шрифтом черного цвета.
Код:
style="color:#fd0202;font-style: Bold Italic;font-weight: normal !important;"Заменить:
style="color: black;font-weight: normal;font-style: normal;"
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных