Product Price

Display beautifully formatted product prices with complete control over styling, layout, and presentation. This essential e-commerce block automatically pulls price data from your DigiCommerce products and presents it with professional formatting that drives conversions and enhances the shopping experience across all devices.

Perfect for product pages, pricing showcases, and promotional displays, this block intelligently handles both regular and sale pricing scenarios while maintaining consistent branding. From simple price displays to complex sale price presentations with strikethrough effects, every element is designed to highlight value and encourage purchases.

Key Features:
Smart Price Detection – Automatically displays regular prices, sale prices, or both based on product configuration with intelligent fallback handling
Flexible Price Components – Toggle display of sale prices, regular prices, currency symbols, and “From:” labels for variable products
Currency Integration – Seamless integration with DigiCommerce currency settings including symbol positioning (left, right, with/without spacing)
Professional Sale Display – Automatic strikethrough formatting for regular prices when products are on sale with separate styling controls
Advanced Typography System – Independent font controls for “From” labels, main prices, and regular prices with full responsive customization
Comprehensive Color Controls – Separate color settings for each price element including “From” labels, sale prices, regular prices, currency symbols, and backgrounds
Flexible Alignment Options – Left, center, or right alignment with responsive layout that adapts to content width and container constraints
Background Styling – Optional background colors with padding controls and border radius for creating price badges or highlighted price displays
Responsive Spacing System – Device-specific padding, margin, and border radius controls ensuring perfect presentation across all screen sizes
Variable Product Support – Special “From:” label functionality for products with multiple price variations, clearly indicating starting prices
Animation Integration – Built-in entrance animations with preview functionality to draw attention to pricing information
Device Visibility Controls – Show or hide prices on specific devices for optimized mobile shopping experiences
Clean Price Formatting – Automatic decimal formatting and currency positioning that follows e-commerce best practices
Flexible Container Display – Inline-block presentation that adapts to content while maintaining full width control for layout flexibility
Developer-Friendly Structure – Clean semantic HTML markup with custom anchor support and CSS classes for advanced customization
Performance Optimized – Lightweight implementation with efficient price data retrieval and minimal DOM manipulation
Accessibility Ready – Proper semantic markup and color contrast considerations for screen readers and assistive technologies
Cross-Browser Compatible – Consistent price display across all modern browsers with graceful fallbacks for older versions