Home /
Expert System /
Amanda slider settings for LightShop Green Magento template

Amanda slider settings for LightShop Green Magento template

Width: 840
Height: 330
Full-Width Mode: On

Here is the example setup of the Amanda slider from our demo. Feel free to make changes.

Delay: 7500
Transition Speed: 500

Captions code example of the first slide Lightshop Green template

<div class="caption sft stb" data-x="300" data-y="0" data-speed="500" data-start="0" "><img src="https://web-experiment.info/media/"template/amanda/p2.png"" alt="" /></div>
<div class="caption sft  stb" data-x="510" data-y="40" data-speed="1200" data-start="500" data-easing="easeOutBounce"><img src="https://web-experiment.info/media/"template/amanda/p3.png"" alt="" /></div>
<div class="caption randomrotate stb" data-x="90" data-y="50" data-speed="800" data-start="1000" ><img src="https://web-experiment.info/media/"template/amanda/p1.png"" alt="" /></div>
<div class="caption sfl str  big_black" data-x="80" data-y="230" data-speed="1500" data-start="1500" data-easing="easeOutBounce">Monster</div>
<div class="caption sfr str big_black" data-x="380" data-y="230" data-speed="1500" data-start="1500" data-easing="easeOutBounce">Storage Bins</div>
<div class="caption randomrotate str medium_text" data-x="20" data-y="0" data-speed="1000" data-start="1000">Feed your monster!</div>
<div class="caption fadet fade" data-x="740" data-y="20" data-speed="500" data-start="2500" "><img src="https://web-experiment.info/media/"template/brand/b1.png"" alt="" /></div>

Captions code example of the first slide RTL template

<div class="caption sft stb" data-x="300" data-y="0" data-speed="500" data-start="0"><img src="https://web-experiment.info/media/"template/amanda/p2.png"" alt="" /></div>
<div class="caption sft  stb" data-x="510" data-y="50" data-speed="1200" data-start="500" data-easing="easeOutBounce"><img src="https://web-experiment.info/media/"template/amanda/p3.png"" alt="" /></div>
<div class="caption randomrotate stb" data-x="90" data-y="40" data-speed="800" data-start="1000" ><img src="https://web-experiment.info/media/"template/amanda/p1.png"" alt="" /></div>
<div class="caption sfl stl big_black" data-x="620" data-y="230" data-speed="1500" data-start="1500" data-easing="easeOutBounce">מפלצת</div>
<div class="caption sfr stl  big_black" data-x="20" data-y="230" data-speed="1500" data-start="1500" data-easing="easeOutBounce">סל המיחזור לאחסון</div>
<div class="caption randomrotate str medium_text" data-x="540" data-y="0" data-speed="1000" data-start="1000">פגוש את המפלצת שלך!</div>
<div class="caption fadet fade" data-x="20" data-y="20" data-speed="500" data-start="2500"><img src="https://web-experiment.info/media/"template/brand/b1.png"" alt="" /></div>

Here is the example setup of the Magento Slider Manager Extension in the Lightshop Green responsive Magento template and RTL Magento template.

Total Slider Manager is a premium Magento Slider extension. You can add any content into sliders, including images, text, custom HTML, YouTube and Vimeo videos or HTML5 self-hosted multimedia contents.

Go to contents Back to previous page

Tags:

Share on Facebook google icon

Share on Google

Twitter