.. include:: _include.rst .. highlight:: bbcode .. |tpl_name| replace:: Robust .. _templates_managed_robust: ##################### Robust ##################### .. include:: _include_local_toc.rst .. image:: _static/amazon_custom_fields_more_info_url_example.png :width: 746px :height: 174px :scale: 100% :alt: Robust example The managed template "|tpl_name|" is designed to work with any kind of product and any screen size. It comes with many options to customize its appearance without having to change the code. .. image:: _static/tpl_robust_ani.gif :width: 736px :height: 568px :scale: 100% :alt: Robust animation ************* Main features ************* - **Designed for use with different shops** - **General purpose template** - **Responsive design** - **Adjustable via options without programming skills** ********* 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/robust/ ******* Example ******* Example shortcode: .. highlight:: html+jinja .. code:: [asa2 tpl="Robust"]B00EI7DPPI[/asa2] .. include:: managed_templates_include_global_options.rst .. include:: managed_templates_include_shortcode_options.rst .. raw:: html :file: tpl_doc/tpl_robust.htm Shortcode Options Examples -------------------------- These examples show how you can override the global layout settings using shortcode options. .. code:: // customize the title font and color [asa2 id="76" title_font_css="24px arial, sans-serif;" title_color="purple" /] .. image:: _static/tpl_robust_example_title_font.png :width: 835px :height: 182px :scale: 100% :alt: Robust title customization .. code:: // customize background and button color [asa2 id="76" background_color="#c0dfff" button_color="#244fca" /] .. image:: _static/tpl_robust_example_amazon_blue.png :width: 792px :height: 162px :scale: 100% :alt: Robust color customization .. code:: // customize buy and more info button color [asa2 id="76" button_color="#f35c11" more_info_button_color="orange" /] .. image:: _static/tpl_robust_example_button_color.png :width: 671px :height: 160px :scale: 100% :alt: Robust button customization