Перейти к содержимому


Увеличить Размер Изображения Товаров


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 14

#1 Ekaterina_idealseam

Ekaterina_idealseam

    Пользователь

  • Пользователи
  • PipPip
  • 38 сообщений
  • ГородМосква

Отправлено 07 Январь 2013 - 23:11

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

Не получается корректно увеличить изображения товаров в ячейках в Товарах..  Какие-то картинки стали больше, какие-то нет. Те, которые увеличились - на них наполз текст ячейки (цена и название). Вот, как это выглядит  
На странице каждого конкретного товара, превьюшки тоже ужасно выглядят и на них также "наполз" текст страницы.
Как добиться того, чтобы размер всех изображений в каталоге (в Товарах) стали именно такого размера, какой мне нужен и при этом увеличилась и сама ячейка с текстом.
№ магазина: SL-22817

#2 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 08 Январь 2013 - 22:29

Какие размеры изображений у вас заданы в данный момент? На вашем сайте все выглядит нормально, или же вы просто убрали изменения?
Попробуйте после изменений размеров очистить кэш вашего браузера, может проблема в кэше.

Пожалуйста, сообщите выставляемые вами размеры изображений товара.

#3 Ekaterina_idealseam

Ekaterina_idealseam

    Пользователь

  • Пользователи
  • PipPip
  • 38 сообщений
  • ГородМосква

Отправлено 09 Январь 2013 - 15:42

На данный момент убрала изменения, чтобы посетителей не пугать :ph34r:  Сейчас попробую выставить нужный размер  и очистить кеш.

#4 Ekaterina_idealseam

Ekaterina_idealseam

    Пользователь

  • Пользователи
  • PipPip
  • 38 сообщений
  • ГородМосква

Отправлено 09 Январь 2013 - 15:50

Не помогло к сожалению... Какие-то картинки увеличились, а какие-то остались прежними.  Текст опять наползает на фотку.
товары в категории http://idealseam.sto...льняные-мешочки
страница товара: http://idealseam.sto...ето-2?from=YWRh
Так выглядят страницы в Хроме. Мозилла отображает вот так.
Мне нужно, чтобы иконки товаров в каждой категории были размером не меньше 200 пикселей по ширине/высоте.

Выставила следующие параметры
  • 200  Максимальный размер по высоте/ширине в пикселях для иконок
  • 200 Максимальный размер по высоте/ширине в пикселях для маленьких изображений
  • 280 Максимальный размер по высоте/ширине в пикселях для средних изображений
  • 1000 Максимальный размер по высоте/ширине в пикселях для больших изображений
  • 50 Максимальный размер по высоте/ширине в пикселях для используемых пользователем изображений


Изображения категорий
  • 200  Максимальный размер по высоте/ширине в пикселях для иконок
  • 150  Максимальный размер по высоте/ширине в пикселях для списка категорий внутри категории
  • 20  Максимальный размер по высоте/ширине в пикселях для используемых пользователем изображений
Есть ли возможность увеличить саму яйчейку, к примеру?

#5 support 2.0

support 2.0

    Активный участник

  • Модераторы
  • 4 950 сообщений

Отправлено 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 Ekaterina_idealseam

Ekaterina_idealseam

    Пользователь

  • Пользователи
  • PipPip
  • 38 сообщений
  • ГородМосква

Отправлено 09 Январь 2013 - 17:50

support 2.0, спасибо!  

Ячейки увеличились, но текст в них (название/цена) пропал вовсе :o  Как его вернуть?!!

#7 Koderhan

Koderhan

    Активный участник

  • Модератоpы
  • 6 227 сообщений

Отправлено 09 Январь 2013 - 18:28

Просмотр сообщенияEkaterina_idealseam (09 Январь 2013 - 17:50) писал:

support 2.0, спасибо!  

Ячейки увеличились, но текст в них (название/цена) пропал вовсе :o  Как его вернуть?!!
Да. Нужно увеличить высоту рамки. Этом можно сделать заменив код в файле main.csstemplate.
Найти код:
.goodsListItemBlock				 {height:200px;margin:5px;text-align:center;overflow:hidden;}
Заменить:
.goodsListItemBlock {
height: 275px;/*высота рамки*/
margin:5px;
text-align:center;
overflow:hidden;
}
Высоту рамки вы можете изменить на свой вкус.

#8 Ekaterina_idealseam

Ekaterina_idealseam

    Пользователь

  • Пользователи
  • PipPip
  • 38 сообщений
  • ГородМосква

Отправлено 09 Январь 2013 - 18:32

Koderhan, спасибо!!!  Всё работает!

#9 Ekaterina_idealseam

Ekaterina_idealseam

    Пользователь

  • Пользователи
  • PipPip
  • 38 сообщений
  • ГородМосква

Отправлено 09 Январь 2013 - 20:00

Следом рождается ещё один вопрос касаемо размеров и положения картинок.
Каким образом настроить страницу товара, чтобы уменьшенные фотки товара не ложились друг на друга, как это происходит сейчас, следовали друг за другом с минимальным отступом

#10 Koderhan

Koderhan

    Активный участник

  • Модератоpы
  • 6 227 сообщений

Отправлено 09 Январь 2013 - 20:25

Просмотр сообщенияEkaterina_idealseam (09 Январь 2013 - 20:00) писал:

Следом рождается ещё один вопрос касаемо размеров и положения картинок.
Каким образом настроить страницу товара, чтобы уменьшенные фотки товара не ложились друг на друга, как это происходит сейчас, следовали друг за другом с минимальным отступом
Можно увеличить размеры div блока в файле стилей main.csstemplate.
Найти код:
.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
Можно переместить картинки в правый блок и слегка увеличить размер изображений чем было до этого оригинальные изображения.

#11 Ekaterina_idealseam

Ekaterina_idealseam

    Пользователь

  • Пользователи
  • PipPip
  • 38 сообщений
  • ГородМосква

Отправлено 09 Январь 2013 - 21:02

Просмотр сообщенияKoderhan (09 Январь 2013 - 20:25) писал:

Можно увеличить размеры div блока в файле стилей main.csstemplate.
Найти код:
.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 Koderhan

Koderhan

    Активный участник

  • Модератоpы
  • 6 227 сообщений

Отправлено 10 Январь 2013 - 06:09

Просмотр сообщенияEkaterina_idealseam (09 Январь 2013 - 21:02) писал:

Понятно. В данном контексте результат не очень устраивает  
В принципе, я готова вернуть изначальный, маленький размер для уменьшенных фото на странице товара (через основные настройки), но при этом у меня уменьшаются не только эти фотки, но и иконки в ячейках на странице категории. Причем меняются вразнобой.   Чистка кеша не помогает(  В итоге, я прихожу к изначальной проблеме...
Это может быть ошибка в основных настройках?..
Это не ошибка в оснавных настройках. Просто, настройки размера изображения распростроняются и на миниатюрные избражения в карточке товара.
Можно исправить отображение миниатюр в карточке товара изменив стили в main.csstemplate.
Найти код:
.goodsDataMainImagesIcon img		{padding:10px;}
Заменить:
.goodsDataMainImagesIcon img		{padding: 5px; width: 36px;/*ширина*/ height: 35px;/*высота*/}
Тут мы задали размер изображений для отображения на странице.

#13 Hyde

Hyde

    Новичок

  • Пользователи
  • Pip
  • 8 сообщений

Отправлено 15 Февраль 2013 - 00:03

У меня похожая проблема:
Как увеличить изображение? Как сделать то бы все изображения были одинаковыми?

Как сделать отступы между левым меню и банером и между банером и виджетом?

Прикрепленные изображения

  • Безымянный.jpg
  • 12.jpg


#14 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 15 Февраль 2013 - 01:08

Сделать изображения одинаковыми на автомате не получиться, для этого необходимо изначально загружать изображения одинакового размера. Для задания отступа вам необходимо в файл стилей main.css добавить

.banner > a > img {
  margin: 15px 0;
}


#15 Ekaterina_idealseam

Ekaterina_idealseam

    Пользователь

  • Пользователи
  • PipPip
  • 38 сообщений
  • ГородМосква

Отправлено 19 Февраль 2013 - 19:09

Koderhan

Просмотр сообщенияKoderhan (10 Январь 2013 - 06:09) писал:



Это не ошибка в оснавных настройках. Просто, настройки размера изображения распростроняются и на миниатюрные избражения в карточке товара.
Можно исправить отображение миниатюр в карточке товара изменив стили в main.csstemplate.
Найти код:
.goodsDataMainImagesIcon img	 {padding:10px;}
Заменить:
.goodsDataMainImagesIcon img	 {padding: 5px; width: 36px;/*ширина*/ height: 35px;/*высота*/}
Тут мы задали размер изображений для отображения на странице.

СПАСИБО! Теперь маленькие фотки, такие, как надо!!!!!!!!!!!




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных