Product Price

Display WooCommerce product prices with complete styling control and automatic sale price detection. This essential e-commerce block integrates seamlessly with WooCommerce to show current product pricing, sale information, and currency formatting with comprehensive design customization options that match your store’s branding perfectly.

Perfect for product pages, quick view modals, product cards, and any location where price display is crucial for conversion, this block automatically adapts to show regular prices, sale prices, or both depending on product status. From simple price displays to complex promotional pricing layouts, customize every aspect to maximize sales impact and user experience.

Key Features:
Automatic Price Detection – Seamlessly displays current WooCommerce product prices with real-time updates for sale prices and regular pricing
Smart Sale Price Display – Automatically shows sale prices when products are on sale with optional regular price strikethrough for comparison
Flexible Price Components – Independent control over sale price, regular price, and currency symbol display for custom layouts
Currency Symbol Management – Toggle currency symbol visibility with WooCommerce currency settings integration and custom styling
Responsive Alignment System – Left, center, and right alignment options with device-specific controls for perfect positioning
Advanced Typography Controls – Separate font settings for main price and regular price with independent sizing, weights, and decorations
Complete Color Customization – Individual color controls for price, sale price, regular price, currency symbol, and background
Professional Sale Styling – Built-in strikethrough formatting for regular prices during sales with customizable appearance
Responsive Design System – Device-specific typography, spacing, and alignment controls ensuring optimal display across all screen sizes
Background Styling – Optional background colors with responsive border radius controls for badge-style price displays
Comprehensive Spacing Controls – Responsive padding and margin controls for precise layout positioning and visual hierarchy
Animation Integration – Built-in entrance animations with preview functionality to highlight price information and promotions
Smart Price Formatting – Automatic decimal handling, thousand separators, and currency positioning based on WooCommerce settings
Device Visibility Controls – Show or hide price information on specific devices for optimized mobile shopping experiences
Theme Integration – Seamless integration with WooCommerce price hooks and filters while maintaining design independence
Developer-Friendly Structure – Clean semantic HTML markup with custom anchor support and CSS classes for advanced customization