Support Team
posted this
20 December 2016
Hi,
If you're working with CMS you can add Slider to the CMS content area (green area) and configure it in the way you need. Themler will generate shortcode which you can further use in the desired place.
Example of Slider shortcode(first slide with background image and second slide with Image control):
[slider interval=3000 pause_on_hover=true navigator_wrap=true ride_on_start=true animation="left" show_navigator=true show_indicators=false slides_wide=true css="width:100%;height:280px;" indicators_css="text-align:center;vertical-align:bottom;"]
[slide css="background-image:url(http://path_to_image.jpeg);background-repeat:repeat;background-attachment:scroll;background-position:center center;"][/slide]
[slide ][image image="http://path_to_image.jpeg" css="position:absolute;top:20.714%;left:30.948%;right:auto;bottom:auto;width:183px;height:141px;display:block;"][/image][/slide]
[/slider]
Thank you,
Themler Team
Hi,
If you're working with CMS you can add Slider to the CMS content area (green area) and configure it in the way you need. Themler will generate shortcode which you can further use in the desired place.
Example of Slider shortcode(first slide with background image and second slide with Image control):
<pre>
[slider interval=3000 pause_on_hover=true navigator_wrap=true ride_on_start=true animation="left" show_navigator=true show_indicators=false slides_wide=true css="width:100%;height:280px;" indicators_css="text-align:center;vertical-align:bottom;"]
[slide css="background-image:url(http://path_to_image.jpeg);background-repeat:repeat;background-attachment:scroll;background-position:center center;"][/slide]
[slide ][image image="http://path_to_image.jpeg" css="position:absolute;top:20.714%;left:30.948%;right:auto;bottom:auto;width:183px;height:141px;display:block;"][/image][/slide]
[/slider]
</pre>
Thank you,
Themler Team