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

[Михаил4466]

Здравствуйте, где то видел подобную тему на форуме,но не смог найти.
Как сделать бирки к товарам которые находятся в категории "новинки" и "хиты продаж"

Заранее спасибо за вашу помощь.

[Koderhan]

Вы можете найти ответ
http://forum.storela...итд/#entry75625
http://forum.storela...-товарах-акции/

[miyako]

Михаил4466 (10 Июль 2013 - 09:46) писал:

Здравствуйте, где то видел подобную тему на форуме,но не смог найти.
Как сделать бирки к товарам которые находятся в категории "новинки" и "хиты продаж"

Заранее спасибо за вашу помощь.

Найдите код в main.css:

.goodsListItemImage a {
display: block;
height: 185px;
}

и замените на:

.goodsListItemImage a {
display: block;
height: 185px;
position: relative;
}

Далее найдите код:

.goods-image-other {
max-width: 185px;
max-height: 185px;
background: url("http://mediatory.ru/Pics/di_processing/di_bw_color_final.jpg") no-repeat top right;
z-index: 9999;
position: relative;
background-size: 37px auto;
}

в коде измените - z-index: 9999; на z-index: 999;

Найдите в шаблоне HTML код:

   <a href="{index_page_new_goods.URL}" title="Перейти на страницу &laquo;{index_page_new_goods.NAME}&raquo;"><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>

и замените на:

   <a href="{index_page_new_goods.URL}" title="Перейти на страницу &laquo;{index_page_new_goods.NAME}&raquo;">
   <img width="30px" src="путь до изображения" style="right: 31px;z-index: 9999;position: absolute;" alt="">
   <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>

В коде не забудьте указать - путь до изображения

Аналогично и для других блоков:
Код:

   <a href="{index_page_favorites_goods.URL}" title="Перейти на страницу &laquo;{index_page_favorites_goods.NAME}&raquo;"><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>

замените на:

   <a href="{index_page_favorites_goods.URL}" title="Перейти на страницу &laquo;{index_page_favorites_goods.NAME}&raquo;">
<img width="30px" src="путь до изображения" style="right: 31px;z-index: 9999;position: absolute;" alt="">
<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>

Код:

   <a href="{index_page_goods.URL}" title="Перейти на страницу &laquo;{index_page_goods.NAME}&raquo;"><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>

замените на:

   <a href="{index_page_goods.URL}" title="Перейти на страницу &laquo;{index_page_goods.NAME}&raquo;">
<img width="30px" src="путь до изображения" style="right: 31px;z-index: 9999;position: absolute;" alt="">
<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>

[miyako]

Для темы Мокко -
Вставьте в конец main.css код -

.goodsListItemImage a {
display: block;
height: 185px;
position: relative;
}

Далее найдите в шаблоне HTML код:

<a href="{index_page_new_goods.URL}" title="Перейти на страницу &laquo;{index_page_new_goods.NAME}&raquo;"><img class="goods-image-small" 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>

и замените на:

<a href="{index_page_new_goods.URL}" title="Перейти на страницу &laquo;{index_page_new_goods.NAME}&raquo;">
   <img width="30px" src="путь до изображения" style="right: 0px;z-index: 9999;position: absolute;" alt="">
   <img class="goods-image-small" 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>

Далее найдите код -

<a href="{index_page_favorites_goods.URL}" title="Перейти на страницу &laquo;{index_page_favorites_goods.NAME}&raquo;"><img class="goods-image-small" 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>

и замените на:

<a href="{index_page_favorites_goods.URL}" title="Перейти на страницу &laquo;{index_page_favorites_goods.NAME}&raquo;">
<img width="30px" src="путь до изображения" style="right: 0px;z-index: 9999;position: absolute;" alt="">
<img class="goods-image-small" 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>

код -

<a href="{index_page_goods.URL}" title="Перейти на страницу &laquo;{index_page_goods.NAME}&raquo;"><img class="goods-image-small" 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>

и замените на:

<a href="{index_page_goods.URL}" title="Перейти на страницу &laquo;{index_page_goods.NAME}&raquo;">
<img width="30px" src="путь до изображения" style="right: 0px;z-index: 9999;position: absolute;" alt="">
<img class="goods-image-small" 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>

