Criando Slideshow no Memphis

Para criar um SlideShow no Template Memphis, estaremos disponibilizando um código fonte.

Este código fonte você precisará inserir no seguinte caminho:

Hotsite > Conteúdo> Administrar módulos > Novo

Captura de Tela 2020-05-07 às 14.05.38.png

Ao criar um novo módulo é necessário que vc coloque algumas informações importantes:

  • Habilitado: Sim
  • Posição: Centro 1
  • Tipo do módulo: HTML
  • Agora Salve.

Agora na Aba Conteúdo HTML será necessário você adicionar um código fonte, clique na aba e abrirá essa página.

Captura de Tela 2020-05-07 às 14.18.31.png

Ali no campo ID conteúdo HTML, você clica na luta e na próxima página clica em Novo.

Captura de Tela 2020-05-07 às 14.18.44.png

Então aparecerá esta tela...

Captura de Tela 2020-05-07 às 14.20.57.png

Aqui você terá que dar um Título para este conteúdo HTML, pode colocar SlideShow.

E no espaço embranco embaixo clique no botão Código Fonte e cole o código que estará abaixo.

-----------------------------CÓDIGO FONTE ------------------------------

<div class="carousel slide" data-ride="carousel" id="slideCarousel">

<ol class="carousel-indicators" style="bottom: -10px !important;">

<li class="active" data-slide-to="0" data-target="#slideCarousel"> </li>

<li data-slide-to="1" data-target="#slideCarousel"> </li>

<li data-slide-to="2" data-target="#slideCarousel"> </li>

<li data-slide-to="3" data-target="#slideCarousel"> </li>

<li data-slide-to="4" data-target="#slideCarousel"> </li>

</ol>

<div class="carousel-inner">

<div class="item active"><img alt="Promoção ITTV" src="/template/memphis2/images/img01.jpg" style="width:100%; min-height: 155px;" /></div>

<div class="item"><img alt="Turbine sua conexão" src="/template/memphis2/images/img02.jpg" style="width:100%; min-height: 155px;" /></div>

<div class="item"><img src="/arquivos/img01.jpg" style="width:100%; min-height: 155px;" /></div>

<div class="item"><img src="/arquivos/img02.jpg" style="width:100%; min-height: 155px;" /></div>

<div class="item"><img src="/arquivos/img03.jpg" style="width:100%; min-height: 155px;" /></div>

</div>

<a class="left carousel-control" data-slide="prev" href="#slideCarousel"><span class="sr-only">Anterior</span></a><a class="right carousel-control" data-slide="next" href="#slideCarousel"><span class="sr-only">Próximo</span></a>

<div class="flex">

<div class="bloco bloco-assinante animated bounceInDown">

<div class="imagem hidden-xs"><img class="img-responsive" src="/template/memphis2/images/central.jpg" style="width: 200px;" /></div>

<div class="conteudo">

<h2>Central do<br />

Assinante</h2>

<a class="btn" href="index.php?tipo=minhaconta" id="0">Minha conta</a></div>

</div>

</div>

</div>

-----------------------------FIM CÓDIGO FONTE ------------------------------

Salve o código e feche a janela do conteúdo html. e Insira o registro no módulo.

Captura de Tela 2020-05-07 às 14.31.25.png

A lógica aqui é o seguinte, você tem um módulo chamado slideshow e disse que ele será do tipo que tem um html. Então você criou o conteúdo html, agora precisa dizer que este conteúdo html pertence ao módulo slide show.

Então vai ficar assim:

Captura de Tela 2020-05-07 às 14.35.04.png

Pronto, salve. Agora volte na página módulos e desabilite o módulo Topo.

Agora você precisa carregar as imagens dos seus slides no servidor.

Aqui tem de uma forma muito simples como fazer nesse link abaixo:

Carregue 3 imagens com os nomes das imangens: img01.jpg, img02.jpg e img03.jpg

http://wiki.ixcsoft.com.br/index.php/Inserindo_Imagem_no_Sistema_Facilmente

Pronto praticamente seu slideshow estará funcionando e ficará parecido com este.

Captura de Tela 2020-05-07 às 14.42.50.png

-

Voltar ao menu Hotsite