.. include:: _include.rst .. highlight:: bbcode .. |tpl_name| replace:: Flat_box_horizontal .. _templates_managed_flat_box_horizontal: ##################### Flat_box_horizontal ##################### .. include:: _include_local_toc.rst .. image:: _static/flat_box_horizontal_layout_example.png :height: 208px :width: 690px :scale: 100% :alt: Flat_box_horizontal example The managed template "Flat_box_horizontal" is designed to work with any kind of product. It comes with many options to customize its appearance without having to change the code. ************* Main features ************* - **General purpose template** - **Responsive design** - **Adjustable via options without programming skills** - **Flat design** ********* Demo page ********* To see this template in action with different examples, please refer to: .. image:: _static/btn_demo_page.png :height: 64px :width: 139px :scale: 100% :alt: Carousel demo page :target: https://asa2-demo.de/templates/flat-box-horizontal/ ******* Example ******* Example shortcode: .. highlight:: html+jinja .. code:: [asa2 tpl="Flat_box_horizontal"]B00EI7DPPI[/asa2] .. include:: managed_templates_include_global_options.rst .. include:: managed_templates_include_shortcode_options.rst .. raw:: html :file: tpl_doc/tpl_flat_box_horizontal.htm Shortcode Options Examples -------------------------- .. code:: // to use a custom button color [asa2 tpl="Flat_box_horizontal" button_color="green"]B00EI7DPPI[/asa2] .. image:: _static/flat_box_horizontal_green_button.png :height: 199px :width: 791px :scale: 100% :alt: Flat_box_horizontal customization .. code:: // to set a custom background color to the savings ribbon [asa2 tpl="Flat_box_horizontal" savings_bg_color="red" button_color="red"]B00EI7DPPI[/asa2] .. image:: _static/flat_box_horizontal_red_ribbon.png :height: 195px :width: 787px :scale: 100% :alt: Flat_box_horizontal customization