Nova25¶
The managed template “Nova25” is ASA2’s newest template designed for 2025 and beyond. It features a modern, clean design with advanced customization options, interactive image slideshows, and full Product Badge support. The template is optimized for mobile-first e-commerce experiences with 74+ configuration options.
Main features¶
Modern 2025 design language with clean typography and contemporary aesthetics
Interactive image slideshow with navigation controls and touch support
Full Product Badge integration supporting Amazon deals and discount badges
74+ configuration options for extensive customization
Mobile-first responsive design optimized for all screen sizes
Advanced CSS customization with box shadows, borders, and custom properties
SEO-ready with structured data support
Performance optimized with efficient CSS and JavaScript
Demo page¶
To see this template in action with different examples, please refer to the demo page:
🚀 Nova25 Demo & ExamplesExample¶
Example shortcode:
[asa2 tpl="Nova25"]B00EI7DPPI[/asa2]
Global Options¶
On ASA 2’s admin page “Templates” you can open a customization context window for each managed template. Just hover the mouse cursor over a template row and click the link “Customize” to open it. These settings will effect the appearance of this template.
Note
The globally applied options can be dynamically overwritten via shortcode options.
The following screenshot illustrates the options window by means of the “Book” template:
Shortcode Options¶
In addition to the global options mentioned above, it is also possible to overwrite these settings dynamically in a WordPress shortcode, like this:
// general syntax:
[asa2 option="value"]ASIN[/asa2]
Take a look at other examples.
Complete Options List¶
Complete list of all options available for the template “Nova25”:
| 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 |
| image_background_color | string | CSS compatible color value, like hex values (#ff0000) or color names (red) | Image background color. Background color for the image section |
| main_image_slideshow | bool | "yes" / "no" | Activate slideshow of additional images on main image |
| slideshow_max | int | 0 between 999 | Maximum slideshow items (0 = all) |
| 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;" |
| title_length | int | 20 between 200 | Title length. Maximum number of characters for product title |
| 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) |
| Badges | |||
| Option | Type | Values | Description |
| discount_badge_color | string | CSS compatible color value, like hex values (#ff0000) or color names (red) | Discount badge color |
| deal_badge_color | string | CSS compatible color value, like hex values (#ff0000) or color names (red) | Deal badge color. Color for Amazon Deal badges (Prime Day, Lightning Deal, etc.) |
| Button | |||
| Option | Type | Values | Description |
| 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 |
| show_buy_button | bool | "yes" / "no" | Show buy button |
| more_info_button_color | string | CSS compatible color value, like hex values (#ff0000) or color names (red) | More info button background color |
| more_info_button_color_hover | string | CSS compatible color value, like hex values (#ff0000) or color names (red) | More info button hover color |
| 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 |
| Details | |||
| Option | Type | Values | Description |
| show_features | bool | "yes" / "no" | Show product features (if available) |
| features_length | int | 0 between 99 | Max features. How many feature items to show before the "Show more" link. 0 = no limit. |
| feature_text_length | int | 0 between 1000 | Max feature text 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 |
| 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. |
| disclaimer | string |
|
Disclaimer. Shows an asterisk in buy button. |
| show_admin_edit_link | bool | "yes" / "no" | Show edit product link for admins |
Configuration Categories¶
Layout Options (7 options)
align: none, left, center, right - Controls template alignment
max_width: 0-9999 pixels (0 = 100%) - Sets maximum container width
background_color: CSS color value - Template background color
border_color: CSS color value - Border color
border_width: 0-99 pixels - Border thickness
border_radius: 0-99 pixels - Corner rounding
box_shadow_css: CSS box-shadow property - Drop shadow styling
Image Options (6 options)
image_size: small, medium, large - Default image size
image_max_width: 0-999 pixels - Maximum image width
image_max_height: 0-9999 pixels - Maximum image height
image_background_color: CSS color value - Image section background
main_image_slideshow: yes/no - Enable interactive slideshow
slideshow_max: 0-999 (0 = all images) - Maximum slideshow images
Badge Options (2 options)
discount_badge_color: CSS color value - Discount badge styling
deal_badge_color: CSS color value - Amazon deal badge styling
Button Options (8 options)
button_font_css: CSS font property - Button typography
button_color: CSS color value - Primary button color
button_color_hover: CSS color value - Button hover state
button_text_color: CSS color value - Button text color
show_buy_button: yes/no - Display buy button
more_info_button_color: CSS color value - Info button color
more_info_button_color_hover: CSS color value - Info button hover
more_info_button_text_color: CSS color value - Info button text
button_padding: 0-999 pixels - Button padding
Shortcode Options Examples¶
Modern e-commerce setup:
[asa2 tpl="Nova25" background_color="#ffffff" border_radius="12" box_shadow_css="0 4px 20px rgba(0, 0, 0, 0.08)" button_color="#0073aa" main_image_slideshow="yes"]B00EI7DPPI[/asa2]
Enable interactive slideshow with custom styling:
[asa2 tpl="Nova25" main_image_slideshow="yes" slideshow_max="5" border_radius="16" max_width="500"]B00EI7DPPI[/asa2]
Brand-focused configuration:
[asa2 tpl="Nova25" background_color="#f8f9fa" button_color="#ff6600" title_color="#ff6600" price_color="#ff6600" border_color="#ff6600"]B00EI7DPPI[/asa2]
Mobile-optimized setup:
[asa2 tpl="Nova25" max_width="400" image_size="medium" title_length="60" features_length="2" button_padding="12"]B00EI7DPPI[/asa2]
Technical Features¶
Performance
CSS Size: ~8KB minified
JavaScript: ~2KB for slideshow functionality
Compatible with lazy loading and caching
Modern browser support (Chrome 70+, Firefox 65+, Safari 12+)
JavaScript Features
Nova Slideshow: Custom slideshow implementation
Touch Support: Mobile-friendly navigation
Keyboard Navigation: Accessibility support
Dot Indicators: Visual slideshow navigation
CSS Architecture
BEM Methodology: Clean, maintainable class structure
CSS Custom Properties: Modern variable support
Flexbox Layout: Contemporary layout techniques
Mobile Breakpoints: Responsive design implementation
Migration Guide¶
From Robust Template
Most Robust options are compatible with Nova25. New features to configure:
Enable
main_image_slideshowfor interactive imagesConfigure badge colors for Product Badge support
Utilize advanced border and shadow options
From Flex_1 Template
Layout concepts are similar, with many enhanced options:
Slideshow functionality replaces static images
74+ options vs. ~30 in Flex_1
Advanced typography controls available
Badge system integration
Best Practices¶
Configuration Recommendations
Mobile First: Always test mobile appearance first
Image Optimization: Use appropriate image sizes for slideshow
Brand Consistency: Configure colors to match brand palette
Performance: Enable structured data for SEO benefits
Common Issues
Slideshow not working: Verify JavaScript is enabled
Mobile layout issues: Check responsive CSS loading
Badge positioning: Configure badge colors properly
Image sizing: Use image_max_width/height options