Adicionar bloco de planos flexíveis

Essa wiki tem por objetivo auxiliar na adição dos blocos de planos flexíveis em seu site na página inicial, totalizando quatro planos/blocos.

1. Para adicionar o novo bloco de planos, precisará seguir este caminho: Menu Sistema > Hotsite > Pasta conteúdo > Administrar artigos > Página inicial > Editar. Siga até a aba Conteúdo > Código fonte.

2. Com a página maximizada, para facilitar você deve pressionar CTRL + F e pesquisar pelo termo “pricing” adicionando nesta linha depois de pricing o seguinte código:

style="margin:0px auto 0px auto; width:100%; max-width:1200px;"

Ficando desta maneira:

3. Novamente com o CTRL + F pesquise pela linha “col-lg-4 col-md-4 col-sm-4 col-xs-12”, neste momento irá encontrar três linhas com este comando, substitua por este comando nessas três linhas “col-lg-3 col-md-3 col-sm-3 col-xs-12”, ficando da seguinte maneira:

4. Após alterado as colunas, precisa estar copiando e colando essa div do plano inteira (código abaixo), assim totalizando quatro colunas de planos, ou seja, é necessário ter quatro blocos iguais do código abaixo.

<h2><span>R$ 49,90</span> /Mês</h2>

<ul>

<li>Lorem ipsum</li>

<li>Lorem ipsum</li>

<li>Lorem ipsum</li>

</ul>

<a href="/index.php?tipo=ecommerce&amp;page=produtos"><input type="button" value="Ver planos" /></a></div>

</div>

<div class="col-lg-3 col-md-3 col-sm-3 col-xs-12" data-aos="zoom-in-down" data-aos-delay="500" style="padding-top: 20px;">

<div class="plano-iten">

<header>

<h4>Básico</h4>

</header>

5. Salve e atualize seu site, retornando as quatro colunas de planos conforme é apresentado na imagem abaixo.

-

Voltar ao menu - Hotsite