Бирка Скидки На Товарах Акции

Koderhan (09 Октябрь 2013 - 17:36) писал:

Всем админам Бигзур Рахмат! Пока все вопросы по дизайну останавливаю, все ОК!

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

Flor@@ (21 Декабрь 2013 - 09:08) писал:

Бирка -
в шаблоне Товары найдите строчки примерно на 339 и 274 -

<div class="product_image_wrapper">

и после этой строки добавьте код -

{% IF goods.MAX_DISCOUNT_EXPIRED_AT %}
												<div style="position:absolute;left:0;top:0;background:url({ASSETS_IMAGES_PATH}birka.png);width:48px;height:48px;" class="birk-hits">  {goods.MAX_DISCOUNT}
												</div>
										  {% ENDIF %}

Не забудьте добавить изображение в раздел Сайт - Редактор шаблонов birka.png

сделала, только заменила на birka.gif и код и картинку такую вставила, почему-то не помогло...

Вы вставили данный код в категории, а необходимо в товар, посмотрите ниже подобный код.

спасибо огромное за помощь, но  вместе с изображениями также проставились цифры с размером скидок, и изображения встали кривовато, подскажите, пожалуйста, как поправить?
20306.

Сообщение отредактировал Flor@@: 24 Декабрь 2013 - 23:06

Чтобы убрать цифры, достаточно с добавленного кода убрать переменную {goods.MAX_DISCOUNT}
А откорректировать положение изображения вы можете меняя значения у стилей left и top у добавленных блоков.

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

Flor@@ (29 Декабрь 2013 - 02:06) писал:

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

<div class="image">
		 <div id="wrap" style="top:0px;z-index:9999;position:relative;background: #fff;margin: 0 auto;text-align: center;">

и после него добавьте -

{% IF GOODS_MOD_MAX_DISCOUNT_EXPIRED_AT %}
		<div style="position:absolute;left:0;top:0;background:url({ASSETS_IMAGES_PATH}birka.gif);width:48px;height:48px;" class="birk-hits">
				</div>
 {% ENDIF %}

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

Flor@@ (30 Декабрь 2013 - 11:24) писал:

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

{% IF GOODS_MOD_MAX_DISCOUNT_EXPIRED_AT %}
			 <div style="position:absolute;left:0;top:0;background:url({ASSETS_IMAGES_PATH}birka.gif);width:48px;height:48px;" class="birk-hits">
							 </div>
{% ENDIF %}

и замените на -

{% IF GOODS_MOD_MAX_DISCOUNT_EXPIRED_AT %}
			 <div style="z-index:9999;position:absolute;left:0;top:0;background:url({ASSETS_IMAGES_PATH}birka.gif);width:48px;height:48px;" class="birk-hits">
							 </div>
{% ENDIF %}

а как поправить также для отображения бирки в категориях с товарами, на фотках товаров..?

Flor@@ (30 Декабрь 2013 - 13:05) писал:

Найдите код в шаблоне Товары из сообщения -
http://forum.storela...220#entry111651

и вместо -

  <div style="position:absolute;left:0;top:0;background:url({ASSETS_IMAGES_PATH}birka.png);width:48px;height:48px;" class="birk-hits">

нужно -

  <div style="position:absolute;left:0;top:0;background:url({ASSETS_IMAGES_PATH}birka.png);width:48px;height:48px;z-index:9999;" class="birk-hits">

Фактически нужно добавить z-index:9999;

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

Аккаунт SL-182616
Мой код "товары":

<!-- Статический заголовок странички -->
<div class="headline" style="background:none;">
<div class="h1static clear">
<h1 class="fnt18n">{CATEGORY_NAME}</h1>
</div>
</div>
<!-- Статический заголовок странички-Конец -->
<div class="padd">
<div class="speedbar fnt11n txtalgnlft">
<a href="http://{NET_DOMAIN}/...}/">Главная</a>
<!-- Если отображаем полный каталог товаров, без указания категории -->
{% IF IS_FULL_CATALOG %}
&raquo; <span class="fnt11b">Каталог товаров</span>
<!-- Если отображаем товары в категории -->
{% ELSE %}
&raquo; <a href="{CATALOG_URL}">Каталог товаров</a>
{% FOR upper_navigation %}
{% IF upper_navigation.CURRENT %}
&raquo; <span class="fnt11b">{upper_navigation.NAME}</span>
{% ELSEIF upper_navigation.CURRENT_PARENT %}
&raquo; <a href="{upper_navigation.URL}">{upper_navigation.NAME}</a>
{% ENDIF %}
{% ENDFOR %}
{% ENDIF %}
</div>
</div>

