Como colocar Slideshow no Memphis

O slideshow permite visualizar várias imagens que ficam passando automaticamente no início do site, pode ser colocado entre 1 à 5 imagens.

O primeiro passo é desabilitarmos o módulo Topo. Vá em Hotsite > Conteúdo > Administrar módulos. Selecione a opção Topo, e clique em Editar. Vá até o campo Habilitado e Desabilite.

Captura de Tela 2020-10-08 às 16.12.36.png

Agora Vá em Hotsite > Conteúdo > Administrar Artigos. Selecione a opção Página Inicial e clique em Editar. Siga até a aba Conteúdo Código fonte.

Copie todo o código abaixo:

-----------------------------------------------------------------------------------------------------------------------------------------------------------

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

</ol>

<div class="carousel-inner">

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

<div class="item"><img alt="Turbine sua conex?o" src="/arquivos_publicos/clicks.jpg" style="width:100%; min-height: 155px;" /></div>

<div class="item"><img src="/arquivos_publicos/dmc44.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"> </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>

<h2 style="text-align: center; padding-top: 3%;"> </h2>

-----------------------------------------------------------------------------------------------------------------------------------------------------------

Agora antes da primeira linha cole todo este código e salve.

Agora basta adicionar as imagens e chamar cada uma delas dentro da tag <img src="NomeDaImagem">

Para subir as Imagens do seu computador para o servidor acesse este outro tutorial. Inserindo Imagem no Sistema Facilmente.

-

Voltar ao menu Hotsite