Widget Alertas Destaque

Painel > Marketing > Alertas destaque 

# HTML
{% set alertas = store.featuredIcon() %}
<div id="alerts">
	<div class="central">
		{% for alerta in alertas %}
			{% set icone = alerta.icone_tipo == '1' ?
				'<i class="fa ' ~ alerta.icone ~ '" style="color: ' ~ alerta.cor_icone ~ '"></i>' :
				'<img src="' ~ alerta.icone ~ '" alt="' ~ alerta.nome ~ '" />'
			%}
			{% if alerta.link %}
			<p><a href="{{ alerta.link }}" target="{{ alerta.target }}">{{ icone|raw }} <span>{{ alerta.nome|raw }}</span></a></p>
			{% else %}
			<p style="background-color: {{ alerta.cor_fundo }}">{{ icone|raw }} <span>{{ alerta.nome|raw }}</span></p>
			{% endif %}
		{% endfor %}
	</div>
</div>
// CSS
#alerts{
	width: 100%;
	float: left;
	padding: 10px 0;
	text-align: center;
	p{
		text-align: center;
		display: inline-block;
		background-color: #FFF;
		padding: 5px 20px;
		font-size: 16px;
		line-height: 20px;
		vertical-align: top;
		i{
			font-size: 30px;
			vertical-align: inherit;
			margin-right: 5px;
			margin-bottom: 10px;
			display: block;
			line-height: 30px;
		}
		img{
			max-height: 30px;
			display: block;
			margin: 0 auto 10px auto;
		}
		span{
			vertical-align: middle;
		}
	}
}