How Can I Change The Speed Of The Banner Rotator? Any Clue? [Solved] Thanks Ecomlabs! :p

Store Builder Questions
1

Thats my question.

How can I change the speed of the banner rotator? I’ll like to increase the speed of the transition.

any clue?

Thanks friends 8)

2

Hi Rafass,

Please follow this Screenshot by Lightshot



I hope that helps,



—

Valentin

[color=#808080][size=2]part of hungryweb.net[/size][/color]

3

Thanks Vali, but I want to change the speed of the transition. Not the time between each image. Just the time of the transition. There are some way to change that in the script?

4

[quote name='Rafass' timestamp='1413219586' post='194052'] Thanks Vali, but I want to change the speed of the transition. Not the time between each image. Just the time of the transition. There are some way to change that in the script? [/quote]



Try the following:


  1. Open the design/themes/THEME/templates/addons/banners/blocks/carousel.tpl file
  2. Add the following line


paginationSpeed: 40,



after this one:



slideSpeed: {$block.properties.speed|default:400},




Thanks.

5

[quote name=‘eComLabs’ timestamp=‘1413271446’ post=‘194102’]

Try the following:


  1. Open the design/themes/THEME/templates/addons/banners/blocks/carousel.tpl file
  2. Add the following line


paginationSpeed: 40,
```<br />
<br />
after this one:<br />
<br />
```php
<br />
slideSpeed: {$block.properties.speed|default:400},<br />

```<br />
<br />
Thanks.<br />
[/quote]<br />
<br />
Great! thank you so much eComLabs! <img src="upload://tbe1CncrrOs48cXpHvziOT8r0T3.gif" class="bbc_emoticon" alt=":mrgreen:"><br />
pd: <br />
paginationSpeed: 200, is the perfect speed <img src="upload://oPnLkqdJc33Dyf2uA3TQwRkfhwd.gif" class="bbc_emoticon" alt="8)">
6

You are welcome, Rafass!

7

How simple is to add a fade effect at the banner ? , one or two command or it must be coding complex ?

8

[quote name='jtheogr' timestamp='1418737081' post='199934']

How simple is to add a fade effect at the banner ? , one or two command or it must be coding complex ?

[/quote]



In the same file add



transitionStyle: 'fade',




after this line:



stopOnHover: true,




Note that the effect may not work in some old browsers.

9

Thanks so much eComLabs, working like a charm in FF/safari and not in chrome at OSX.

10

[quote name='jtheogr' timestamp='1418764163' post='199978']

Thanks so much eComLabs, working like a charm in FF/safari and not in chrome at OSX.

[/quote]



You are welcome! It is mentioned on their website that the browser should support CSS3 translate3d methods.