<!-- Фильтры показываются только если есть товары в категории -->
{% IFNOT goods_empty %}
<form action="">
<div class="cort fnt11b txtalgnlft">
<div class="left">
<ul>
{% FOR goods_filters %}
<li>
<input type="hidden" name="{goods_filters.NAME}" value="{goods_filters.VALUE}" />
</li>
{% ENDFOR %}

{% IF goods_show_per_page %}
{% IFNOT index_page %}
<li>Показывать по:
<select name="per_page" onchange="this.form.submit();">
{% FOR goods_per_page_list %}
<option value="{goods_per_page_list.LIMIT}" {% IF goods_per_page_list.SELECTED %}selected="selected"{% ENDIF %}>{goods_per_page_list.LIMIT}</option>
{% ENDFOR %}
</select>
</li>
{% ENDIF %}
{% ENDIF %}
</ul>
</div>
</div>
</form>
{% ENDIF %}
<!-- END Фильтры показываются только если есть товары в категории -->

<!-- Товары -->
{% IF goods_empty %}
<!-- Если не применено ни одного фильтра, значит в категории нет товаров -->
{% IF goods_filters_empty %}
<!-- Если в категории нет товаров, но есть категории, то отобразим их -->
{%IFNOT nested_categories_list_empty %}
<!-- Блок навигации по категориям, вложенным в текущую категорию -->
<div class="box padd">
<table class="table" cellpadding="5" cellspacing="0">
<tr>
{% FOR nested_categories_list %}
<td>
<div class="tabproduct">
<div class="title fnt12b txtalgncnt">
<a href="{nested_categories_list.URL}" title="Перейти к категории &laquo;{nested_categories_list.NAME}&raquo;">{nested_categories_list.NAME}</a>
</div>
<div class="img txtalgncnt">
<a href="{nested_categories_list.URL}" title="Перейти на страницу &laquo;{nested_categories_list.NAME}&raquo;"><img {% IF nested_categories_list.IMAGE_EMPTY %}src="{ASSETS_IMAGES_PATH}no-photo-small.png" width="130"{% ELSE %}src="{nested_categories_list.IMAGE_MEDIUM}"{% ENDIF %} alt="{nested_categories_list.NAME}" /></a>
</div>
<div class="buttons txtalgncnt">
<a href="{nested_categories_list.URL}" class="whtgreen" title="Перейти к категории &laquo;{nested_categories_list.NAME}&raquo;">Перейти в категорию</a>
</div>
</div>
</td>
{% IFNOT nested_categories_list.last %}{nested_categories_list.index | is_divided("3","</tr><tr>","")}{% ENDIF %}
{% ENDFOR %}
</tr>
</table>
</div>
<br clear="all"/>
<!-- Если в категории нет ни товаров, ни категорий то сообщим пользователю что ничего нет -->
{% ELSE %}
<div class="infoblock fnt12b txtalgnlft" style="margin-bottom:10px;">Нет товаров в категории</div>
{% ENDIF %}
<!-- Если производили фильтрацию товаров в категории -->
{% ELSE %}
<div class="infoblock fnt12b txtalgnlft" style="margin-bottom:10px;">Нет товаров для выбранных условий</div>
{% ENDIF %}
{% ELSE %}
<!-- Вывод каталога таблицей -->
<div class="hr"></div>
<!-- Вывод каталога таблицей -->
<div class="box padd">
{%IF goods.MAX_DISCOUNT_EXPIRED_AT%}
<div style="position:absolute;right:0;top:0;">{%MAX_DISCOUNT%}</div>
{%ENDIF%}
<table class="table" cellpadding="5" cellspacing="0">
<tr>
{% FOR goods %}
<td>
<div class="tabproduct">
<div class="title fnt12b txtalgncnt">
<a href="{goods.URL}" title="Перейти на страницу &laquo;{goods.NAME}&raquo;">{goods.NAME}</a>
</div>
<div class="img txtalgncnt">
<a href="{goods.URL}" title="Перейти на страницу &laquo;{goods.NAME}&raquo;"><img src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-other.png{% ELSE %}{goods.IMAGE_OTHER}{% ENDIF %}" alt="{goods.NAME}" /></a>
</div>
<div class="price fnt12b txtalgncnt">
Цена:
{% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %}
<span>{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | number_format("0", ",", " ")}</span>
{% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %}
<span>{goods.MIN_PRICE_OLD | number_format("0", ",", " ")}</span>
{% ENDIF %}
<em class="fnt12b">{goods.MIN_PRICE_NOW | money_format}</em>
</div>
<div class="buttons txtalgncnt">
{% IF goods.MAX_REST_VALUE>0 %}
<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" id="goodsListFormId{goods.MIN_PRICE_NOW_ID}" class="goodsListForm">
<div>
<input type="hidden" name="hash" value="{HASH}" />
<input type="hidden" name="form[goods_from]" value="{goods.GOODS_FROM}" />
<input type="hidden" name="form[goods_mod_id]" value="{goods.MIN_PRICE_NOW_ID}" />
<a href="{goods.URL}" class="whtgreen" title="Перейти на страницу &laquo;{goods.NAME}&raquo;">Подробнее</a>
<a class="blgreen" onclick="$('#goodsListFormId{goods.MIN_PRICE_NOW_ID}').submit(); return false;" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&amp;form%5Bgoods_from%5D={goods.GOODS_FROM}&amp;form%5Bgoods_mod_id%5D={goods.MIN_PRICE_NOW_ID}" title="Положить &laquo;{goods.NAME}&raquo; в корзину">Купить</a>
</div>
</form>
{% ENDIF %}
{% IF goods.MAX_REST_VALUE=0 %}<a href="{goods.URL}" class="whtgreen" title="Перейти на страницу &laquo;{goods.NAME}&raquo;">Подробнее</a>{% ENDIF %}
</div>
</div>
</td>

