Robust

Welcome to the showcase of ASA2’s managed template, Robust. This versatile and responsive template is designed to display a wide range of products seamlessly across various devices and screen sizes. With its user-friendly customization options, you can tailor its appearance to suit your specific needs without any coding expertise.

Explore the features and customization possibilities of the Robust template to enhance your online store’s presentation.

Apple iPhone 16 Pro 256 GB: 5G Mobile phone with Apple Intelligence
Apple iPhone 16 Pro 256 GB: 5G Mobile phone with Apple Intelligence
List Price: £1,099.00
£1,049.00
You save £50.00 (5%)

Integration

There are several ways how an ASA2 product template can be integrated into a website.

This video shows how to use ASA2's Gutenberg Block to embed a products into your website using the "Robust" template.

This video shows how to use ASA2's Classic Editor Button to embed products into your website using the "Robust" template.

Wherever you can work with WordPress shortcodes, you can also embed products with ASA2 shortcodes. The template to be used can be defined with the tpl option. Otherwise, the template defined as the default is used.

[asa2 tpl="Robust" id="123" /]

If you want to render this product template directly from PHP, e.g. in an individual page template, you can do this with the function asa2_render_product.

<?php
echo asa2_render_product(123, [
    'tpl' => 'Robust'
]);

Customization

On ASA2’s admin page Templates you can customize the general options of template Robust. These settings will effect the display of this template on a global scope.

 

Customization Examples

This example uses the options border_color, border_width and border_radius to customize the border layout.

[asa2 tpl="Robust" id="123" border_color="#1c68ff" border_width=2 border_radius=20 /]
Apple iPhone 16 Pro 256 GB: 5G Mobile phone with Apple Intelligence
Apple iPhone 16 Pro 256 GB: 5G Mobile phone with Apple Intelligence
List Price: £1,099.00
£1,049.00
You save £50.00 (5%)

This example uses the options button_color, button_text_color, button_font_css and button_color_hover to customize the border layout.

[asa2 tpl="Robust" id="123" button_color="limegreen" button_text_color="black" button_font_css="italic 18px arial, sans-serif;" button_color_hover="green" /]
Apple iPhone 16 Pro 256 GB: 5G Mobile phone with Apple Intelligence
Apple iPhone 16 Pro 256 GB: 5G Mobile phone with Apple Intelligence
List Price: £1,099.00
£1,049.00
You save £50.00 (5%)

This example uses the option hide_price to hide the price.

[asa2 tpl="Robust" id="123" hide_price="yes" /]
Apple iPhone 16 Pro 256 GB: 5G Mobile phone with Apple Intelligence
Apple iPhone 16 Pro 256 GB: 5G Mobile phone with Apple Intelligence

This example uses the options show_features, features_length and feature_text_length to display the product features.

[asa2 tpl="Robust" id="123" show_features="yes" features_length=5 feature_text_length=100 /]
Apple iPhone 16 Pro 256 GB: 5G Mobile phone with Apple Intelligence
Apple iPhone 16 Pro 256 GB: 5G Mobile phone with Apple Intelligence
List Price: £1,099.00
£1,049.00
You save £50.00 (5%)
  • STUNNING TITANIUM DESIGN — iPhone 16 Pro has a strong and light titanium design with a larger 6.3-inch Super Retina XDR display. It’s remarkably durable with the latest-generation Ceramic Shield front that’s 2x tougher than any smartphone glass.
  • BUILT FOR APPLE INTELLIGENCE — Apple Intelligence helps you write, express yourself and get things done effortlessly. With groundbreaking privacy protections, it gives you peace of mind that no one else can access your data — not even Apple.
  • TAKE TOTAL CAMERA CONTROL — Camera Control gives you an easier way to quickly access camera tools, like zoom or depth of field, so you can take the perfect shot in record time.
  • MAGNIFICENT SHOTS — Take your videos to a whole new level with 4K 120 fps Dolby Vision, enabled by the 48MP Fusion camera. The improved 48MP Ultra Wide camera lets you capture mesmerising detail in macro pics and wide angle photos.
  • PHOTOGRAPHIC STYLES — The latest-generation Photographic Styles give you greater creative flexibility, so you can make every photo even more you. And thanks to advances in the image pipeline, you can now reverse any style, any time.
  • THE POWER OF A18 PRO — A18 Pro chip enables Apple Intelligence with a faster Neural Engine, improved CPU and GPU, and a big jump in memory bandwidth. It also drives advanced video and photo features and powers AAA gaming.
  • A HUGE LEAP IN BATTERY LIFE — iPhone 16 Pro delivers an incredibly power-efficient performance with up to 27 hours video playback. Charge via USB-C or snap on a MagSafe charger for faster wireless charging.
  • CUSTOMISE YOUR IPHONE — With iOS 18, you can tint your Home Screen icons with any colour. Find your favourite shots faster in the redesigned Photos app. And add playful, animated effects to any word, phrase or emoji in iMessage.
  • VITAL SAFETY FEATURES — With Crash Detection, iPhone can detect a serious car crash and call for help if you can't
  • LEGAL DISCLAIMERS — This is a summary of the main product features.

