Nicolas (14 Апрель 2016 - 12:10) писал:
Добрый день! Мой аккаунт SL-36430.
1. Возможность установки отдельной не повторяющейся картинки на странице списка Акций. рис. 1
На каждую Акцию устанавливаю свою картинку.
1) Такое можно реализовать лишь через условия. в шаблоне Список акций (для каждой новой акции прописывать условия и в коде прописывать картинку). Вас устроит такой вариант?
Подскажите, как это конкретно реализовать? Я не совсем понял что и где менять и в коде прописывать...
2). Можно ли реализовать, чтобы у товаров, которые участвуют в акции был значок вроде "Sale" или "Акция" в каталоге товара и на самой карточке? По аналогии с "Хит" и "Новинка". Во вложении принтскрин.
Спасибо!
С Уважением,
Николай
Здравствуйте,
1) В шаблоне "Список акций" есть код:
<img class="goods-cat-image-medium" src="{% IF promotion_campaign.NAME=супер акция %}{ASSETS_IMAGES_PATH}path.jpg?design=spring{% ELSE %}{ASSETS_IMAGES_PATH}sale_default_gray.jpg?design=spring{% ENDIF %}" alt="{promotion_campaign.NAME}" />
Это код картинки, для акции можно прописать разные картинки для акции. где привязка будет по названию. Чтобы это сделать, нужно необходимые картинки загрузить в редакторе шаблонов. Далее код, что выше заменить на код:
<img class="goods-cat-image-medium" src="{% IF promotion_campaign.NAME=супер акция %}{ASSETS_IMAGES_PATH}path.jpg?design=spring
{% ELSEIF promotion_campaign.NAME = Новая акция %} ссылка на картинку для акции с названием "Новая акция"
{% ELSEIF promotion_campaign.NAME = Акция %} ссылка на картинку для акции с названием "Акция "
{% ELSE %}{ASSETS_IMAGES_PATH}sale_default_gray.jpg?design=spring {%ENDIF%}" alt="{promotion_campaign.NAME}" />
Как пользоваться этим кодом:
<img class="goods-cat-image-medium" src="{% IF promotion_campaign.NAME=супер акция %}{ASSETS_IMAGES_PATH}path.jpg?design=spring
{% ELSEIF promotion_campaign.NAME = Новая акция %} ссылка на картинку для акции с названием "Новая акция"
{% ELSEIF promotion_campaign.NAME = Акция %} ссылка на картинку для акции с названием "Акция "
{% ELSE %}{ASSETS_IMAGES_PATH}sale_default_gray.jpg?design=spring {%ENDIF%}" alt="{promotion_campaign.NAME}" />
Для каждой акции нужно добавить код, такой же как я выделила, только нужно заменить названия акций на свои и ссылку на необходимое изображение перед {% ELSE %} (так же выделила) .
2) В шаблоне Товары найдите код:
{% IF goods.IS_NEW %}
<span class="new_prod">Новинка</span>
{% ELSEIF goods.IS_TOP %}
<span class="new_prod">Хит</span>
{% ENDIF %}
и замените его на код:
{% IF goods.IS_NEW %}
<span class="new_prod">Новинка</span>
{% ELSEIF goods.IS_TOP %}
<span class="new_prod">Хит</span>
{% ELSEIF goods.MAX_DISCOUNT %}
<span class="sale">Акция</span>
{% ENDIF %}
в main.css добавьте код:
.sale {
display: block;
width: 60px;
height: 21px;
position: absolute;
left: 0;
top: 0;
background: red;
color:#fff;
}
в шаблоне Товар найдите код:
{% IF GOODS_IMAGE_EMPTY %}
<img src="{ASSETS_IMAGES_PATH}no-photo-medium.png?design=spring" alt="{GOODS_NAME}" title="Увеличить {GOODS_NAME}" class="thumbnail .goods-image-medium "/>
{% ELSE %}
<a itemprop="image" href="{GOODS_IMAGE_LARGE}" title="Увеличить {GOODS_NAME}" class="cloud-zoom" id="zoom1" rel="position: 'inside', showTitle: false, adjustX:-4, adjustY:-4" style="position: relative; display: block;">
<img src="{GOODS_IMAGE_MEDIUM}" title="{GOODS_NAME}" alt="{GOODS_NAME}" id="image" style="display: block;" class=".goods-image-medium" />
</a>
{% ENDIF %
и после него добавьте код:
{% IF GOODS_MOD_MAX_DISCOUNT %}
<span class="sale">Акция</span>
{% ENDIF %}
Можно этот стикер сделать картинкой, для этого код:
.sale {
display: block;
width: 60px;
height: 21px;
position: absolute;
left: 0;
top: 0;
background: red;
color:#fff;
}
замените на код:
.sale {
display: block;
width: 50px;
height: 50px;
position: absolute;
left: 0;
top: 0;
background: url("ссылка на картинку");
color:#fff;
}
"ссылка на картинку" замените на соответствующую ссылку.
а в шаблоне товар и товары код:
<span class="sale">Акция</span>
замените на код:
<span class="sale"></span>
картинка будет квадратная 50*50 пикселей, все значения можно изменить.
2
