Robust
Table of Contents
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.
Top Product
Apple MacBook Air 13" Apple M4 Chip with 10‑Core CPU
List Price: 1.199,00 €
889,00 €
You save 310,00 €
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 /] Top Product
Apple MacBook Air 13" Apple M4 Chip with 10‑Core CPU
List Price: 1.199,00 €
889,00 €
You save 310,00 €
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" /] Top Product
Apple MacBook Air 13" Apple M4 Chip with 10‑Core CPU
List Price: 1.199,00 €
889,00 €
You save 310,00 €
This example uses the option hide_price to hide the price.
[asa2 tpl="Robust" id="123" hide_price="yes" /]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 /] Top Product
Apple MacBook Air 13" Apple M4 Chip with 10‑Core CPU
List Price: 1.199,00 €
889,00 €
You save 310,00 €
- LEICHTGESCHWINDIGKEIT – Das MacBook Air mit dem M4 Chip macht Arbeit und Gaming superschnell. Mit Apple Intelligence*, bis zu 18 Stunden Batterielaufzeit* und einem unglaublich mobilen Design kannst du es überallhin mitnehmen – und alles damit machen.
- MIT DER POWER DES M4 – Mit dem Apple M4 wird alles, was du machst, noch schneller und flüssiger – arbeite in mehreren Apps, bearbeite Videos oder spiele grafisch anspruchsvolle Games.
- ENTWICKELT FÜR APPLE INTELLIGENCE – Apple Intelligence ist dein persönliches Intelligenz System und hilft dir etwas zu schreiben, dich auszudrücken und Aufgaben mühelos zu erledigen. Und mit revolutionärem Datenschutz kannst du ganz beruhigt sein, dass niemand auf deine persönlichen Daten zugreifen kann − auch nicht Apple.*
- BIS ZU 18 STUNDEN BATTERIELAUFZEIT – Das MacBook Air liefert die gleiche unglaubliche Performance – ganz gleich, ob es mit Batterie läuft oder am Strom angeschlossen ist.*
- EIN BRILLANTES DISPLAY – Das 13,6" Liquid Retina Display unterstützt eine Milliarde Farben.* Fotos und Videos erscheinen mit einem beeindruckend hohen Kontrast und klaren Details, Text ist gestochen scharf.
- BESSER AUSSEHEN. BESSER KLINGEN. – Mit einer 12MP Center Stage Kamera, drei Mikrofonen und vier Lautsprechern mit 3D Audio sieht alles großartig aus und klingt auch so.
- VERBINDE ALLES – Das MacBook Air hat zwei Thunderbolt 4 Anschlüsse, einen MagSafe Ladeanschluss, einen Kopfhöreranschluss, WLAN 6E* und Bluetooth 5.3. Und es unterstützt bis zu zwei externe Displays.
- SUPERSCHNELLE APPS MIT MACOS – Alle deine wichtigsten Apps, inklusive Microsoft 365 Copilot und Adobe Creative Cloud und Google Workspace, laufen auf macOS ultraschnell.*
- DU LIEBST DEIN IPHONE? DU WIRST DEN MAC LIEBEN. – Der Mac funktioniert einfach mit deinen anderen Apple Geräten. Kopiere Inhalte auf dem iPhone und setze sie auf dem Mac ein. Sende in Nachrichten auf deinem Mac Textnachrichten oder nimm mit deinem Mac FaceTime Anrufe an.*
- * RECHTLICHE HINWEISE – Dies ist eine Zusammenfassung der wichtigsten Produktfeatures. Weitere Infos gibt es unten.
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 | |||
|---|---|---|---|
| Option | Type | Values | Description |
| align | string |
|
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 | |||
| Option | Type | Values | Description |
| image_size | string |
|
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 | |||
| Option | Type | Values | Description |
| 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 | |||
| Option | Type | Values | Description |
| 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 | |||
| Option | Type | Values | Description |
| 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 | |||
| Option | Type | Values | Description |
| show_ratings | bool | "yes" / "no" | Show rating stars |
| show_total_reviews | bool | "yes" / "no" | Show number of total reviews |
| Savings | |||
| Option | Type | Values | Description |
| 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 | |||
| Option | Type | Values | Description |
| 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 | |||
| Option | Type | Values | Description |
| disclaimer | string |
|
Disclaimer. Shows an asterisk in buy button. |
| structured_data | string |
|
Structured Data. Include structured data at the end of the template |
| custom_css | string |
|
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. |