Personalização da faixa informativa

Share on facebook
Share on google
Share on twitter
Share on linkedin

Alguns templates gratuitos da WeShop, como o Boutique, Geek ou Secret, possuem mini banners e uma faixa informativa na página principal. Nesta lição, vamos aprender como modificá-los.

Alterando as informações da faixa informativa do tema Boutique ou Geek

Acima, temos um exemplo de uma faixa informativa, referente aos temas Boutique ou Geek. Caso queira alterar os dados dela, como título ou subtítulo, acesse seu painel administrativo e vá em Layout >> Definir Página Principal >> Código Fonte, depois disso, aperte CTRL + F e pesquise pelo título ou subtítulo que deseja alterar. Neste caso, iremos utilizar o “Frete Grátis”.

 

<p><b>Frete Grátis*</b> <span><a href=”#>Nas compras acima de R$ 179,90</a></span></p>

 

No código acima, o texto “Frete Grátis*” se refere ao título e “Nas compras acima de R$ 179,90” ao subtítulo. Para alterá-los, apenas apague o texto e escreva o que desejar.

O atributo href, que está na cor laranja, refere-se ao link para qual essa box irá redirecionar caso cliquem nela. Para fazer esse redirecionamento, é necessário alterar a # pelo link que desejar.

Feito isso, apenas salve as alterações e aplique o cache, clicando na nuvem laranja. Deste modo, a alteração na faixa informativa será concluída.

 

Alterando as informações da faixa informativa do tema Secret

Acima, temos um exemplo de uma faixa informativa, referente ao tema Secret. Caso queira alterar os dados dela, como título ou ícone, acesse seu painel administrativo e vá em Layout >> Boxes / Barras >> Categorias em Horizontal >> Clique no Lápis para realizar a edição e depois em “Código Fonte”, agora, aperte CTRL + F e pesquise pelo título que deseja alterar. Neste caso, iremos utilizar o “Frete Grátis”.

OBS: Ao acessar o caminho, Layout >> Boxes / Barras >> Categorias em Horizontal >> Lápis, haverá os textos da faixa informativa dentro da box, porém, é necessário alterá-los no “Código Fonte”, para evitar quebras de Layout.

 

<i class=”fas fa-truck”></i><span>FRETE GRÁTIS A PARTIR DE R$250*</span>

 

No código acima, o texto “FRETE GRÁTIS A PARTIR DE R$250*” se refere ao título. Para alterá-lo, apenas apague o texto e escreva o que desejar.

Enquanto o “<i class=”fas fa-truck”></i>”, se refere ao código do ícone que será exibido junto ao texto. Para alterá-lo, recomendamos acessar o site fontawesome.com e escolher o ícone desejado. Em seguida, dentro da página do ícone, na parte superior esquerda, haverá um código semelhante ao mostrado acima, clique nele para copiá-lo e cole no código, onde está o código em azul mostrado acima.

Feito isso, apenas salve as alterações e aplique o cache, clicando na nuvem laranja. Deste modo, a alteração na faixa informativa será concluída.