Para que possa exibir o selo de desconto progressivo e também o banner promocional realizado ao desconto, é necessário que realize a configuração diretamente em seu layout.
Para isso é necessário na pagina de Produto a utilização do Objeto ProgressiveDiscounts
Esse Objeto retorna as informações abaixo:
[0] => Array
(
[name] => 2 por 100
[description] => Na compra de dois produtos na loja você para apenas o preço de um!!
[tag] => 2 por 100
[banner] => https://images.tcdn.com.br/img/img_prod/558228/banner_discount_1_20190725114702.png
)
Dessa forma é possivel montar um banner da seguinte forma:
{% for discount in ProgressiveDiscounts %}
{% if discount.banner %}
<img src="{{ discount.banner }}" alt="{{discount.name}}"/>
{% endif %}
{% endfor %}
Ou então exibir um selo cadastrado através do recurso de desconto progressivo.
{% for discount in ProgressiveDiscounts %}
{% if discount.tag %}
<div class="banner-progressive-discounts">
<h3>{{discount.tag}}</h3>
<p>{{discount.description}}</p>
</div>
{% endif %}
{% endfor %}
por exemplo:
Paginas de Vitrine
Nas paginas de listagem como Home, Categoria ou Busca é possivel exibir o selo de desconto progressivo.
Nessas paginas o retorno do recurso é através do Objeto Product, por meio do campo ProgressiveDiscounts, onde são retornadas as mesmas informações do Objeto ProgressiveDiscounts na pagina de produto.
Por exemplo:
{% for discount in product.ProgressiveDiscounts %}
{% if discount.tag %}
<div class="banner-progressive-discounts">
<h3>{{discount.tag}}</h3>
<p>{{discount.description}}</p>
</div>
{% endif %}
{% endfor %}
Comentários