0
Размер Изображений
Автор fobos, 20 дек. 2013 08:16
Сообщений в теме: 10
#1
Отправлено 20 Декабрь 2013 - 08:16
Доброе утро! Проблема с размерами изображений товаров! Увеличиваю в настройках, фото увеличиваются но все съезжает включая появляющуюся при наведении мышки рамку и наименование товара. Как это поправить, а то превьюхи уж очень маленькие?
#2
Отправлено 20 Декабрь 2013 - 09:03
fobos (20 Декабрь 2013 - 08:16) писал:
Доброе утро! Проблема с размерами изображений товаров! Увеличиваю в настройках, фото увеличиваются но все съезжает включая появляющуюся при наведении мышки рамку и наименование товара. Как это поправить, а то превьюхи уж очень маленькие?
#3
Отправлено 20 Декабрь 2013 - 09:17
SL-250258
http://fobos.storela...urtki-Komplekty
http://fobos.storela...sen-na-devochku
И как сделать отображение товаров на странице по три в ряд, вместо четырех?
http://fobos.storela...urtki-Komplekty
http://fobos.storela...sen-na-devochku
И как сделать отображение товаров на странице по три в ряд, вместо четырех?
#4
Отправлено 20 Декабрь 2013 - 09:50
fobos (20 Декабрь 2013 - 09:17) писал:
SL-250258
http://fobos.storela...urtki-Komplekty
http://fobos.storela...sen-na-devochku
И как сделать отображение товаров на странице по три в ряд, вместо четырех?
http://fobos.storela...urtki-Komplekty
http://fobos.storela...sen-na-devochku
И как сделать отображение товаров на странице по три в ряд, вместо четырех?
{% IFNOT goods.last %}{goods.index | is_divided("4","</tr><tr>","")}{% ENDIF %}на
{% IFNOT goods.last %}{goods.index | is_divided("3","</tr><tr>","")}{% ENDIF %}
В файле main.css
.goodsListItemImage { height: 100px; margin-top: 1em; }на
.goodsListItemImage { height: auto; margin-top: 1em; }
.goodsListItemBlock { height: 200px; margin: 5px; overflow: hidden; }на
.goodsListItemBlock { height: 280px; margin: 5px; overflow: hidden; }
.content_catalog_nested_categories li { text-align: center; float: left; width: 150px; overflow: hidden; padding: 1em; margin: 0; list-style-type: none; background: none !important; }на
.content_catalog_nested_categories li { text-align: center; float: left; width: 200px; overflow: hidden; padding: 1em; margin: 0; list-style-type: none; background: none !important; }
.content_catalog_nested_categories li .withBorder { height: 150px; }на
.content_catalog_nested_categories li .withBorder { height: 195px; }
#5
Отправлено 20 Декабрь 2013 - 10:22
Спасибо, все замечательно!!
#8
Отправлено 22 Январь 2014 - 12:34
fobos (22 Январь 2014 - 12:17) писал:
Изображения увеличил, разрешение норм, но наезжают друг на друга, что поправить?
.goodsDataMainImagesIcon img { padding: 2px; }на
.goodsDataMainImagesIcon img { width: 50px; height: 50px; padding: 13px; }где
width: 50px; height: 50px; - ширина и высота всех картинок
padding: 13px; - расстояние между картинками. чем больше число, тем меньше расстояние
и заменяем:
.goodsDataMainImagesIcon { width: 46px; height: 46px; margin: 0.2em 0.4em 0.2em 0em; }на
.goodsDataMainImagesIcon { width: 46px; height: 46px; margin: 18px; }
#9
Отправлено 22 Январь 2014 - 13:38
а можно чтобы фотки в рядок шли а не столбиком по три?
#10
Отправлено 22 Январь 2014 - 13:56
И потом изображения на сайте все разной пропорции, и некоторые сплющиваются ... как с этим быть? как вбить например только ширину а высота чтоб пропорционально была?
Вбил вместо высоты auto, все вроде норм, но как сделать чтобы картинки были рядком?
Вбил вместо высоты auto, все вроде норм, но как сделать чтобы картинки были рядком?
#11
Отправлено 22 Январь 2014 - 15:28
fobos (22 Январь 2014 - 13:56) писал:
И потом изображения на сайте все разной пропорции, и некоторые сплющиваются ... как с этим быть? как вбить например только ширину а высота чтоб пропорционально была?
Вбил вместо высоты auto, все вроде норм, но как сделать чтобы картинки были рядком?
Вбил вместо высоты auto, все вроде норм, но как сделать чтобы картинки были рядком?
.goodsDataMainImagesIcon { width: 46px; height: 46px; margin: 40px; }на
.goodsDataMainImagesIcon { width: 0px; height: 46px; margin: 10px 45px 70px 60px; }
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных