Hello,
I want to ask how can I increase the banner timeout, because rolling too fast ... there is no time to read the text even if it is just 3-4 words. Now it change on 3 seconds I think .. I think if it is 8 it will be OK!
Thanks in advance!
Regards,
Rumen
Slideshow:
Banner:
Carousel:
In these files, find:
Change to what you need, for example 8 seconds:
Code: Select all
catalog\view\theme\default\template\extension\module\slideshow.twig
Code: Select all
catalog\view\theme\default\template\extension\module\banner.twig
Code: Select all
catalog\view\theme\default\template\extension\module\carousel.twig
Code: Select all
autoplay: 2500,
Code: Select all
autoplay: 8000,
I put all of them to 8000 but still works at 2500 http://www.transfer.photography/
Code: Select all
<div class="swiper-viewport">
<div id="banner{{ module }}" class="swiper-container">
<div class="swiper-wrapper">{% for banner in banners %}
<div class="swiper-slide">{% if banner.link %}<a href="{{ banner.link }}"><img src="{{ banner.image }}" alt="{{ banner.title }}" class="img-responsive" /></a>{% else %}<img src="{{ banner.image }}" alt="{{ banner.title }}" class="img-responsive" />{% endif %}</div>
{% endfor %}</div>
</div>
</div>
<script type="text/javascript"><!--
$('#banner{{ module }}').swiper({
effect: 'fade',
autoplay: 8000,
autoplayDisableOnInteraction: false
});
--></script>
Code: Select all
<div class="swiper-viewport">
<div id="slideshow{{ module }}" class="swiper-container">
<div class="swiper-wrapper"> {% for banner in banners %}
<div class="swiper-slide text-center">{% if banner.link %}<a href="{{ banner.link }}"><img src="{{ banner.image }}" alt="{{ banner.title }}" class="img-responsive" /></a>{% else %}<img src="{{ banner.image }}" alt="{{ banner.title }}" class="img-responsive" />{% endif %}</div>
{% endfor %} </div>
</div>
<div class="swiper-pagination slideshow{{ module }}"></div>
<div class="swiper-pager">
<div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div>
</div>
</div>
<script type="text/javascript"><!--
$('#slideshow{{ module }}').swiper({
mode: 'horizontal',
slidesPerView: 1,
pagination: '.slideshow{{ module }}',
paginationClickable: true,
nextButton: '.swiper-button-next',
prevButton: '.swiper-button-prev',
spaceBetween: 30,
autoplay: 8000,
autoplayDisableOnInteraction: true,
loop: true
});
--></script>
Code: Select all
<div class="swiper-viewport">
<div id="carousel{{ module }}" class="swiper-container">
<div class="swiper-wrapper">{% for banner in banners %}
<div class="swiper-slide text-center">{% if banner.link %}<a href="{{ banner.link }}"><img src="{{ banner.image }}" alt="{{ banner.title }}" class="img-responsive" /></a>{% else %}<img src="{{ banner.image }}" alt="{{ banner.title }}" class="img-responsive" />{% endif %}</div>
{% endfor %}</div>
</div>
<div class="swiper-pagination carousel{{ module }}"></div>
<div class="swiper-pager">
<div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div>
</div>
</div>
<script type="text/javascript"><!--
$('#carousel{{ module }}').swiper({
mode: 'horizontal',
slidesPerView: 5,
pagination: '.carousel{{ module }}',
paginationClickable: true,
nextButton: '.swiper-button-next',
prevButton: '.swiper-button-prev',
autoplay: 8000,
loop: true
});
--></script>
Are you using a custom theme? If yes, look for those files in your theme directory and then make sure your caches is cleared.
Your change has not been applied. Probably still cache.
Please see attached.
Please see attached.
Attachments
Untitled.png (311.18 KiB) Viewed 973 times
Who is online
Users browsing this forum: No registered users and 521 guests