{% IFNOT goods.last %}
{% IF index_page %}
{goods.index | is_divided("2","</tr><tr>","")}
{% ELSE %}
{goods.index | is_divided("3","</tr><tr>","")}
{% ENDIF %}
{% ENDIF %}
{% ENDFOR %}
</tr>
</table>
</div>
<!-- Вывод каталога таблицей-Конец -->
{% ENDIF %}
<!-- Товары-конец -->

<!-- Навигация по каталогу -->
{% IF show_pages %}
<div class="navigation fnt12n padd clear">
<span>Страницы:</span>
{% FOR goods_pages %}
{% IF goods_pages.CURRENT %}
<span class="current">{goods_pages.PAGE}</span>
{% ELSE %}
<a href="{GOODS_PAGINATE_URL}&amp;page={goods_pages.PAGE}">{goods_pages.PAGE}</a>
{% ENDIF %}
{% ENDFOR %}
</div>
{% ENDIF %}
<!-- Навигация по каталогу-Конец -->


<!-- Вывод информации из категории католога -->
{% IF CATEGORY_DESCRIPTION %}
<div class="headline">
<div class="main">
<div class="text fnt12n htmlDataBlock">
<!-- Описание категории -->
{CATEGORY_DESCRIPTION}
</div>
</div>
</div>
{% ENDIF %}
<!-- Вывод информации из категории католога-Конец -->

<!-- Короткое SEO описание категории -->
{% IF CATEGORY_SEO_DESCRIPTION_SHORT %}
<div class="headline" style="margin-top:1em;">
<div class="main brdr0">
<div class="text fnt12n">
<p class="seo">
{CATEGORY_SEO_DESCRIPTION_SHORT}
</p>
</div>
</div>
</div>
{% ENDIF %}

