Nicolas (14 Апрель 2016 - 12:10) писал:
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 пикселей, все значения можно изменить.