Nova25

• Main features
• Demo page
• Example
• Complete Options List
  • Configuration Categories
  • Shortcode Options Examples
  • Technical Features
  • Migration Guide
  • Best Practices

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 & Examples

Example

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.

INFO

The globally applied options can be dynamically overwritten via shortcode options <#shortcode-options>.

The following screenshot illustrates the options window by means of the "Book" template:

Shortcode Options

In addition to the global options <#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 <#shortcode-options-examples>.

Complete Options List

Complete list of all options available for this template:

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_slideshow for interactive images
• Configure 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

1. Mobile First: Always test mobile appearance first
2. Image Optimization: Use appropriate image sizes for slideshow
3. Brand Consistency: Configure colors to match brand palette
4. 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