Не забудьте указать в коде путь до изображений

[Анастасия777]

Извините, я не совсем поняла что значит

Цитата

В коде не забудьте указать - путь до изображения

Заранее спасибо.

[Stasya]

Путь до изображение- ссылка на Вашу загруженную картинку. Картинку нужно загрузить в разделе Сайт-> Редактор шаблонов-> Добавить файлы. После загрузки скопируйте адрес ссылки и вставьте в данные блоки.

[support 2.0]

Анастасия777 (02 Август 2013 - 06:42) писал:

Извините, я не совсем поняла что значит

Заранее спасибо.

У Вас должны быть изображения с этими бирками, которые Вы загружаете на сайт в раздел редактор шаблонов. Далее копируете ссылку и изображение и вставляете в код заместо фразы "путь до изображения"

[Анастасия777]

Большое спасибо за помощь.

[Анастасия777]

Только есть один вопрос, как увеличить этот ярлык.

[shnafix]

Анастасия777 (02 Август 2013 - 20:42) писал:

Только есть один вопрос, как увеличить этот ярлык.

Найдите в HTML код

<img width="30px"

и увеличьте значение 30.

[Анастасия777]

Спасибо, поставила, но хотелось бы перенести ярлык в угол изображения товара. Что надо прописать?

[Анастасия777]

Извините за доставучесть, но ещё хотела спросить, когда занесла товар в категорию ,,Хит продаж", то на главной странице появился товар с соответсвующим ярлыком, но когда я перехожу к примеру в категорию ,,Все товары", то там этот ярлык на томже товаре не отображается, а очень хотелось бы. Можно ли так сделать, а если да, то как?

[Сake]

Найдите в вашем шаблоне код бирки

<img width="90px" src="{ASSETS_IMAGES_PATH}i46004.png" style="right: 31px;z-index: 9999;position: absolute;" alt="">

и замените данный код на

<img width="90px" src="{ASSETS_IMAGES_PATH}i46004.png" style="right: -8px;top:-24px;z-index: 9999;position: absolute;" alt="">

далее в файле стилей main.css найдите

.goodsListItemBlock {
	height: 300px;
	margin: 5px;
	overflow: hidden;
	width: 210px;
}

и замените на

.goodsListItemBlock {
	height: 300px;
	margin: 10px 10px 0 0;
	width: 210px;
}

Почитайте информацию в следующих темах форума http://forum.storela...нки/#entry74127
http://forum.storela...кции/#entry7736

По сути необходимо делать однотипное изменение как и в шаблоне "HTML", только уже для шаблона "Товары". и вместо переменной index_page_new_goods использовать goods.

Например в шаблоне "Товары" найдите

<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}" />

и замените на

{%IF goods.IS_TOP%}<img width="90px" src="{ASSETS_IMAGES_PATH}i47002.png" style="right: -8px;top:-24px;z-index: 9999;position: absolute;" alt="">{%ENDIF%}
<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}" />

[Анастасия777]

Извините, но я не нашла большую часть того, что вы указали выше.

[Vaccina]

Код взят с вашего сайта, просмотрите лучше, используйте поиск Ctrl+F или вручную.

[Анастасия777]

Насчёт того, как поставить ярлык на место, я разобралась, а с тем как сделать так чтоб ярлыки отображались на всех страницах я не смогла разобраться. Почитала предложенные форумы, но так и не разобралась. Можете написать показать коды конкретно к моему случаю. Заранее спасибо за вашу помощь.

[miyako]

Анастасия777 (06 Август 2013 - 11:06) писал:

Насчёт того, как поставить ярлык на место, я разобралась, а с тем как сделать так чтоб ярлыки отображались на всех страницах я не смогла разобраться. Почитала предложенные форумы, но так и не разобралась. Можете написать показать коды конкретно к моему случаю. Заранее спасибо за вашу помощь.

На каких страницах у Вас не отображаются бирки?

в шаблоне Товары нашла у Вас код -

<img width="100px" src="путь до изображения" style="right: 0px;top:-2px;z-index: 9999;position: absolute;" alt="">

Вы не указали путь до изображения на бирку
замените в коде - путь до изображения