Options

This list contains all the options that are available for ASA2's product template Robust, including examples of how they can be used in conjunction with shortcode.

Layout
OptionTypeValuesDescription
align string
  • "none" (None)
  • "left" (Left)
  • "center" (Center)
  • "right" (Right)
Align
max_width int 0 between 9999 Max width. Max width in pixels. Leave blank for 100%.
background_color string CSS compatible color value, like hex values (#ff0000) or color names (red) Background color
border_color string CSS compatible color value, like hex values (#ff0000) or color names (red) Border color
border_width int 0 between 99 Border width. In pixels. 0 for no border.
border_radius int 0 between 99 Border radius. In pixels. > 0 for rounded corners.
box_shadow_css string custom text Box shadow style. Utilizes the CSS box-shadow property. Example: "0px 0px 20px 10px rgba(44,54,92,0.2);"
Image
OptionTypeValuesDescription
image_size string
  • "small" (Small)
  • "medium" (Medium)
  • "large" (Large)
Image size
image_max_width int 0 between 999 Image max width. In pixels. 0 - 999. 0 for none.
image_max_height int 0 between 9999 Image max height. Image max height in pixel
Title
OptionTypeValuesDescription
title_color string CSS compatible color value, like hex values (#ff0000) or color names (red) Title color. No default. The title will be displayed in the default text color of your page, if none is set here.
title_font_css string custom text Title font style. Utilizes the CSS font property. Example: "15px arial, sans-serif;"
Price
OptionTypeValuesDescription
price_color string CSS compatible color value, like hex values (#ff0000) or color names (red) Price color. The color in which the price text is displayed.
hide_price bool "yes" / "no" Hide price(s)
price_font_css string custom text Price font style. Utilizes the CSS font property. Example: "15px arial, sans-serif;"
show_price_disclaimer bool "yes" / "no" Show price disclaimer. "Details" link next to date of last update.
last_update_format string custom text Last item update date format. Used in price disclaimer. Supports PHP date function format. Example: d.m.Y H:i:s
show_merchant bool "yes" / "no" Show product merchant (if available)
Button
OptionTypeValuesDescription
button_border_radius int 0 between 999 All buttons border radius. In pixels, > 0 for rounded corners.
button_font_css string custom text All buttons font style. Utilizes the CSS font property. Example: "15px arial, sans-serif;"
button_color string CSS compatible color value, like hex values (#ff0000) or color names (red) Buy button background color
button_color_hover string CSS compatible color value, like hex values (#ff0000) or color names (red) Buy button hover color
button_text_color string CSS compatible color value, like hex values (#ff0000) or color names (red) Buy button text color
more_info_button_color string CSS compatible color value, like hex values (#ff0000) or color names (red) More info button color
more_info_button_color_hover string CSS compatible color value, like hex values (#ff0000) or color names (red) More info button color hover
more_info_button_text_color string CSS compatible color value, like hex values (#ff0000) or color names (red) More info button text color
button_padding int 0 between 999 Button padding. Padding in pixels
Ratings
OptionTypeValuesDescription
show_ratings bool "yes" / "no" Show rating stars
show_total_reviews bool "yes" / "no" Show number of total reviews
Savings
OptionTypeValuesDescription
show_savings bool "yes" / "no" Show savings text
savings_color string CSS compatible color value, like hex values (#ff0000) or color names (red) Savings text color
savings_font_css string custom text Savings text font style. Utilizes the CSS font property. Example: "15px arial, sans-serif;"
Details
OptionTypeValuesDescription
show_features bool "yes" / "no" Show product features (if available)
features_length int 0 between 99 Number of features. How many feature items to show before the "Show more" link. 0 = no limit.
feature_text_length int 0 between 1000 Feature text max length. Maximum number of letters for each feature before the "..." get displayed. 0 = no limit.
features_font_size int 1 between 100 Features font size (in percent)
show_description bool "yes" / "no" Show product description (if available)
description_font_size int 1 between 100 Description font size (in percent)
description_length int 0 between 1000 Description length. Number of letters before the "show more" link get displayed. 0 = no limit.
Misc
OptionTypeValuesDescription
disclaimer string
  • "none" (None)
  • "asterisk_only" (Asterisk in buy button)
Disclaimer. Shows an asterisk in buy button.
structured_data string
  • "none" (None)
  • "json_ld" (JSON-LD format)
Structured Data. Include structured data at the end of the template
custom_css string
  • "none" (None)
  • "json_ld" (JSON-LD format)
Custom CSS. Custom CSS that is applied to all occurrences of this template on a page and is only included once in the source code.