Увеличить Размер Изображения Товаров
#1
Отправлено 07 Январь 2013 - 23:11
Не получается корректно увеличить изображения товаров в ячейках в Товарах.. Какие-то картинки стали больше, какие-то нет. Те, которые увеличились - на них наполз текст ячейки (цена и название). Вот, как это выглядит
На странице каждого конкретного товара, превьюшки тоже ужасно выглядят и на них также "наполз" текст страницы.
Как добиться того, чтобы размер всех изображений в каталоге (в Товарах) стали именно такого размера, какой мне нужен и при этом увеличилась и сама ячейка с текстом.
№ магазина: SL-22817
#2
Отправлено 08 Январь 2013 - 22:29
Попробуйте после изменений размеров очистить кэш вашего браузера, может проблема в кэше.
Пожалуйста, сообщите выставляемые вами размеры изображений товара.
#3
Отправлено 09 Январь 2013 - 15:42
#4
Отправлено 09 Январь 2013 - 15:50
товары в категории http://idealseam.sto...льняные-мешочки
страница товара: http://idealseam.sto...ето-2?from=YWRh
Так выглядят страницы в Хроме. Мозилла отображает вот так.
Мне нужно, чтобы иконки товаров в каждой категории были размером не меньше 200 пикселей по ширине/высоте.
Выставила следующие параметры
- 200 Максимальный размер по высоте/ширине в пикселях для иконок
- 200 Максимальный размер по высоте/ширине в пикселях для маленьких изображений
- 280 Максимальный размер по высоте/ширине в пикселях для средних изображений
- 1000 Максимальный размер по высоте/ширине в пикселях для больших изображений
- 50 Максимальный размер по высоте/ширине в пикселях для используемых пользователем изображений
Изображения категорий
- 200 Максимальный размер по высоте/ширине в пикселях для иконок
- 150 Максимальный размер по высоте/ширине в пикселях для списка категорий внутри категории
- 20 Максимальный размер по высоте/ширине в пикселях для используемых пользователем изображений
#5
Отправлено 09 Январь 2013 - 17:33
Ekaterina_idealseam (09 Январь 2013 - 15:50) писал:
товары в категории http://idealseam.sto...льняные-мешочки
страница товара: http://idealseam.sto...ето-2?from=YWRh
Так выглядят страницы в Хроме. Мозилла отображает вот так.
Мне нужно, чтобы иконки товаров в каждой категории были размером не меньше 200 пикселей по ширине/высоте.
Выставила следующие параметры
- 200 Максимальный размер по высоте/ширине в пикселях для иконок
- 200 Максимальный размер по высоте/ширине в пикселях для маленьких изображений
- 280 Максимальный размер по высоте/ширине в пикселях для средних изображений
- 1000 Максимальный размер по высоте/ширине в пикселях для больших изображений
- 50 Максимальный размер по высоте/ширине в пикселях для используемых пользователем изображений
Изображения категорий
- 200 Максимальный размер по высоте/ширине в пикселях для иконок
- 150 Максимальный размер по высоте/ширине в пикселях для списка категорий внутри категории
- 20 Максимальный размер по высоте/ширине в пикселях для используемых пользователем изображений
1. найдите в файле main.css блок
.goodsListItemBlock {height:200px;margin:5px;text-align:center;overflow:hidden;} .goodsListItemName {font-size:14px;text-align:center;max-height:3.8em;overflow:hidden;}
и замените на
.goodsListItemBlock {height: 275px;margin: 5px;text-align:center;overflow:hidden;} .goodsListItemName {font-size:14px;text-align:center;max-height: 3.8em;overflow:hidden;margin-top: 90px;}
Далее найдите блок
.goodsDataMainImagesIcon {width:46px;height:46px;margin: 0.2em 0.4em 0.2em 0em;}
и замените на
.goodsDataMainImagesIcon {width:46px;height:46px;margin: 0.2em 0.4em 14.2em 0em;}
#6
Отправлено 09 Январь 2013 - 17:50
Ячейки увеличились, но текст в них (название/цена) пропал вовсе Как его вернуть?!!
#7
Отправлено 09 Январь 2013 - 18:28
Ekaterina_idealseam (09 Январь 2013 - 17:50) писал:
Ячейки увеличились, но текст в них (название/цена) пропал вовсе Как его вернуть?!!
Найти код:
.goodsListItemBlock {height:200px;margin:5px;text-align:center;overflow:hidden;}Заменить:
.goodsListItemBlock { height: 275px;/*высота рамки*/ margin:5px; text-align:center; overflow:hidden; }Высоту рамки вы можете изменить на свой вкус.
#10
Отправлено 09 Январь 2013 - 20:25
Ekaterina_idealseam (09 Январь 2013 - 20:00) писал:
Каким образом настроить страницу товара, чтобы уменьшенные фотки товара не ложились друг на друга, как это происходит сейчас, следовали друг за другом с минимальным отступом
Найти код:
.goodsDataMainImagesIcon {width:46px;height:46px;margin: 1em 0.4em 0.2em 0em;}Заменить:
.goodsDataMainImagesIcon {width: 150px;height: 208px;margin: 1em 0.4em 0.2em 0em;}Сделать картинки в строку с таким же размером как сейчас не получится.
Картинки содержатся в левом div-блоке который ограничен в размере.
Можно переместить картинки в правый блок и слегка увеличить размер изображений чем было до этого оригинальные изображения.
#11
Отправлено 09 Январь 2013 - 21:02
Koderhan (09 Январь 2013 - 20:25) писал:
Найти код:
.goodsDataMainImagesIcon {width:46px;height:46px;margin: 1em 0.4em 0.2em 0em;}Заменить:
.goodsDataMainImagesIcon {width: 150px;height: 208px;margin: 1em 0.4em 0.2em 0em;}Сделать картинки в строку с таким же размером как сейчас не получится.
Картинки содержатся в левом div-блоке который ограничен в размере.
ScreenShot 298.jpg
Можно переместить картинки в правый блок и слегка увеличить размер изображений чем было до этого оригинальные изображения.
Понятно. В данном контексте результат не очень устраивает
В принципе, я готова вернуть изначальный, маленький размер для уменьшенных фото на странице товара (через основные настройки), но при этом у меня уменьшаются не только эти фотки, но и иконки в ячейках на странице категории. Причем меняются вразнобой. Чистка кеша не помогает( В итоге, я прихожу к изначальной проблеме...
Это может быть ошибка в основных настройках?..
#12
Отправлено 10 Январь 2013 - 06:09
Ekaterina_idealseam (09 Январь 2013 - 21:02) писал:
В принципе, я готова вернуть изначальный, маленький размер для уменьшенных фото на странице товара (через основные настройки), но при этом у меня уменьшаются не только эти фотки, но и иконки в ячейках на странице категории. Причем меняются вразнобой. Чистка кеша не помогает( В итоге, я прихожу к изначальной проблеме...
Это может быть ошибка в основных настройках?..
Можно исправить отображение миниатюр в карточке товара изменив стили в main.csstemplate.
Найти код:
.goodsDataMainImagesIcon img {padding:10px;}Заменить:
.goodsDataMainImagesIcon img {padding: 5px; width: 36px;/*ширина*/ height: 35px;/*высота*/}Тут мы задали размер изображений для отображения на странице.
#14
Отправлено 15 Февраль 2013 - 01:08
.banner > a > img { margin: 15px 0; }
#15
Отправлено 19 Февраль 2013 - 19:09
Koderhan (10 Январь 2013 - 06:09) писал:
Это не ошибка в оснавных настройках. Просто, настройки размера изображения распростроняются и на миниатюрные избражения в карточке товара.
Можно исправить отображение миниатюр в карточке товара изменив стили в main.csstemplate.
Найти код:
.goodsDataMainImagesIcon img {padding:10px;}Заменить:
.goodsDataMainImagesIcon img {padding: 5px; width: 36px;/*ширина*/ height: 35px;/*высота*/}Тут мы задали размер изображений для отображения на странице.
СПАСИБО! Теперь маленькие фотки, такие, как надо!!!!!!!!!!!
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных