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&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
