Fórum OpenCart Brasil

Por um e-commerce livre, confiável e profissional

Suporte para Módulos e Caixas Laterais.
#42208
Galera, no meu não tem essa linhas de códigos acima.... aquui pra mim no arquivo do meu tema está assim;


<div class="slideshow">
<div id="slideshow<?php echo $module; ?>" class="nivoSlider" style="width: <?php echo $width; ?>px; height: <?php echo $height; ?>px;">
<?php foreach ($banners as $banner) { ?>
<?php if ($banner['link']) { ?>
<a href="<?php echo $banner['link']; ?>"><img src="<?php echo $banner['image']; ?>" alt="<?php echo $banner['title']; ?>" /></a>
<?php } else { ?>
<img src="<?php echo $banner['image']; ?>" alt="<?php echo $banner['title']; ?>" />
<?php } ?>
<?php } ?>
</div>
</div>
<script type="text/javascript"><!--
$(document).ready(function() {
$('#slideshow<?php echo $module; ?>').nivoSlider();
});
--></script>


Eu quero atrasar um pouco mais...... Por onde anda este arquivo?? srrsrs
#45074
Percebi que algumas pessoas não estão conseguindo, peço que preste um pouco de atenção aqui.
Na rais de seu site (opencart) vá até:
/catalog/view/theme/''SEU-TEMA''/template/module/slideshow.tpl <-- Abra a pata que está em ''negrito''

Agora vou usar o arquivo do amigo #Rcgama como exemplo:

$(document).ready(function() {
$('#slideshow<?php echo $module; ?>').nivoSlider();

Depois nivoSlider() ... Entre os parenteses () apenas coloque {pauseTime: 7000}

Pronto agora aquele número será o tempo que ira levar para trocar as imagens no slidershow, fique a vontade para configurar.

Para pessoas mais lentas que ainda não capitaram a ideia o arquivo ficara assim:

$(document).ready(function() {
$('#slideshow<?php echo $module; ?>').nivoSlider({pauseTime: 7000});


Obs: Alguns arquivos podem estar ainda diferentes desse e os banners do slideshow podendo ser trocados somente manualmente, para isso basta acrescentar logo após nivoSlider (aqui-no-lugar-do-que-esta-escrito) <-- ALI dentro coloque isso --> {pauseTime: 7000}


Espero ter ajudado! Deixe sua dúvida ou apenas agradeça!!
Fique com Deus..
#54249
PARABENS AMIGAO, DE PESSOAS COMO VC QUE O MUNDO PRECISA VALEU!!!! PERFEITO
juliocesar757 escreveu:No arquivo NOME_DE_SEU_TEMA/template/module/slideshow.tpl (se não encontrar o arquivo, procure por default/template/module/slideshow.tpl) encontre o trecho de código:
Código: Selecionar todos
$(document).ready(function() {
   $('#slideshow<?php echo $module; ?>').nivoSlider();
});
e mude para (aumente o número para aumentar o tempo de exibição de cada banner):
Código: Selecionar todos
$(document).ready(function() {
	$('#slideshow<?php echo $module; ?>').nivoSlider({pauseTime: 7000});
});
#56430
Muito legais essas dicas, mas em um template que estou usando os caras criaram um novo módulo para exibição de banners slideshow com esse código.
<div class="flexslider-outer">
<div class="flexslider">
<ul class="slides">
<?php foreach ($banners as $banner) { ?>
<li>
<?php if ($banner['link']) { ?>
<a href="<?php echo $banner['link']; ?>"><img src="<?php echo $banner['image']; ?>" alt="<?php echo $banner['title']; ?>" /></a>
<?php } else { ?>
<img src="<?php echo $banner['image']; ?>" alt="<?php echo $banner['title']; ?>" />
<?php } ?>
</li>
<?php } ?>
</ul>
</div>
</div>
Pesquisei as referências as classes flexslider etc, e notei que se trata de um código css3. Neste link dá umas dicas bem legais sobre esse assunto
http://www.tutoriart.com.br/como-criar- ... e-com-css/

O fato é que mesmo com várias leituras ainda não consegui alterar a transição entre os anúncios. Alguém tem alguma ideia?
#62208
No OPencart 2.0 esse arquivo está diferente

<div id="slideshow<?php echo $module; ?>" class="owl-carousel" style="opacity: 1;">
<?php foreach ($banners as $banner) { ?>
<div class="item">
<?php if ($banner['link']) { ?>
<a href="<?php echo $banner['link']; ?>"><img src="<?php echo $banner['image']; ?>" alt="<?php echo $banner['title']; ?>" class="img-responsive" /></a>
<?php } else { ?>
<img src="<?php echo $banner['image']; ?>" alt="<?php echo $banner['title']; ?>" class="img-responsive" />
<?php } ?>
</div>
<?php } ?>
</div>
<script type="text/javascript"><!--
$('#slideshow<?php echo $module; ?>').owlCarousel({
items: 6,
autoPlay: 3000,
singleItem: true,
navigation: true,
navigationText: ['<i class="fa fa-chevron-left fa-5x"></i>', '<i class="fa fa-chevron-right fa-5x"></i>'],
pagination: true
});
--></script>

Neste caso basta aumentar o valor de autoPlay para o desejado. Aqui eu usei autoPlay: 7000, e ficou ótimo.
#81765
Na versão que estou aqui que é 3.0.3.2 o caminho abaixo não existe:

/catalog/view/theme/''SEU-TEMA''/template/module/slideshow.tp


++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

Estou com o tema padrão da versão 3.0.3.2 e o caminho que tem aqui é:

/catalog/view/theme/default e depois não tem o resto do caminho


Pode me ajudar por favor???


Obrigado.







Taisson Martins escreveu:
20 Out 2013, 23:15
Percebi que algumas pessoas não estão conseguindo, peço que preste um pouco de atenção aqui.
Na rais de seu site (opencart) vá até:
/catalog/view/theme/''SEU-TEMA''/template/module/slideshow.tpl <-- Abra a pata que está em ''negrito''

Agora vou usar o arquivo do amigo #Rcgama como exemplo:

$(document).ready(function() {
$('#slideshow<?php echo $module; ?>').nivoSlider();

Depois nivoSlider() ... Entre os parenteses () apenas coloque {pauseTime: 7000}

Pronto agora aquele número será o tempo que ira levar para trocar as imagens no slidershow, fique a vontade para configurar.

Para pessoas mais lentas que ainda não capitaram a ideia o arquivo ficara assim:

$(document).ready(function() {
$('#slideshow<?php echo $module; ?>').nivoSlider({pauseTime: 7000});


Obs: Alguns arquivos podem estar ainda diferentes desse e os banners do slideshow podendo ser trocados somente manualmente, para isso basta acrescentar logo após nivoSlider (aqui-no-lugar-do-que-esta-escrito) <-- ALI dentro coloque isso --> {pauseTime: 7000}


Espero ter ajudado! Deixe sua dúvida ou apenas agradeça!!
Fique com Deus..
#82329
Olá, @caelson1
Para versão 3.X:
Arquivo:
catalog\view\theme\default\template\extension\module\slideshow.twig

Procure por:
Código: Selecionar todos
autoplay: 2500,
Altere para valores acima até ficar de acordo com o que deseja.

Observações:
- Antes de qualquer alteração efetue o backup dos arquivos;
- Após realizar as mudanças limpe o cache das modificações, do tema e do browser caso não haja ação mesmo executando os passos acima que citei.

Se preferir um módulo com mais funções:
https://www.codemarket.com.br/produto/s ... s-posicoes

Boa sorte!
[Resolvido] Melhorar o campo de busca

Entendi Manoel, É que tenho mais de 2000 […]

Olá, Que tipo de htmls seriam? A ló[…]

Pessoal, como vocês lidam com a frequê[…]

Orçamento por Produtos

Olá, Desenvolvi em 2014 o Sob Consulta que[…]