Отключен JavaScript

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

1

Отображение Размеров Товара В Картинке

Автор Скорая Керамическая Помощь, 09 янв. 2017 13:43

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

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

#1 Скорая Керамическая Помощь

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

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

ГородМосква

Отправлено 09 Январь 2017 - 13:43

Добрый день!

Подскажите пожалуйста , как можно сделать на нашем сайте (Аккаунт SL-394796) такую функцию в карточке товара.

http://plitka.master...work-marrakech/

то есть, чтоб каждая плитка в картинке товара отображала размеры (ширину и высоту).
Здесь добавила характеристику с шириной и высотой.
http://tile-911.ru/g...kech#show_tab_2

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

Наверх

#2 Vaccina

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

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

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

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

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

Наверх

#3 Скорая Керамическая Помощь

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

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

ГородМосква

Отправлено 10 Январь 2017 - 14:44

Vaccina (10 Январь 2017 - 06:46) писал:

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

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

Добрый день! Спасибо за ответ! Да, нужно для всех товаров в категории "Керамическая плитка"

Наверх

#4 Скорая Керамическая Помощь

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

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

ГородМосква

Отправлено 13 Январь 2017 - 16:46

Vaccina (10 Январь 2017 - 06:46) писал:

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

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

Добрый день!
Скажите пожалуйста, когда будет ответ?

Наверх

#5 Vaccina

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

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

Отправлено 14 Январь 2017 - 06:58

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

Зайдите в раздел Сайт - Редактор шаблонов - Товар - найдите:

<a href="{GOODS_IMAGE_LARGE}" title="Увеличить {GOODS_NAME}">
		 <div class="ico-product">
			 {% IF GOODS_IS_NEW %}
			 <span class="ico-new">Новинка</span>
			 {% ELSEIF GOODS_IS_TOP %}
			 <span class="ico-best">Хит</span>
			 {% ENDIF %}
			 {% IF GOODS_MOD_MAX_DISCOUNT %}
			 <span class="ico-sale">Скидка</span>
			 {% ENDIF %}
		 </div>
		 <img src="{GOODS_IMAGE_MEDIUM}" title="{GOODS_NAME}" alt="{GOODS_NAME}" id="image" class="goods-image-medium" itemprop="image"/>
		 </a>

замените на:

<a href="{GOODS_IMAGE_LARGE}" title="Увеличить {GOODS_NAME}">
		 <div class="size" {% FOR upper_navigation %}{% IF upper_navigation.NAME = Керамическая плитка %}style="display:block;"{% ENDIF %}{% ENDFOR %}>
			 <div class="width"><span>{% FOR goods_features%}{% IF goods_features.NAME = Ширина (см) %}{goods_features.VALUE} см{% ENDIF %}{% ENDFOR %}<span></span></span></div>
			 <div class="height"><span>{% FOR goods_features%}{% IF goods_features.NAME = Высота (см) %}{goods_features.VALUE} см{% ENDIF %}{% ENDFOR %}</span></div>
		 </div>
		 <div class="ico-product">
			 {% IF GOODS_IS_NEW %}
			 <span class="ico-new">Новинка</span>
			 {% ELSEIF GOODS_IS_TOP %}
			 <span class="ico-best">Хит</span>
			 {% ENDIF %}
			 {% IF GOODS_MOD_MAX_DISCOUNT %}
			 <span class="ico-sale">Скидка</span>
			 {% ENDIF %}
		 </div>
		 <img src="{GOODS_IMAGE_MEDIUM}" title="{GOODS_NAME}" alt="{GOODS_NAME}" id="image" class="goods-image-medium" itemprop="image"/>
		 </a>

Далее зайдите в main.css - найдите:

.product-view .product-img-box .general-img {text-align: center;}

замените на:

.product-view .product-img-box .general-img {text-align: center;padding-top: 15px;}
.size {
display:none;
}
.size .height {
position: absolute;
left: -25px;
width: 20px;
height: 100%;
border-right: 1px solid #ccc;
padding-right: 10px;
}
.size .height span {
transform: rotate(-90deg);
display: block;
position: absolute;
top: 50%;
white-space: nowrap;
right: -5px;
}
.size .width {
position: absolute;
top: -32px;
padding-bottom: 5px;
border-bottom: 1px solid #ccc;
width: 100%;
}

Если все правильно сделали, то получите следующий результат:

Наверх

#6 Скорая Керамическая Помощь

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

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

ГородМосква

Отправлено 14 Январь 2017 - 08:54

WOW!!! Это круто!!! Большое спасибо!!!!!

Наверх

#7 Скорая Керамическая Помощь

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

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

ГородМосква

Отправлено 06 Март 2017 - 11:09

Vaccina (14 Январь 2017 - 06:58) писал:

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

Зайдите в раздел Сайт - Редактор шаблонов - Товар - найдите:

<a href="{GOODS_IMAGE_LARGE}" title="Увеличить {GOODS_NAME}">
		 <div class="ico-product">
			 {% IF GOODS_IS_NEW %}
			 <span class="ico-new">Новинка</span>
			 {% ELSEIF GOODS_IS_TOP %}
			 <span class="ico-best">Хит</span>
			 {% ENDIF %}
			 {% IF GOODS_MOD_MAX_DISCOUNT %}
			 <span class="ico-sale">Скидка</span>
			 {% ENDIF %}
		 </div>
		 <img src="{GOODS_IMAGE_MEDIUM}" title="{GOODS_NAME}" alt="{GOODS_NAME}" id="image" class="goods-image-medium" itemprop="image"/>
		 </a>

замените на:

<a href="{GOODS_IMAGE_LARGE}" title="Увеличить {GOODS_NAME}">
		 <div class="size" {% FOR upper_navigation %}{% IF upper_navigation.NAME = Керамическая плитка %}style="display:block;"{% ENDIF %}{% ENDFOR %}>
			 <div class="width"><span>{% FOR goods_features%}{% IF goods_features.NAME = Ширина (см) %}{goods_features.VALUE} см{% ENDIF %}{% ENDFOR %}<span></span></span></div>
			 <div class="height"><span>{% FOR goods_features%}{% IF goods_features.NAME = Высота (см) %}{goods_features.VALUE} см{% ENDIF %}{% ENDFOR %}</span></div>
		 </div>
		 <div class="ico-product">
			 {% IF GOODS_IS_NEW %}
			 <span class="ico-new">Новинка</span>
			 {% ELSEIF GOODS_IS_TOP %}
			 <span class="ico-best">Хит</span>
			 {% ENDIF %}
			 {% IF GOODS_MOD_MAX_DISCOUNT %}
			 <span class="ico-sale">Скидка</span>
			 {% ENDIF %}
		 </div>
		 <img src="{GOODS_IMAGE_MEDIUM}" title="{GOODS_NAME}" alt="{GOODS_NAME}" id="image" class="goods-image-medium" itemprop="image"/>
		 </a>

Далее зайдите в main.css - найдите:

.product-view .product-img-box .general-img {text-align: center;}

замените на:

.product-view .product-img-box .general-img {text-align: center;padding-top: 15px;}
.size {
display:none;
}
.size .height {
position: absolute;
left: -25px;
width: 20px;
height: 100%;
border-right: 1px solid #ccc;
padding-right: 10px;
}
.size .height span {
transform: rotate(-90deg);
display: block;
position: absolute;
top: 50%;
white-space: nowrap;
right: -5px;
}
.size .width {
position: absolute;
top: -32px;
padding-bottom: 5px;
border-bottom: 1px solid #ccc;
width: 100%;
}

Если все правильно сделали, то получите следующий результат:
Прикрепленный файл

123.jpg

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

Наверх

#8 metry

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

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

Отправлено 06 Март 2017 - 13:31

Добрый день. Вопрос еще актуален? Зашел к Вам на сайт, все корректно отображается.

Наверх

#9 Скорая Керамическая Помощь

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

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

ГородМосква

Отправлено 06 Март 2017 - 13:39

metry (06 Март 2017 - 13:31) писал:

Добрый день. Вопрос еще актуален? Зашел к Вам на сайт, все корректно отображается.
Прикрепленный файл

IRG4yJdO.png

Спасибо, что ответили! Вот сейчас проверила, и действительно, все корректно отображается!

Наверх

#10 Скорая Керамическая Помощь

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

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

ГородМосква

Отправлено 20 Май 2017 - 20:17

Добрый вечер! Почему-то не везде отображается размер .
Здесь есть. http://tile-911.ru/g...co-30?from=MWU4
А здесь нет этих размеров. http://tile-911.ru/g...ante-29-5-59-RT

Наверх

#11 Stasya

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

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

Отправлено 22 Май 2017 - 16:42

Скорая Керамическая Помощь (20 Май 2017 - 20:17) писал:

Добрый вечер! Почему-то не везде отображается размер .
Здесь есть. http://tile-911.ru/g...co-30?from=MWU4
А здесь нет этих размеров. http://tile-911.ru/g...ante-29-5-59-RT

Здравствуйте. В данном товаре размер у картинки не отображается по причине того, что в данный товар Вы перешли через категорию Бренды. У Вас в коде прописано условие для отображения у товара рамеров если в товар перешли именно через категорию Керамическая плитка. Скриншот как выглядит прикрепила.

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

Наверх

#12 Скорая Керамическая Помощь

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

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

ГородМосква

Отправлено 22 Май 2017 - 17:23

Stasya (22 Май 2017 - 16:42) писал:

Здравствуйте. В данном товаре размер у картинки не отображается по причине того, что в данный товар Вы перешли через категорию Бренды. У Вас в коде прописано условие для отображения у товара рамеров если в товар перешли именно через категорию Керамическая плитка. Скриншот как выглядит прикрепила.

Спасибо!