Перейти к содержимому


Как Добавить Значёк "хит" "акция" Над Фото Товара


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 19

#1 Galz07

Galz07

    Новичок

  • Пользователи
  • Pip
  • 9 сообщений

Отправлено 25 Март 2013 - 14:51

Как добавить значёк "хит" "Акция" над фото товара , как в теме пластик ?

#2 Koderhan

Koderhan

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

  • Модератоpы
  • 6 227 сообщений

Отправлено 25 Март 2013 - 14:56

http://forum.storela...чок-со-скидкой/
http://forum.storela...ии/page__st__80

#3 REDMAID

REDMAID

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

  • Пользователи
  • PipPipPip
  • 152 сообщений

Отправлено 22 Апрель 2013 - 13:12

Здравствуйте, прочел данные темы, но решения для себя не нашел. Помогите пожалуйста с разделом Акции:
1. Необходимо чтоб был вид только таблицы (сейчас он списком, несмотря что в каталоге я настроил вид только таблицы).
2. Необходимо прикрутить к товарам по акции иконку (http://design.redmai...s_sale.png?4027)  в том же месте где у меня реализована иконка "Новинок" и "Хитов".

Помогите пожалуйста!

#4 Koderhan

Koderhan

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

  • Модератоpы
  • 6 227 сообщений

Отправлено 22 Апрель 2013 - 16:29

Просмотр сообщенияREDMAID (22 Апрель 2013 - 13:12) писал:

Здравствуйте, прочел данные темы, но решения для себя не нашел. Помогите пожалуйста с разделом Акции:
1. Необходимо чтоб был вид только таблицы (сейчас он списком, несмотря что в каталоге я настроил вид только таблицы).
2. Необходимо прикрутить к товарам по акции иконку (http://design.redmai...s_sale.png?4027)  в том же месте где у меня реализована иконка "Новинок" и "Хитов".

Помогите пожалуйста!
1.
Панель администратора, "Сайт"->"Редактор тем".
В файле "Товары".
Найти код:

	<!-- Список товаров -->
   {% IF GOODS_VIEW_TYPE=2 %}
Заменить:
	<!-- Список товаров -->
   {% IF GOODS_VIEW_TYPE=0 %}

Панель администратора, "Сайт"->"Редактор тем".
В файле "Товары".
Найти код:

		  <!-- Список товаров. Список -->
{% FOR goods %}
<div class="listing">
<div class="imagem">
{%IF goods.IS_NEW %}
<div class="ProductIconNew">&nbsp;</div>
{%ELSEIF goods.IS_TOP%}
<div class="ProductIconHit">&nbsp;</div>
{% ENDIF %}
Заменить:
		  <!-- Список товаров. Список -->
{% FOR goods %}
<div class="listing">
<div class="imagem">
{%IF goods.IS_NEW %}
<div class="ProductIconNew">&nbsp;</div>
{%ELSEIF goods.IS_TOP%}
<div class="ProductIconHit">&nbsp;</div>
{%ELSEIF goods.MAX_DISCOUNT>0 %}
<div class="ProductIconDiscount">&nbsp;</div>
{% ENDIF %}

Панель администратора, "Сайт"->"Редактор тем".
В файле "main.css".
Добавить в конец файла код:

.listing .imagem .ProductIconDiscount {
background: url('Адрес до изображения')no-repeat;
width: 67px;
height: 71px;
position: absolute;
margin: -3px 0px 0px -2px;
z-index:999;
}


#5 REDMAID

REDMAID

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

  • Пользователи
  • PipPipPip
  • 152 сообщений

Отправлено 23 Апрель 2013 - 10:04

Просмотр сообщенияKoderhan (22 Апрель 2013 - 16:29) писал:

1.
Панель администратора, "Сайт"->"Редактор тем".
В файле "Товары".
Найти код:

<!-- Список товаров -->
{% IF GOODS_VIEW_TYPE=2 %}
Заменить:
<!-- Список товаров -->
{% IF GOODS_VIEW_TYPE=0 %}

Панель администратора, "Сайт"->"Редактор тем".
В файле "Товары".
Найти код:

<!-- Список товаров. Список -->
{% FOR goods %}
<div class="listing">
<div class="imagem">
{%IF goods.IS_NEW %}
<div class="ProductIconNew">&nbsp;</div>
{%ELSEIF goods.IS_TOP%}
<div class="ProductIconHit">&nbsp;</div>
{% ENDIF %}
Заменить:
<!-- Список товаров. Список -->
{% FOR goods %}
<div class="listing">
<div class="imagem">
{%IF goods.IS_NEW %}
<div class="ProductIconNew">&nbsp;</div>
{%ELSEIF goods.IS_TOP%}
<div class="ProductIconHit">&nbsp;</div>
{%ELSEIF goods.MAX_DISCOUNT>0 %}
<div class="ProductIconDiscount">&nbsp;</div>
{% ENDIF %}

Панель администратора, "Сайт"->"Редактор тем".
В файле "main.css".
Добавить в конец файла код:

.listing .imagem .ProductIconDiscount {
background: url('Адрес до изображения')no-repeat;
width: 67px;
height: 71px;
position: absolute;
margin: -3px 0px 0px -2px;
z-index:999;
}
Увы не работает не то ни другое. В разделе Акции по прежнему вид списка, и нет ярлыков "Акция" ни в разделе акция ни в разделе Каталог.
Как это исправить?

#6 Stasya

Stasya

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

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

Отправлено 23 Апрель 2013 - 10:14

Могу предложить Вам вообще убрать отображение списком. Для этого в шаблоне Товары Вам необходимо найти блок
<!-- Список товаров. Список -->
{% FOR goods %}
<div class="listing">
<div class="imagem">
{%IF goods.IS_NEW %}
<div class="ProductIconNew">&amp;nbsp;</div>
{%ELSEIF goods.IS_TOP%}
<div class="ProductIconHit">&amp;nbsp;</div>
{%ELSEIF goods.MAX_DISCOUNT>0 %}
<div class="ProductIconDiscount">&amp;nbsp;</div>
{% ENDIF %}
<a href="{goods.URL}" title="Перейти на страницу &amp;laquo;{goods.NAME}&amp;raquo;"><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>
<div class="contm">
<h3><a href="{goods.URL}" title="Перейти на страницу &amp;laquo;{goods.NAME}&amp;raquo;">{goods.NAME}</a></h3>
<p>
{goods.DESCRIPTION_SHORT}
</p>
<p>
Цена сейчас: <a href="{goods.URL_MIN_PRICE_NOW}">{goods.MIN_PRICE_NOW | money_format}</a><br />
{% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %}
Цена без учёта скидки: <a href="{goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a><br />
<span class="listingDiscountInfo">До {goods.MAX_DISCOUNT_EXPIRED_AT | date} скидка составляет: {goods.MAX_DISCOUNT}%</span>
{% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %}
Старая цена: <a href="{goods.URL_MIN_PRICE_OLD}" class="lineThrough">{goods.MIN_PRICE_OLD | money_format}</a>
{% ENDIF %}
</p>
<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" id="goodsListFormId{goods.MIN_PRICE_NOW_ID}" class="goodsListForm">
<p>
<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 class="readmore" onclick="$('#goodsListFormId{goods.MIN_PRICE_NOW_ID}').submit();
return false;" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&amp;amp;form%5Bgoods_from%5D={goods.GOODS_FROM}&amp;amp;form%5Bgoods_mod_id%5D={goods.MIN_PRICE_NOW_ID}" title="Положить &amp;laquo;{goods.NAME}&amp;raquo; в корзину">Купить</a>
</p>
</form>
<p>
<a class="readmore" title="{goods.NAME}" href="{goods.URL}">Подробнее</a>
</p>
</div>
<div class="clr"></div>
</div>
{% ENDFOR %}
<!-- /Список товаров. Список -->
	{% ELSE %}
и удалите его. А на какие именно товары Вы хотите поставить данный ярлычок?

#7 REDMAID

REDMAID

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

  • Пользователи
  • PipPipPip
  • 152 сообщений

Отправлено 23 Апрель 2013 - 10:37

Просмотр сообщенияStasya (23 Апрель 2013 - 10:14) писал:

Могу предложить Вам вообще убрать отображение списком. Для этого в шаблоне Товары Вам необходимо найти блок
<!-- Список товаров. Список -->
{% FOR goods %}
<div class="listing">
<div class="imagem">
{%IF goods.IS_NEW %}
<div class="ProductIconNew">&amp;nbsp;</div>
{%ELSEIF goods.IS_TOP%}
<div class="ProductIconHit">&amp;nbsp;</div>
{%ELSEIF goods.MAX_DISCOUNT>0 %}
<div class="ProductIconDiscount">&amp;nbsp;</div>
{% ENDIF %}
<a href="{goods.URL}" title="Перейти на страницу &amp;laquo;{goods.NAME}&amp;raquo;"><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>
<div class="contm">
<h3><a href="{goods.URL}" title="Перейти на страницу &amp;laquo;{goods.NAME}&amp;raquo;">{goods.NAME}</a></h3>
<p>
{goods.DESCRIPTION_SHORT}
</p>
<p>
Цена сейчас: <a href="{goods.URL_MIN_PRICE_NOW}">{goods.MIN_PRICE_NOW | money_format}</a><br />
{% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %}
Цена без учёта скидки: <a href="{goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a><br />
<span class="listingDiscountInfo">До {goods.MAX_DISCOUNT_EXPIRED_AT | date} скидка составляет: {goods.MAX_DISCOUNT}%</span>
{% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %}
Старая цена: <a href="{goods.URL_MIN_PRICE_OLD}" class="lineThrough">{goods.MIN_PRICE_OLD | money_format}</a>
{% ENDIF %}
</p>
<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" id="goodsListFormId{goods.MIN_PRICE_NOW_ID}" class="goodsListForm">
<p>
<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 class="readmore" onclick="$('#goodsListFormId{goods.MIN_PRICE_NOW_ID}').submit();
return false;" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&amp;amp;form%5Bgoods_from%5D={goods.GOODS_FROM}&amp;amp;form%5Bgoods_mod_id%5D={goods.MIN_PRICE_NOW_ID}" title="Положить &amp;laquo;{goods.NAME}&amp;raquo; в корзину">Купить</a>
</p>
</form>
<p>
<a class="readmore" title="{goods.NAME}" href="{goods.URL}">Подробнее</a>
</p>
</div>
<div class="clr"></div>
</div>
{% ENDFOR %}
<!-- /Список товаров. Список -->
{% ELSE %}
и удалите его. А на какие именно товары Вы хотите поставить данный ярлычок?
Ярлык нужен на товары по акции.
Удалил разденл, но изменений на сайте не наблюдаю. Все равно в акциях отображается списком

#8 Stasya

Stasya

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

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

Отправлено 23 Апрель 2013 - 12:09

В шаблоне Просмотр акции  найдите тот же самый код и удалите его.
Судя по всему эти товары будут размещаться на странице акции?

#9 REDMAID

REDMAID

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

  • Пользователи
  • PipPipPip
  • 152 сообщений

Отправлено 23 Апрель 2013 - 13:04

Просмотр сообщенияStasya (23 Апрель 2013 - 12:09) писал:

В шаблоне Просмотр акции  найдите тот же самый код и удалите его.
Судя по всему эти товары будут размещаться на странице акции?
Получилось сделать в виде таблицы, в разделе "Просмотр акций" изменить значение {% IF GOODS_VIEW_TYPE=1 %} на {% IF GOODS_VIEW_TYPE=2 %}.:)

Но помощь с размещением ярлыка Все равно требуется!!! У меня уже размещены ярлыки для категорий "Новинки" и "Хит". Подобный ярлык хочется реализовать для всех товаров включенные в акцию! Т.Е, те товары на которые распространяется Акция, должныц иметь этол ярлык и в разделе акций и в основном каталоге. Ярлык в админку загружен его название: icons_sale.png

Помогите прописать нужные коды. Спасибо.

#10 Stasya

Stasya

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

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

Отправлено 23 Апрель 2013 - 14:54

Попробуйте в  шаблоне Акции найдите блок
{% FOR goods %}
		 <td class="goodsListItem">
			 <div class="goodsListItemBlock withBorder cornerAll">
			 <table class="goodsListItemImage">
и вставьте после него
<tr>
<td><div class="ProductIconNew">&nbsp;</div>
<img src="{ASSETS_IMAGES_PATH}icons_sale.png" alt="{index_page_new_goods.NAME}" /></a>
</td>
</tr>

В шаблоне HTML найдите блок
<h3 style="
		margin-bottom: 0px;
		color: #09C;
">Интересные <br>
предложения</h3>
<table>
  <tr>
{% FOR index_page_goods %}
  <td class="goodsListItem">
<div class="goodsListItemBlock withBorder cornerAll">
  <table class="goodsListItemImage">
и после него вставьте
<tr>{% IF goods_empty %}
<td><div class="ProductIconNew">&nbsp;</div>
<img src="{ASSETS_IMAGES_PATH}icons_sale.png" alt="{index_page_new_goods.NAME}" /></a>
</td>{% ENDIF %}
</tr>


#11 REDMAID

REDMAID

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

  • Пользователи
  • PipPipPip
  • 152 сообщений

Отправлено 23 Апрель 2013 - 15:15

Просмотр сообщенияStasya (23 Апрель 2013 - 14:54) писал:

Попробуйте в  шаблоне Акции найдите блок
{% FOR goods %}
		 <td class="goodsListItem">
			 <div class="goodsListItemBlock withBorder cornerAll">
			 <table class="goodsListItemImage">
и вставьте после него
<tr>
<td><div class="ProductIconNew">&nbsp;</div>
<img src="{ASSETS_IMAGES_PATH}icons_sale.png" alt="{index_page_new_goods.NAME}" /></a>
</td>
</tr>

В шаблоне HTML найдите блок
<h3 style="
	 margin-bottom: 0px;
	 color: #09C;
">Интересные <br>
предложения</h3>
<table>
<tr>
{% FOR index_page_goods %}
<td class="goodsListItem">
<div class="goodsListItemBlock withBorder cornerAll">
<table class="goodsListItemImage">
и после него вставьте
<tr>{% IF goods_empty %}
<td><div class="ProductIconNew">&nbsp;</div>
<img src="{ASSETS_IMAGES_PATH}icons_sale.png" alt="{index_page_new_goods.NAME}" /></a>
</td>{% ENDIF %}
</tr>
В акциях, получилось, а как сделать чтоб данные ярлыки светились и в обычном каталоге.

#12 Stasya

Stasya

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

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

Отправлено 23 Апрель 2013 - 15:51

А выше написанное Вам не помогло?

Просмотр сообщенияStasya (23 Апрель 2013 - 14:54) писал:

В шаблоне HTML найдите блок
<h3 style="
	 margin-bottom: 0px;
	 color: #09C;
">Интересные <br>
предложения</h3>
<table>
<tr>
{% FOR index_page_goods %}
<td class="goodsListItem">
<div class="goodsListItemBlock withBorder cornerAll">
<table class="goodsListItemImage">
и после него вставьте
<tr>{% IF goods_empty %}
<td><div class="ProductIconNew">&nbsp;</div>
<img src="{ASSETS_IMAGES_PATH}icons_sale.png" alt="{index_page_new_goods.NAME}" /></a>
</td>{% ENDIF %}
</tr>


#13 REDMAID

REDMAID

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

  • Пользователи
  • PipPipPip
  • 152 сообщений

Отправлено 23 Апрель 2013 - 16:03

Просмотр сообщенияStasya (23 Апрель 2013 - 15:51) писал:

А выше написанное Вам не помогло?
Нет, в каталоге попреджнему ничего нет.
Этими действиями мы же прикрепляем картинку к блоку Интересные предложения, и они с блока Акции разные, или я не прав?

#14 Сake

Сake

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

  • Модератоpы
  • 5 979 сообщений

Отправлено 24 Апрель 2013 - 01:19

Для каталога необходимо вставлять код после

<div class="goodsListItemBlock withBorder cornerAll">

следующий код

{%IF goods.IS_NEW %}
<div class="ProductIconNew">&amp;nbsp;</div>
{%ELSEIF goods.IS_TOP%}
<div class="ProductIconHit">&amp;nbsp;</div>
{% ENDIF %}
{%IF goods.MAX_DISCOUNT>0 %}
<div class="ProductIconDiscount">&amp;nbsp;</div>
{% ENDIF %}

так же необходимо в файл стилей main.css добавить

.goodsListItemBlock {
position: relative;
}


#15 REDMAID

REDMAID

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

  • Пользователи
  • PipPipPip
  • 152 сообщений

Отправлено 24 Апрель 2013 - 11:41

Просмотр сообщенияСake (24 Апрель 2013 - 01:19) писал:

Для каталога необходимо вставлять код после

<div class="goodsListItemBlock withBorder cornerAll">

следующий код

{%IF goods.IS_NEW %}
<div class="ProductIconNew">&amp;nbsp;</div>
{%ELSEIF goods.IS_TOP%}
<div class="ProductIconHit">&amp;nbsp;</div>
{% ENDIF %}
{%IF goods.MAX_DISCOUNT>0 %}
<div class="ProductIconDiscount">&amp;nbsp;</div>
{% ENDIF %}

так же необходимо в файл стилей main.css добавить

.goodsListItemBlock {
position: relative;
}
Реализовал немного не так, но бех Вас не получилось бы, Вы очень помогли. Спасибо

#16 REDMAID

REDMAID

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

  • Пользователи
  • PipPipPip
  • 152 сообщений

Отправлено 22 Январь 2014 - 10:25

Добрый день!
Добавил товары в раздел ХИТ продаж, в общем каталоге над данными товарами появилась необходимая иконка, однако в списке "Хит  продаж" на главной странице иконка не появилась. В чем проблема?
www.dresstore.ru

#17 @lina_va

@lina_va

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

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

Отправлено 22 Январь 2014 - 11:18

Просмотр сообщенияREDMAID (22 Январь 2014 - 10:25) писал:

Добрый день!
Добавил товары в раздел ХИТ продаж, в общем каталоге над данными товарами появилась необходимая иконка, однако в списке "Хит  продаж" на главной странице иконка не появилась. В чем проблема?
www.dresstore.ru
Добрый день.
В html замените:

<!-- Список хитов продаж на главной -->
{% IFNOT index_page_favorites_goods_empty %}
  <div class="pad-box">
<h3><a href="{CATALOG_TOP_SALES_URL}" class="indexPage"></a></h3>
<table>
на

<!-- Список хитов продаж на главной -->
{% IFNOT index_page_favorites_goods_empty %}
<div class="ProductIconHit">&nbsp;</div>
  <div class="pad-box">
<h3><a href="{CATALOG_TOP_SALES_URL}" class="indexPage"></a></h3>
<table>


#18 REDMAID

REDMAID

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

  • Пользователи
  • PipPipPip
  • 152 сообщений

Отправлено 22 Январь 2014 - 12:38

Просмотр сообщения@lina_va (22 Январь 2014 - 11:18) писал:

Добрый день.
В html замените:

<!-- Список хитов продаж на главной -->
{% IFNOT index_page_favorites_goods_empty %}
<div class="pad-box">
<h3><a href="{CATALOG_TOP_SALES_URL}" class="indexPage"></a></h3>
<table>
на

<!-- Список хитов продаж на главной -->
{% IFNOT index_page_favorites_goods_empty %}
<div class="ProductIconHit">&nbsp;</div>
<div class="pad-box">
<h3><a href="{CATALOG_TOP_SALES_URL}" class="indexPage"></a></h3>
<table>
К сожалению не вышло! Вот что получилось

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

  • хар-ки.png


#19 @lina_va

@lina_va

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

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

Отправлено 22 Январь 2014 - 12:55

Просмотр сообщенияREDMAID (22 Январь 2014 - 12:38) писал:

К сожалению не вышло! Вот что получилось
Попробуйте заменить в html
<td class="goodsListItem">
<div class="goodsListItemBlock withBorder cornerAll">
<table class="goodsListItemImage">
<tr>
на
<td class="goodsListItem">
<div class="goodsListItemBlock withBorder cornerAll">
<div class="ProductIconHit">&nbsp;</div>
<table class="goodsListItemImage">
<tr>
сейчас должно получиться

#20 REDMAID

REDMAID

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

  • Пользователи
  • PipPipPip
  • 152 сообщений

Отправлено 22 Январь 2014 - 13:23

Просмотр сообщения@lina_va (22 Январь 2014 - 12:55) писал:

Попробуйте заменить в html
<td class="goodsListItem">
<div class="goodsListItemBlock withBorder cornerAll">
<table class="goodsListItemImage">
<tr>
на
<td class="goodsListItem">
<div class="goodsListItemBlock withBorder cornerAll">
<div class="ProductIconHit">&nbsp;</div>
<table class="goodsListItemImage">
<tr>
сейчас должно получиться
Да, Все получилось!
Спасибо большое!




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

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