Products Block

Display your WooCommerce products in stunning, fully customizable grid layouts that drive sales and enhance user experience. This powerful e-commerce block transforms your product catalog into visually appealing, conversion-optimized displays with complete control over every design aspect and functionality.

Perfect for shop pages, product showcases, featured collections, and promotional sections, this block provides everything needed to create professional product grids that match your brand perfectly. From simple product listings to complex filterable catalogs, customize every element to maximize engagement and boost conversions.

Key Features:
Flexible Grid Layouts – Responsive column controls (1-6 desktop, 1-4 tablet, 1-2 mobile) with customizable item spacing for perfect product arrangement
Comprehensive Product Display – Toggle featured images, sale badges, titles, prices, star ratings, categories, descriptions, and add-to-cart buttons independently
Advanced Image Management – Multiple WooCommerce image sizes (thumbnail, medium, large, full) with responsive border radius controls and hover effects
Smart Query System – Filter by categories, featured products, sale items with sorting options (date, title, price, popularity, rating, random)
Professional Card Styling – Optional card containers with backgrounds, borders, shadows, and hover animations for premium presentation
Dynamic Sale Badges – Automatic sale detection with customizable badge colors and positioning for promotional visibility
Advanced Pagination – Built-in pagination with alignment controls and custom styling for large product catalogs
Complete Color System – Independent color controls for titles, prices, ratings, categories, descriptions, buttons with hover states
Comprehensive Typography – Separate font controls for titles, prices, categories, descriptions, and buttons with full responsive customization
Smart Price Display – Automatic regular/sale price formatting with crossed-out regular prices and highlighted sale prices
Interactive Rating System – Star ratings with review counts, half-star support, and customizable colors
Category Integration – Clickable category tags with hover effects and custom styling options
Flexible Description Control – Customizable short description length (5-100 words) with HTML content support
Professional Button Styling – Fully customizable add-to-cart buttons with padding, radius, colors, and hover effects
Advanced Spacing System – Device-specific padding, margin, and spacing controls for perfect layouts across all screen sizes
Border & Shadow Controls – Individual border and radius settings for images, buttons, and cards with multi-state box shadows
Animation Integration – Built-in entrance animations with preview functionality to enhance user engagement
Device Visibility Controls – Show or hide products on specific devices for optimized mobile shopping experiences
Developer-Friendly Structure – Clean semantic HTML markup with custom anchor support and CSS classes for advanced customization