Fórum OpenCart Brasil

[Mr. MagoO]

Boa tarde amigos, tudo bom?

O Opencart mais antigo, tinha as passagens das imagens do slideshow bem legais, uma diferente da outra.

Na versão 2.1.0.1 que estou montando a loja, o slideshow passa somente da direita pra esquerda, sem movimentos legais.

Procurei alguma coisa sobre, porém apenas achei modulos para venda no site oficial da opencart.

Tem algum outro caminho que possa utilizar?

Obrigado desde já.

[valdeir2000]

http://owlgraphic.com/owlcarousel/demos ... tions.html

Basta editar o arquivo catalog/view/theme/*/template/module/slideshow.tpl

[Mr. MagoO]

Muito legal Valdeir2000, gostei mais do fadeup.

Bom como eu não sei onde editar no arquivo, substituir as linhas, adicionar em quais locais, etc...

você pode me dar uma ajuda mais detalhada do que fazer exatamente com o arquivo?

Obrigado desde já.

[quegaroto]

Ótimo tópico !!!
Tirou o tópico da minha mente !!!
Quem poder fazer esse tutorial de forma simples e clara, não só eu como muita gente, ficaríamos muito agradecidos !!!
Esse é o tipo de item que deveria vir nativo no opencart, junto seus os controladores.

Atenciosamente,
NossaLimpeza.com

[valdeir2000]

Para quem não tem um conhecimento em JS, recomendo utilize os módulos.

No link abaixo tem alguns gratuitos
http://www.opencart.com/index.php?route ... _license=0

[Mr. MagoO]

Bom dia Valdeir2000, para que o slideshow fique igual a página que sugeriu (http://owlgraphic.com/owlcarousel/demos ... tions.html) é muito complicado fazer?

vi que ao inserir o código, dá pra mudar o tipo de transição conforme mudar o nome no código... fade, fadeup, etc.

Sobre os módulos, não consegui encontrar um free que se assemelhe ao sugerido primeiramente por você, pois o efeito fade e fadeup é muito bom e elegante.

Por favor, me ajude se possível?

OBrigado.

[valdeir2000]

Eu até tentei bolar um pequeno tutorial, mas me esbarrei em um bug do plugin.

Em tese, bastaria o código

Código: Selecionar todos

transitionStyle: "fade",

depois do

Código: Selecionar todos

$("slideshow-<?php echo $module_row ?>").owl({ //Algo assim

e funcionaria, mas fui barrado por esse problema. https://github.com/OwlFonk/OwlCarousel/issues/346

Tentei corrigi o arquivo porém o erro continuou, então a melhor saída era atualizar para versão 2.0 do plugin, porém está em fase beta, e por isso não fiz o tutorial.

Talvez eu faça (depende do feedback de vocês), porém é um talvez, além de que poderá ser um pouco mais trabalhoso para fazer.

Sobre o módulo, esse tem exatamente o efeito que você deseja (fade).
http://www.opencart.com/index.php?route ... _license=0

Demo: https://www.magictoolbox.com/demo/magicslideshow/ (Última opção da primeira coluna)

[Mr. MagoO]

Olá Valdeir, este modulo eu ainda nao instalei, pois segue abaixo o que está descrito:

Create beautiful image slideshows on your OpenCart site with the powerful Magic Slideshow™.

Place slideshows on your homepage, product pages, category pages. Install the module, then edit your template where you want your slideshow.

Try the demo here!

Download the free trial now. To remove the "Please upgrade" message, buy a license for $39.

Pelo que entendi ele é free porém fica uma msg para dar upgrade, no caso tem que pagar para sair a msg... confere isso??

Aguardo retorno, obrigado!!

[valdeir2000]

Eu não sei como funciona, ou onde aparece a mensagem. Se possível cria uma loja teste e instala ele.