Product Meta Block

Display WooCommerce product metadata with complete design control and flexible layout options. This essential information block seamlessly integrates with WooCommerce to show SKU numbers, product categories, and tags with professional styling, interactive hover effects, and responsive design that enhances product presentation and improves user experience.

Perfect for single product pages, product showcases, and detailed product information sections, this block automatically pulls metadata from WooCommerce products while providing complete design flexibility. From simple text displays to richly styled badge layouts with clickable category and tag links, customize every aspect to match your store’s branding and information hierarchy.

Key Features:
Flexible Meta Display Options – Toggle SKU, categories, and tags independently with customizable labels for multilingual and branding flexibility
Professional SKU Styling – Monospace font styling with custom background colors and border radius for distinctive SKU presentation
Interactive Category Links – Clickable category badges with custom colors, backgrounds, and smooth hover transitions for enhanced navigation
Stylized Tag System – Tag badges with independent styling from categories, including hover effects and custom color schemes
Responsive Layout Controls – Vertical or horizontal layouts with device-specific alignment options (left, center, right) for optimal presentation
Advanced Typography System – Separate font controls for labels and values with comprehensive typography options including transforms and spacing
Complete Color Customization – Independent color controls for labels, SKU, categories, tags with normal and hover states for enhanced interactivity
Smart Spacing Management – Responsive item spacing controls with proper gap management between meta elements for clean visual hierarchy
Custom Label Support – Editable labels for SKU, categories, and tags with support for custom terminology and multilingual stores
Badge-Style Presentation – Background colors and border radius controls for creating professional badge-style meta displays
Hover Effect Integration – Smooth color transitions for category and tag links with customizable hover colors and backgrounds
WooCommerce Integration – Seamless integration with WooCommerce product data including automatic category and tag linking
Responsive Design System – Device-specific typography, spacing, and alignment controls ensuring optimal display across all screen sizes
SEO-Friendly Structure – Proper semantic markup with clickable category and tag links that support site navigation and SEO
Responsive Spacing Controls – Device-specific padding, margin, and border radius controls for precise layout positioning
Animation Integration – Built-in entrance animations with preview functionality to enhance meta information presentation
Device Visibility Controls – Show or hide meta information on specific devices for optimized mobile product displays
Developer-Friendly Structure – Clean semantic HTML markup with custom anchor support and CSS classes for advanced customization