Editar planos

Esta wiki tem o intuito de mostrar como editar os planos do seu template Master.

Os planos estão disponíveis em duas páginas, na inicial e na de planos, vamos aprender como editar as duas.

Começamos na página inicial. Siga os passos da imagem para encontrar o local do sistema onde serão feitas as edições:

Agora que já estamos no artigo, vamos descer esta parte do conteúdo até encontramos os planos, como na imagem a baixo. Perceba que está num editor de texto, então basta apagar o conteúdo que deseja e substituir pelo novo. Após editar clique em salvar e pronto, se recarregar seu site as alterações já vão estar aplicadas.

Agora vamos para a página de planos. Há um diferença entre uma e outra, onde a página inicial o conteúdo é estático, mas a página de planos tem um conteúdo dinâmico, que é relacionado com os produtos cadastrados em seu sistema IXC.

Caso queiras inserir mais planos na página de inicial, será preciso editar via código, desta forma:

Código para adicionar:

<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 pricing--item pt--10 ">

<div class="title ">

<h3 class="h4" style="padding:0px"><span class="vc--parent" style="position:relative; height:100px; display:block"><img src="template/master/images/1estrela.png" style="position:absolute; top:-8px; left:0; height:100%" /><span class="vc--child" style="position:absolute; width:100%; text-align:center; bottom:10px; padding:0px; z-index:999"><b>Básico</b></span> </span></h3>

</div>

<div class="price">

<p>80<small>Mbps</small></p>

</div>

<div class="price" style="font-size: 25px; margin: 20px; line-height: 20px;">

<p><b>R$ 109,90/mês</b></p>

</div>

<div class="features">

<ul class="nav" style="display: flex; justify-content: center; flex-direction: column;">

<li><b>Velocidade 80Mbps</b></li>

<li>Upload 30Mbps</li>

<li>Download Ilimitado</li>

<li>Wi-fi Gratuito</li>

<li>BRDouble - 5 dias/mês</li>

</ul>

</div>

<div class="action"><a class="btn btn-default" href="/index.php?tipo=ecommerce&amp;page=produtos">Ver Planos</a></div>

</div>

*col-lg-4 col-md-4 col-sm-4: é referente ao espaço que o campo vai ocupar, para entender melhor, veja informações sobre o grid bootsrap.

Cole a informação abaixo do campo marcado em vermelho, conforme a imagem abaixo:

Após isto, só clicar em salvar e em seguida será possível visualizar a modificação na página inicial:

Para configurarmos a página de planos precisamos acessar os produtos e marcar uma opção chamada mostrar no Hotsite, como mostra a imagem:

Os dados apresentado no site vão ser de acordo com o plano em questão cadastrado no sistema, para alterar no site então é necessário alterar o produto.

Podemos também mexer na ordem em que eles são apresentados e inserir uma imagem junto a eles, como mostra nas imagens, respectivamente:

Feito as alterações necessárias basta salvar para estar disponíveis no site.

-

Retornar ao menu Single Page

Voltar ao menu Hotsite