Can I Post One Banner Without It Flashing?
I'm trying to post one banner on the front page of my shop, but it seems that all options to post banners are only set to multiple banners and so my banner won't stop flashing every 5 seconds.
Is there an option to post a banner without the flashing every 5 seconds?
I used the html option, but I hate how the html option forces that big chunk of space between the category menu and the html section. The banner option was closer to the category menu. 
Selective555 wrote:Can I Post One Banner Without It Flashing?
I'm trying to post one banner on the front page of my shop, but it seems that all options to post banners are only set to multiple banners and so my banner won't stop flashing every 5 seconds.
Is there an option to post a banner without the flashing every 5 seconds?
Is there a Solution to this as I am having the same issue .
yes a quick fix it to add two of the same banners in the banner section and it should transition onto itself showing only a minimal fade.
Sorry for not posting a follow up to this topic.Tobin wrote:Selective555 wrote:Can I Post One Banner Without It Flashing?
I'm trying to post one banner on the front page of my shop, but it seems that all options to post banners are only set to multiple banners and so my banner won't stop flashing every 5 seconds.
Is there an option to post a banner without the flashing every 5 seconds?
Is there a Solution to this as I am having the same issue .
There is actually a solution.
You see, there are 3 timing sequences. The image itself (how long it sits on the page), and the fade out transition, and again for the fade in transition.
The flash is caused by the fade out and fade in times being preset. So by changing their times to "0", the flash will vanish, and then it doesn't matter if you only have one banner, as it will just repeat the single banner without a flash.
Here is the solution, get this Extension
http://forum.opencart.com/viewtopic.php?f=124&t=135788
The Extension works for these three mods (Slideshow / Banners / Carousel)
Then once this Extension is installed and working,
Change both "Slide Speed" and "Pagination Speed" to "0"
Slide Speed = Transition Out
Pagination Speed = Transition In
Auto Play = The Time The Banner Sits On The Page Before Next Image
The solution to the Blinking Banner has had me going crazy for about a month . Here is the solution
In the banner Template File
catelog > view > theme > default > template > module > banner.tpl
search for
and replace with
In the banner Template File
catelog > view > theme > default > template > module > banner.tpl
search for
Code: Select all
transitionStyle: 'fade' Code: Select all
transitionStyle: 'none'The only problem with that method, is it will happen with all banners that you create. If you want to create different banners, where some will and others won't, or even some that do it differently, then the extension I posted above is a better solution.Tobin wrote:The solution to the Blinking Banner has had me going crazy for about a month . Here is the solution
In the banner Template File
catelog > view > theme > default > template > module > banner.tpl
search forand replace withCode: Select all
transitionStyle: 'fade'Code: Select all
transitionStyle: 'none'
I created a MOD, take a look at it ---> Latest News/Messages Scroll Across Top Of Shop (MOD)
This solves the issue with multiple banners vs 1 banner
Code: Select all
<div id="banner<?php echo $module; ?>" class="owl-carousel">
<?php $bannercount=0; ?>
<?php foreach ($banners as $banner) { ?>
<div class="item">
<?php if ($banner['link']) { ?>
<?php
$bannercount++;
$bannertransition="fade";
?>
<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>
<?php if ($bannercount > 1) {
$bannertransition="fade";
}else{
$bannertransition="none";
}
?>
<script type="text/javascript"><!--
$('#banner<?php echo $module; ?>').owlCarousel({
items: 6,
autoPlay: 3000,
singleItem: true,
navigation: false,
pagination: false,
transitionStyle: '<?php echo $bannertransition; ?>'
});
--></script>
Thanks, saleevent, for your effort. The code above stopped the flashing in a single banner. BUT now multiple banner changes the banner only once and stops to the second (and the last in my case) banner.
What should be coded differently, if I want those two banners to show properly continuously?
Thanks in advance!
What should be coded differently, if I want those two banners to show properly continuously?
Thanks in advance!
Who is online
Users browsing this forum: Baidu [Spider] and 83 guests
