Copie o código abaixo e cole na página da sua loja virtual ou site.
<script async src="https://cdn.rawgit.com/kazzkiq/Banner-Contra-ICMS/master/icms-banner.js"></script>
O código criará um banner responsivo no topo da sua página como na imagem acima.
O código irá gerar uma barra amarela que permite o usuário assinar a petição, ou fechar o banner. Qualquer um dos botões, quando clicados, fecham o banner e não voltam a aparecer no navegador do usuário (a não ser que ele limpe os dados do navegador ou mude de computador).
Caso o banner apresente algum problema no seu layout, você pode estilizá-lo criando seu próprio CSS. A estrutura CSS do banner é a seguinte:
.icms--banner, .icms--banner * {
box-sizing: border-box;
}
.icms--banner {
/* Corpo do banner, parte amarela */
}
.icms--banner__container {
/* Espaço onde o conteúdo fica */
}
.icms--banner__container img {
/* Estilo da imagem lateral */
}
.icms--banner__container h2 {
/* Estilo do título */
}
.icms--banner__container p {
/* Estilo do texto */
}
.icms--banner__container a {
/* Estilo do botão da Petição */
}
.icms--banner__cancel{
/* Estilo do botão de fechar o banner */
}