<!-- Вывод полного SEO описание категорииа -->
{% IF CATEGORY_SEO_DESCRIPTION_LARGE %}
<div class="headline" style="margin-top:1em;">
<div class="main brdr0">
<div class="text fnt12n htmlDataBlock">
<!-- Полное SEO описание категории -->
<p class="seo">
{CATEGORY_SEO_DESCRIPTION_LARGE}
</p>
</div>
</div>
</div>
{% ENDIF %}
<!-- Вывод полного SEO описание категорииа-Конец -->

Вам необходимо в шаблоне Товары найти блок

<!-- Вывод каталога таблицей -->
  {% IF GOODS_VIEW_TYPE=1 %}
	<!-- Вывод каталога списком -->
	{% FOR goods %}
	  <div class="hr"></div>
	  <div class="box padd">
		<div class="titlebox txtalgnlft">
		  <ul>
			<li class="blue fnt11b">
			  <h2><a href="{goods.URL}" title="Перейти на страницу &laquo;{goods.NAME}&raquo;">
			  {% IF goods.MAX_REST_VALUE=0 %}Товара нет{% ENDIF %}
			  {% IF goods.MAX_REST_VALUE>0 %}В наличии{% ENDIF %}
			  </a></h2>
			</li>
			<li class="default fnt12b "><a href="{goods.URL}" title="Перейти на страницу &laquo;{goods.NAME}&raquo;">{goods.NAME}</a></li>
		  </ul>
		</div>
		<div class="ulproduct">

и сразу после него вставить блок

<div style="position:absolute;z-index:9990;margin-left: 1px;">
				{% IF goods.IS_NEW %}
				<img src="{ASSETS_IMAGES_PATH}навзание картинки для новинок. формат картинки">
				{% ELSEIF goods.IS_TOP %}
				<img src="{ASSETS_IMAGES_PATH}навзание картинки для хитов. формат картинки">
				{% ELSEIF goods.MAX_DISCOUNT %}
				<img src="{ASSETS_IMAGES_PATH}навзание картинки для акций. формат картинки">
				 {% ENDIF %}
				</div>

Затем найдите блок

<!-- Вывод каталога таблицей -->
	<div class="box padd">
	  <table class="table" cellpadding="5" cellspacing="0">
		<tr>
		  {% FOR goods %}
			<td>
			  <div class="tabproduct">

и после него вставьте блок

<div style="position:absolute;z-index:999;margin-left:180px;">
				{% IF goods.IS_NEW %}
				<img src="{ASSETS_IMAGES_PATH}навзание картинки для новинок. формат картинки">
				{% ELSEIF goods.IS_TOP %}
				<img src="{ASSETS_IMAGES_PATH}навзание картинки для хитов. формат картинки">
				{% ELSEIF goods.MAX_DISCOUNT %}
				<img src="{ASSETS_IMAGES_PATH}навзание картинки для акций. формат картинки">
				 {% ENDIF %}
				</div>

Картинки для бирок Вам нужно загрузить в разделе Сайт-> Редактор шаблонов-> Добавить файлы.В этом коде заместо Навзание картинки для хитов. формат картинки ( для новинок, для акций) нужно указать название картинки и через точку фрмат, в котором Вы ее загрузили. Например, kartinka.png.

Большое спасибо. Все отлично, но бирка залазиет на название товара(на фото видно). Как ее опустить немного?

Rebvjd (03 Январь 2014 - 01:26) писал:

Здравствуйте, пожалуйста укажите ссылку на категорию где можно увидеть эту бирку, чтобы мы могли помочь вам установить ее так как надо.

Castiel (03 Январь 2014 - 02:20) писал:

http://sweetjoy.ru/c...ezhnye-ryukzaki

Rebvjd (03 Январь 2014 - 02:35) писал:

Редактируем шаблон Товары
Находим 110 строку

<div style="position:absolute;z-index:999;margin-left:170px;">

Заменяем на

<div style="position:absolute;z-index:999;margin-left:155px;margin-top:35px;">

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

Отлично. Я иконки буду менять. Эти для пробы, на скорую руку содрал у конкурентов)))
Очень благодарен за помощь.