Отключен JavaScript

У вас отключен JavaScript. Некоторые возможности системы не будут работать. Пожалуйста, включите JavaScript для получения доступа ко всем функциям.

Увеличить Фото Товара В Каталоге

Автор vanyushka, 12 февр. 2014 14:42

товар размер фото каталог

Авторизуйтесь для ответа в теме

Сообщений в теме: 70

#1 vanyushka

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

Пользователи
500 сообщений

Отправлено 12 Февраль 2014 - 14:42

Здравствуйте.
Я хочу укрупнить фотографии товара в каталоге. Аккаунт SL-230350
В моем случае картинка товара и его название помещены в ячейку с границами. Я бы хотел:

1. Удлинить ячейку в высоту так, чтобы картинка товара по ширине была максимально приближена к ширине ячейки.
2. Так как была увеличена область ячейки по высоте, то название товара должно остаться в прежнем виде (в границах ячейки).
3. В неактивном состоянии границы ячеек обозначены серым цветом. Я бы хотел изменить его на белый.

Каким образом я могу это сделать? Спасибо.

Наверх

#2 Castiel

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

Модераторы
3 519 сообщений

ГородНижний Новгород

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

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

Пользователи
500 сообщений

Отправлено 15 Февраль 2014 - 15:51

Спасибо!

Наверх

#4 vanyushka

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

Пользователи
500 сообщений

Отправлено 15 Февраль 2014 - 18:14

Не увеличились фотографии в разделе "С этим товаром смотрят" на странице товара.

Наверх

#5 @lina_va

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

Модератоpы
498 сообщений

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

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

Пользователи
500 сообщений

Отправлено 15 Февраль 2014 - 18:57

@lina_va (15 Февраль 2014 - 18:37) писал:

.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 vanyushka

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

Пользователи
500 сообщений

Отправлено 15 Февраль 2014 - 19:06

и еще "сопутствующие товары"

Наверх

#8 @lina_va

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

Модератоpы
498 сообщений

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

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

Пользователи
500 сообщений

Отправлено 15 Февраль 2014 - 20:53

Спасибо! Получилось

Наверх

#10 @lina_va

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

Модератоpы
498 сообщений

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

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

Пользователи
500 сообщений

Отправлено 20 Февраль 2014 - 16:42

все ок

Наверх

#12 A-start

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

Пользователи
20 сообщений

Отправлено 24 Ноябрь 2014 - 10:01

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

Наверх

#13 Danil

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

Пользователи
4 645 сообщений

Отправлено 24 Ноябрь 2014 - 10:06

A-start (24 Ноябрь 2014 - 10:01) писал:

Здравствуйте.
Пришлите скриншот с необходимыми изменениями и номер аккаунта.

Наверх

#14 A-start

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

Пользователи
20 сообщений

Отправлено 24 Ноябрь 2014 - 10:14

Danil (24 Ноябрь 2014 - 10:06) писал:

Здравствуйте.
Пришлите скриншот с необходимыми изменениями и номер аккаунта.

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

Наверх

#15 Danil

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

Пользователи
4 645 сообщений

Отправлено 24 Ноябрь 2014 - 10:24

A-start (24 Ноябрь 2014 - 10:14) писал:

В main.css найдите 3 кода

.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 A-start

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

Пользователи
20 сообщений

Отправлено 24 Ноябрь 2014 - 10:31

Danil (24 Ноябрь 2014 - 10:24) писал:

В main.css найдите 3 кода

.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 Iuhenio

Продвинутый пользователь

Пользователи
175 сообщений

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

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

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

Отправлено 11 Март 2015 - 07:53

Вам необходимо после проделанных изменений изменить/проверить заданные размеры изображений в разделе Настройки. В частности размер заданный для "Максимальный размер по высоте/ширине в пикселях для используемых пользователем изображений".

Наверх

#19 Iuhenio

Продвинутый пользователь

Пользователи
175 сообщений

Отправлено 11 Март 2015 - 18:13

Ясно, а в этих настройках нужно цифры по умолчанию установить?

У меня в каталоге все картинки стали маленькими!!! Я там ничего не делал, что произошло?!.... Вчера все было хорошо, а после я ничего не трогал...

Зашел в редактирование шаблона товары, а там изменилась строчка, которую я редактировал, но я этого не делал... Теперь у меня во всех категориях картинки маленькие

Аккаунт SL-293324

Наверх

#20 Iuhenio

Продвинутый пользователь

Пользователи
175 сообщений

Отправлено 12 Март 2015 - 15:32

Фух, поменял в 124 строке шаблона "товары" image other на image small, вроде стало все как прежде... Странно, откуда там это взялось, я ведь все вернул назад...

Vaccina (11 Март 2015 - 07:53) писал:

подскажите, пожалуйста. а в этих настройках нужно цифры по умолчанию установить? Или какие цифры там поставить, чтобы вышеуказанная инструкция работала?

Наверх

Обратно в Каталог товаров

Темы с аналогичным тегами товар размер, фото, каталог

Вопросы работы сервиса StoreLand → Другие вопросы → Проблема Со Ссылками При Переходе На Товар Из Меню Автор Гость_Goosenic_* , 26 янв. 2021 ссылки меню, товары, каталог	1 Ответ 1 062 Просмотров	stasia 26 янв. 2021
характеристики Вопросы работы сервиса StoreLand → Дизайн → Шаблон Техно → Каталог товаров → Вывод Характеристик В Товарах Отображаемых Таблицей Автор Гость_metry_* , 06 дек. 2020 характеристики, каталог, товары	0 Ответов 1 121 Просмотров	metry 06 дек. 2020
Вопросы работы сервиса StoreLand → Дизайн → Шаблон Веган → Как Изменить Разделы Каталога И Добавить Подразделы? Автор Гость_lazar_* , 14 июня 2020 каталог	2 Ответов 794 Просмотров	lazar 14 июня 2020
Вопросы работы сервиса StoreLand → Дизайн → Шаблон Город → Каталог товаров → Выравнивание По Нижнему Краю И Названия Категорий Автор Гость_Максим Бакланов_* , 11 февр. 2020 каталог	3 Ответов 1 488 Просмотров	Vaccina 12 февр. 2020
Вопросы работы сервиса StoreLand → Дизайн → Шаблон Техно → Главная → Изменение Ссылок И Текста На Блоках. Автор Гость_Galz_* , 20 апр. 2019 Менюблоки, каталог, ссылки	1 Ответ 1 774 Просмотров	Mr.Nito 21 апр. 2019

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

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

Увеличить Фото Товара В Каталоге

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

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

Темы с аналогичным тегами товар размер, фото, каталог

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

Войти

Google поиск