#1
Отправлено 12 Февраль 2014 - 14:42
Я хочу укрупнить фотографии товара в каталоге. Аккаунт SL-230350
В моем случае картинка товара и его название помещены в ячейку с границами. Я бы хотел:
1. Удлинить ячейку в высоту так, чтобы картинка товара по ширине была максимально приближена к ширине ячейки.
2. Так как была увеличена область ячейки по высоте, то название товара должно остаться в прежнем виде (в границах ячейки).
3. В неактивном состоянии границы ячеек обозначены серым цветом. Я бы хотел изменить его на белый.
Каким образом я могу это сделать? Спасибо.
#2
Отправлено 15 Февраль 2014 - 10:50
Находим
<div class="goodsListItemImage"><a href="{goods.URL}"><img class="goods-image-small" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}" alt="{goods.NAME}" /></a></div>Заменяем на
<div class="goodsListItemImage"><a href="{goods.URL}"><img class="goods-image-other" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-other.png{% ELSE %}{goods.IMAGE_OTHER}{% ENDIF %}" alt="{goods.NAME}" /></a></div>
Редактируем шаблон HTML
Находим
<div class="goodsListItemImage"><a href="{index_page_new_goods.URL}"><img class="goods-image-small" src="{% IF index_page_new_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_new_goods.IMAGE_SMALL}{% ENDIF %}" alt="{index_page_new_goods.NAME}" /></a></div>Заменяем на
<div class="goodsListItemImage"><a href="{index_page_new_goods.URL}"><img class="goods-image-other" src="{% IF index_page_new_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-other.png{% ELSE %}{index_page_new_goods.IMAGE_OTHER}{% ENDIF %}" alt="{index_page_new_goods.NAME}" /></a></div>
Находим
<div class="goodsListItemImage"><a href="{index_page_favorites_goods.URL}"><img class="goods-image-small" src="{% IF index_page_favorites_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_favorites_goods.IMAGE_SMALL}{% ENDIF %}" alt="{index_page_favorites_goods.NAME}" /></a></div>
Заменяем на
<div class="goodsListItemImage"><a href="{index_page_favorites_goods.URL}"><img class="goods-image-other" src="{% IF index_page_favorites_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-other.png{% ELSE %}{index_page_favorites_goods.IMAGE_OTHER}{% ENDIF %}" alt="{index_page_favorites_goods.NAME}" /></a></div>
Находим
<div class="goodsListItemImage"><a href="{index_page_goods.URL}"><img class="goods-image-small" src="{% IF index_page_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_goods.IMAGE_SMALL}{% ENDIF %}" alt="{index_page_goods.NAME}" /></a></div>
Заменяем на
<div class="goodsListItemImage"><a href="{index_page_goods.URL}"><img class="goods-image-other" src="{% IF index_page_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-other.png{% ELSE %}{index_page_goods.IMAGE_OTHER}{% ENDIF %}" alt="{index_page_goods.NAME}" /></a></div>
Редактируем стили
Находим
.goodsListItemImage { height: 100px; margin-top: 1em; }Заменяем на
.goodsListItemImage { height: 200px; margin-top: 1em; }
Находим
.goodsListItemBlock { height: 200px; margin: 5px; overflow: hidden; }
Заменяем на
.goodsListItemBlock { height: 300px; margin: 5px; overflow: hidden; }
#3
Отправлено 15 Февраль 2014 - 15:51
#4
Отправлено 15 Февраль 2014 - 18:14
#5
Отправлено 15 Февраль 2014 - 18:37
ipodushkin (15 Февраль 2014 - 18:14) писал:
В main.css замените:
.goods-image-small { max-width: 100px; max-height: 100px; }на
.goods-image-small { height: 200px; max-width: 200px; max-height: 200px; }
#6
Отправлено 15 Февраль 2014 - 18:57
@lina_va (15 Февраль 2014 - 18:37) писал:
В main.css замените:
.goods-image-small { max-width: 100px; max-height: 100px; }на
.goods-image-small { height: 200px; max-width: 200px; max-height: 200px; }
у меня уже все увеличилось как надо, благодаря помощи сообщением выше. не увеличилось лишь "с этим товаром смотрят".
в main у меня такие дела:
.goods-image-small {max-width:{SETTINGS_GOODS_IMAGES_SIZE_SMALL}px; max-height:{SETTINGS_GOODS_IMAGES_SIZE_SMALL}px} .goods-image-small-square {width:{SETTINGS_GOODS_IMAGES_SIZE_SMALL}px; height:{SETTINGS_GOODS_IMAGES_SIZE_SMALL}px}
#7
Отправлено 15 Февраль 2014 - 19:06
#8
Отправлено 15 Февраль 2014 - 20:45
ipodushkin (15 Февраль 2014 - 19:06) писал:
<div class="goodsListItemImage"><a href="{related_goods.URL}"><img class="goods-image-small" src="{% IF related_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{related_goods.IMAGE_SMALL}{% ENDIF %}" alt="{related_goods.NAME}" /></a></div>на
<div class="goodsListItemImage"><a href="{related_goods.URL}"><img class="goods-image-other" src="{% IF related_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-other.png{% ELSE %}{related_goods.IMAGE_OTHER}{% ENDIF %}" alt="{related_goods.NAME}" /></a></div>
#9
Отправлено 15 Февраль 2014 - 20:53
#10
Отправлено 15 Февраль 2014 - 20:57
ipodushkin (15 Февраль 2014 - 20:53) писал:
<div class="goodsListItemImage"><a href="{related_views_goods.URL}"><img class="goods-image-other" src="{% IF related_views_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{related_views_goods.IMAGE_SMALL}{% ENDIF %}" alt="{related_views_goods.NAME}" /></a></div>на
<div class="goodsListItemImage"><a href="{related_views_goods.URL}"><img class="goods-image-other" src="{% IF related_views_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-other.png{% ELSE %}{related_views_goods.IMAGE_OTHER}{% ENDIF %}" alt="{related_views_goods.NAME}" /></a></div>
#11
Отправлено 20 Февраль 2014 - 16:42
#12
Отправлено 24 Ноябрь 2014 - 10:01
#13
Отправлено 24 Ноябрь 2014 - 10:06
A-start (24 Ноябрь 2014 - 10:01) писал:
Пришлите скриншот с необходимыми изменениями и номер аккаунта.
#15
Отправлено 24 Ноябрь 2014 - 10:24
A-start (24 Ноябрь 2014 - 10:14) писал:
.goodsListItemImage { height: 200px; margin-top: 0em; } .goodsListItemBlock { height: 250px; margin: 1px; overflow: hidden; } .goods-image-other { max-width: 185px; max-height: 185px; }Во всех случаях изменяйте значение height(высота)
Приблизительно, на такие:
.goodsListItemImage { height: 150px; margin-top: 0em; } .goodsListItemBlock { height: 200px; margin: 1px; overflow: hidden; } .goods-image-other { max-width: 185px; max-height: 150px; }
#16
Отправлено 24 Ноябрь 2014 - 10:31
Danil (24 Ноябрь 2014 - 10:24) писал:
.goodsListItemImage { height: 200px; margin-top: 0em; } .goodsListItemBlock { height: 250px; margin: 1px; overflow: hidden; } .goods-image-other { max-width: 185px; max-height: 185px; }Во всех случаях изменяйте значение height(высота)
Приблизительно, на такие:
.goodsListItemImage { height: 150px; margin-top: 0em; } .goodsListItemBlock { height: 200px; margin: 1px; overflow: hidden; } .goods-image-other { max-width: 185px; max-height: 150px; }
#17
Отправлено 09 Март 2015 - 16:40
Castiel (15 Февраль 2014 - 10:50) писал:
[url="{goods.URL}"][img]{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}[/img][/url]Заменяем на
[url="{goods.URL}"][img]{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-other.png{% ELSE %}{goods.IMAGE_OTHER}{% ENDIF %}[/img][/url]Редактируем шаблон HTML Находим
[url="{index_page_new_goods.URL}"][img]{% IF index_page_new_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_new_goods.IMAGE_SMALL}{% ENDIF %}[/img][/url]Заменяем на
[url="{index_page_new_goods.URL}"][img]{% IF index_page_new_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-other.png{% ELSE %}{index_page_new_goods.IMAGE_OTHER}{% ENDIF %}[/img][/url]Находим
[url="{index_page_favorites_goods.URL}"][img]{% IF index_page_favorites_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_favorites_goods.IMAGE_SMALL}{% ENDIF %}[/img][/url]Заменяем на
[url="{index_page_favorites_goods.URL}"][img]{% IF index_page_favorites_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-other.png{% ELSE %}{index_page_favorites_goods.IMAGE_OTHER}{% ENDIF %}[/img][/url]Находим
[url="{index_page_goods.URL}"][img]{% IF index_page_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_goods.IMAGE_SMALL}{% ENDIF %}[/img][/url]Заменяем на
[url="{index_page_goods.URL}"][img]{% IF index_page_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-other.png{% ELSE %}{index_page_goods.IMAGE_OTHER}{% ENDIF %}[/img][/url]Редактируем стили Находим
.goodsListItemImage { height: 100px; margin-top: 1em; }Заменяем на
.goodsListItemImage { height: 200px; margin-top: 1em; }Находим
.goodsListItemBlock { height: 200px; margin: 5px; overflow: hidden; }Заменяем на
.goodsListItemBlock { height: 300px; margin: 5px; overflow: hidden; }
Здравствуйте! Я проделал тоже самое, а у меня получилось, что все фото стали очень-очень маленькими...
Аккаунт SL-293324я
я пока вернул все назад, как было, чтобы не пугать посетителей...)
#18
Отправлено 11 Март 2015 - 07:53
#19
Отправлено 11 Март 2015 - 18:13
У меня в каталоге все картинки стали маленькими!!! Я там ничего не делал, что произошло?!.... Вчера все было хорошо, а после я ничего не трогал...
Зашел в редактирование шаблона товары, а там изменилась строчка, которую я редактировал, но я этого не делал... Теперь у меня во всех категориях картинки маленькие
Аккаунт SL-293324
#20
Отправлено 12 Март 2015 - 15:32
Vaccina (11 Март 2015 - 07:53) писал:
подскажите, пожалуйста. а в этих настройках нужно цифры по умолчанию установить? Или какие цифры там поставить, чтобы вышеуказанная инструкция работала?
Темы с аналогичным тегами товар размер, фото, каталог
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных