.. include:: _include.rst .. |tpl_name| replace:: Carousel .. highlight:: bbcode .. _templates_managed_carousel: ##################### Carousel ##################### .. image:: _static/carousel_layout_example_2.png :height: 350px :width: 862px :scale: 100% :alt: Carousel example The managed template "Carousel" is specialized for displaying **multiple products in a carousel style**. It works perfectly with ASA 2 :ref:`collections` or smart collections (:ref:`shortcodes_asa2_smart_collection`). It is customizable in general and per shortcode. ************* Main features ************* - **Specialized for rendering multiple products in a carousel style** - **Responsive design** - **Adjustable carousel options** - **Customizable without programming skills** ********* Demo page ********* .. image:: _static/carousel-compressed.gif :height: 286px :width: 640px :scale: 100% :alt: Carousel gif To see this template in action with different examples, please refer to the demo page: .. image:: _static/btn_demo_page.png :height: 64px :width: 139px :scale: 100% :alt: Carousel demo page :target: https://asa2-demo.de/templates/carousel/ ******* Example ******* Example shortcode: This example shortcode shows 10 items of category "Coffee maker" filtered by availability in carousel layout. .. highlight:: html+jinja .. code:: [asa2_smart_collection cat_slug="coffee-maker" limit="10" tpl="Carousel" is_available_main="true" /] .. image:: _static/carousel_layout_example.png :height: 407px :width: 872px :scale: 100% :alt: Carousel example .. include:: managed_templates_include_global_options.rst .. include:: managed_templates_include_shortcode_options.rst .. raw:: html :file: tpl_doc/tpl_carousel.htm Shortcode Options Examples -------------------------- .. code:: // to activate autoplay: [asa2_smart_collection autoplay="yes" cat_slug="demo-products" tpl="Carousel" /] // to show 6 slides instead the preset 3 slides [asa2_smart_collection slidesToShow="6" cat_slug="demo-products" tpl="Carousel" /]