Full Documentation<\/a><\/strong><\/p>\n\nWhether you run a small boutique or a large WooCommerce store, Storzen Product Compare works out of the box \u2014 no coding, no bloat, no SaaS fees.<\/p>\n\n
Trusted by WooCommerce store owners who want conversion-focused, developer-clean comparison tools.<\/strong><\/p>\n\nWhat Makes Storzen Product Compare Different?<\/h4>\n\n
Most WooCommerce compare plugins are either too basic (just a simple table) or too heavy (loaded with premium-only features). Storzen gives you the full comparison experience for free<\/strong> \u2014 floating bar, live difference detection, modal mode, Gutenberg block, WooCommerce Blocks support, and more.<\/p>\n\n\n- \u2705 Zero SaaS dependency<\/strong> \u2014 no external APIs, no monthly fees<\/li>\n
- \u2705 Lightweight<\/strong> \u2014 loads assets only when needed, no impact on store speed<\/li>\n
- \u2705 AJAX-powered<\/strong> \u2014 add, remove, compare without any page reloads<\/li>\n
- \u2705 WooCommerce Blocks ready<\/strong> \u2014 works with Product Collection (WC 8.0+ default Shop page)<\/li>\n
- \u2705 FSE \/ Full Site Editor compatible<\/strong> \u2014 drag the Compare Button block into any template<\/li>\n
- \u2705 HPOS compatible<\/strong> \u2014 works with High-Performance Order Storage<\/li>\n
- \u2705 Translation ready<\/strong> \u2014 compatible with WPML, Polylang, and translate.wordpress.org<\/li>\n<\/ul>\n\n
Core Features<\/h4>\n\n
Product Comparison Table<\/strong><\/p>\n\n\n- Dedicated Compare Page \u2014 created automatically on plugin activation<\/li>\n
- Add to Compare button on Shop, Category, and Single Product pages<\/li>\n
- Compare up to 3 products (configurable up to 5 in settings)<\/li>\n
- Fully responsive \u2014 works on desktop, tablet, and mobile<\/li>\n
- Remove individual products or clear all with one click<\/li>\n
- Shortcode:
[storprco_compare_table]<\/code><\/li>\n<\/ul>\n\nCompare Fields \u2014 Choose What Customers See<\/strong><\/p>\n\nShow or hide any combination of product data in the comparison table:<\/p>\n\n
\n- Product Image<\/li>\n
- Product Title & Link<\/li>\n
- Price (with sale price support)<\/li>\n
- Star Rating<\/li>\n
- SKU<\/li>\n
- Stock Availability<\/li>\n
- Weight (with WooCommerce weight unit)<\/li>\n
- Dimensions (L \u00d7 W \u00d7 H with dimension unit)<\/li>\n
- Short Description<\/li>\n
- Add to Cart (AJAX, adapts for variable, grouped, and external products)<\/li>\n
- WooCommerce Global Attributes<\/strong> \u2014 Color, Size, Material, and any
pa_*<\/code> taxonomy<\/li>\n<\/ul>\n\nFloating Compare Bar<\/strong> (v1.1.0)<\/em><\/p>\n\nThe floating bar sits at the bottom of the screen and shows product thumbnails as customers browse \u2014 no scrolling back to the top, no losing track of selected products.<\/p>\n\n
\n- Sticky bottom bar with product thumbnails and slot placeholders<\/li>\n
- One-click Compare Now<\/strong> button \u2014 goes straight to the compare table<\/li>\n
- Auto-hides when the compare list is empty<\/li>\n
- Smooth slide-in animation, fully accessible<\/li>\n<\/ul>\n\n
Difference Highlighter<\/strong> (v1.1.0)<\/em><\/p>\n\nHelps shoppers focus on what actually matters \u2014 the differences.<\/p>\n\n
\n- Auto-detects rows where product values differ<\/li>\n
- Same \/ Different<\/strong> color badges on every row label<\/li>\n
- 3-state toggle: Off \u2192 Highlight differences \u2192 Show differences only<\/li>\n
- Configurable highlight color with live admin preview<\/li>\n<\/ul>\n\n
Field Management<\/strong> (v1.1.0)<\/em><\/p>\n\n\n- Enable \/ disable any compare field with a toggle<\/li>\n
- Drag-and-drop reordering<\/strong> \u2014 change table row order in admin<\/li>\n
- Keyboard accessible: Up\/Down arrow key support<\/li>\n
- WooCommerce attribute checklist \u2014 add Color, Size, Material as compare rows in seconds<\/li>\n<\/ul>\n\n
WooCommerce Blocks & Gutenberg Support<\/strong> (v1.1.1)<\/em><\/p>\n\n\n- Compare button auto-injected into Product Collection<\/strong> block (WC 8.0+ default Shop page block)<\/li>\n
- Works with All Products<\/strong>, Products block<\/strong>, and product-template<\/strong> inner block<\/li>\n
- Native
storzen\/compare-button<\/code> Gutenberg block<\/strong> \u2014 drag into any FSE template, product archive, or single product template via the Block Editor<\/li>\n- Product ID resolved from block rendering context \u2014 reliable on WC 8.0+ stores<\/li>\n<\/ul>\n\n
Table Style Presets<\/strong> (v1.1.2)<\/em><\/p>\n\n\n- Default<\/strong> \u2014 dark purple header, white rows<\/li>\n
- Clean<\/strong> \u2014 light minimal header, subtle borders<\/li>\n
- Bold<\/strong> \u2014 purple accent header, striped rows<\/li>\n
- All themes built on CSS custom properties \u2014 override easily in your child theme<\/li>\n<\/ul>\n\n
Archive Page Hover Overlay<\/strong> (v1.1.2)<\/em><\/p>\n\n\n- Compare button appears on the product image when hovered on shop and category pages<\/li>\n
- Pure CSS hover reveal \u2014 zero extra JavaScript<\/strong><\/li>\n
- Toggle between Inline (classic) and Hover Overlay in Settings \u2192 Display<\/li>\n<\/ul>\n\n
Modal \/ Popup Compare Mode<\/strong> (v1.1.2)<\/em><\/p>\n\n\n- Open the comparison table in an AJAX-powered
<dialog><\/code> overlay \u2014 no page reload<\/li>\n- Customers stay on the product they were browsing<\/li>\n
- Native HTML
<dialog><\/code> element \u2014 no third-party modal library<\/li>\n- Works alongside the floating compare bar (smart z-index layering)<\/li>\n<\/ul>\n\n
Most Compared Shortcode<\/strong> (v1.1.2)<\/em><\/p>\n\n\n[storprco_most_compared limit=\"5\" columns=\"3\" show_price=\"yes\" show_button=\"yes\"]<\/code><\/li>\n- Displays a grid of your most-compared products \u2014 great for homepage or category pages<\/li>\n
- Compare counts tracked per session via postmeta \u2014 no custom database tables<\/li>\n
- Drives social proof and repeat engagement<\/li>\n<\/ul>\n\n
AJAX & Performance<\/h4>\n\n\n- All compare actions (add, remove, clear) are AJAX \u2014 no page reloads<\/li>\n
- Assets loaded only on pages that need them (shop, archive, compare page)<\/li>\n
has_block()<\/code> detection for block-based page asset loading<\/li>\n- No jQuery bloat \u2014 lightweight vanilla patterns where possible<\/li>\n
- Session-based data storage via WooCommerce sessions<\/li>\n<\/ul>\n\n
Elementor Integration<\/h4>\n\n\n- Elementor Compare Table widget<\/strong> \u2014 place the comparison table anywhere via drag-and-drop<\/li>\n
- No coding required<\/li>\n
- Works with all Elementor templates and kits<\/li>\n<\/ul>\n\n
Developer Friendly<\/h4>\n\n\n- Clean OOP architecture \u2014 one class per responsibility<\/li>\n
- Full WordPress Coding Standards (WPCS) compliance<\/li>\n
- WooCommerce CRUD and hook system<\/li>\n
- Filterable field list:
storprco_fields<\/code>, storprco_field_value<\/code>, storprco_max_products<\/code><\/li>\n- Action hooks:
storprco_before_compare_table<\/code>, storprco_after_compare_table<\/code><\/li>\n- GPL-2.0+ licensed \u2014 fork, extend, and build on it freely<\/li>\n<\/ul>\n\n
Who Is This For?<\/h4>\n\n\n- Electronics stores<\/strong> \u2014 compare specs, weight, dimensions, and price side by side<\/li>\n
- Fashion & apparel<\/strong> \u2014 compare sizes, colors, and materials with attribute rows<\/li>\n
- Furniture & home<\/strong> \u2014 compare dimensions and weight for large items<\/li>\n
- Sporting goods<\/strong> \u2014 compare product attributes and ratings instantly<\/li>\n
- B2B stores<\/strong> \u2014 share and bookmark compare lists with the shareable URL feature<\/li>\n
- Agencies<\/strong> \u2014 clean code, developer hooks, and no licensing headaches<\/li>\n<\/ul>\n\n\n
\n- Go to Plugins \u2192 Add New<\/strong> in your WordPress admin and search for Storzen Product Compare<\/strong>.<\/li>\n
- Click Install Now<\/strong>, then Activate<\/strong>.<\/li>\n
- A Compare Products<\/strong> page is created automatically on activation.<\/li>\n
- The Add to Compare<\/strong> button appears on your WooCommerce shop and product pages immediately.<\/li>\n
- Go to Compare Products<\/strong> in your admin sidebar to configure settings, fields, and display options.<\/li>\n<\/ol>\n\n
Manual installation:<\/strong><\/p>\n\n\n- Download the ZIP file.<\/li>\n
- Go to Plugins \u2192 Add New \u2192 Upload Plugin<\/strong>.<\/li>\n
- Upload the ZIP and activate.<\/li>\n<\/ol>\n\n\n
\nDoes this work without Elementor?<\/h3><\/dt>\nYes \u2014 Elementor is completely optional. All features (comparison table, floating bar, modal mode, blocks) work without Elementor installed.<\/p><\/dd>\n
Will the Compare button appear automatically?<\/h3><\/dt>\nYes. After activation, the Add to Compare button is injected automatically into your WooCommerce shop and product archive pages using standard WooCommerce hooks. No template editing required.<\/p><\/dd>\n
Does it work with the WooCommerce Product Collection block (WC 8.0+)?<\/h3><\/dt>\nYes \u2014 fully supported. The Product Collection block is the default Shop page block in WooCommerce 8.0 and later, and Storzen explicitly targets it via the render_block<\/code> filter. The compare button is injected into each product card automatically.<\/p><\/dd>\nHow do I use the native Gutenberg block?<\/h3><\/dt>\nGo to the Block Editor (any page, post, or FSE template) and search for Compare Button<\/strong> in the block inserter. The block is listed under the WooCommerce category. When placed inside a product loop template, it reads the product ID from context automatically.<\/p><\/dd>\nHow does the Difference Highlighter work?<\/h3><\/dt>\nThe compare table header has a Show differences only<\/strong> toggle button. Click once to highlight rows where values differ. Click again to hide identical rows entirely (filter mode). Click a third time to reset. The highlight color is customisable in Settings \u2192 Display.<\/p><\/dd>\nWhat is the Hover Overlay button?<\/h3><\/dt>\nWhen enabled in Settings \u2192 Display \u2192 Archive Button Style, the Compare button appears as a CSS overlay on the product image when hovered \u2014 no JavaScript events, just pure CSS transitions.<\/p><\/dd>\n
What does the Most Compared shortcode do?<\/h3><\/dt>\n[storprco_most_compared limit=\"5\" columns=\"3\"] renders a product grid sorted by compare count \u2014 showing your most popular products for comparison. Counts are tracked per WooCommerce session to prevent inflation, stored as postmeta, with no custom database tables.<\/p><\/dd>\n
Can I show WooCommerce attributes like Color and Size in the table?<\/h3><\/dt>\nYes. Go to Compare Products \u2192 Advanced \u2192 Product Attributes<\/strong> and enable any global attribute. Each enabled attribute (Color, Size, Material, etc.) becomes its own row in the compare table.<\/p><\/dd>\nHow many products can customers compare at once?<\/h3><\/dt>\n3 by default. You can increase this up to 5 in Settings \u2192 General \u2192 Max Products<\/strong>.<\/p><\/dd>\nDoes it work with HPOS (High-Performance Order Storage)?<\/h3><\/dt>\nYes \u2014 fully compatible with WooCommerce HPOS.<\/p><\/dd>\n
Will it slow down my store?<\/h3><\/dt>\nNo. Plugin assets are enqueued only on pages that need them (shop page, product archive, compare page). On all other pages, no CSS or JavaScript is loaded.<\/p><\/dd>\n
Is it compatible with my theme?<\/h3><\/dt>\nStorzen uses only standard WooCommerce and WordPress hooks. It is compatible with most WooCommerce themes \u2014 classic themes, FSE block themes, Storefront, Astra, Flatsome, Divi, and more.<\/p><\/dd>\n
Can I customise the table appearance?<\/h3><\/dt>\nYes \u2014 in two ways. First, choose from 3 built-in presets in Settings \u2192 Display. Second, all colours are CSS custom properties (e.g. --storprco-header-bg<\/code>) that you can override in your child theme with a single line of CSS.<\/p><\/dd>\nIs there a Pro version?<\/h3><\/dt>\nA Pro version with ACF\/custom field attributes, advanced typography customiser, and PDF export is coming soon. Core features \u2014 including Gutenberg block, floating bar, diff highlighter, modal mode, and all attributes \u2014 are and will remain free.<\/p><\/dd>\n\n<\/dl>\n\n\n
1.1.2<\/h4>\n\n\n- New: Table Style Presets \u2014 3 built-in themes (Default, Clean, Bold) selectable from Settings \u2192 Display; all use CSS custom properties for easy child theme override<\/li>\n
- New: Archive Page Hover Overlay Button \u2014 compare button appears on product image on hover; pure CSS reveal, zero extra JavaScript; toggle in Settings \u2192 Display \u2192 Archive Button Style<\/li>\n
- New: Modal \/ Popup Compare Mode \u2014 AJAX-powered native
<dialog><\/code> overlay; customers stay on the current page with no reload; toggle in Settings \u2192 General \u2192 Compare Mode<\/li>\n- New: \"Most Compared\" shortcode
[storprco_most_compared]<\/code> \u2014 product grid ordered by compare count; session-deduplicated tracking via postmeta, no custom DB tables<\/li>\n- Improvement: compareMode, tableTheme, and buttonStyle passed to frontend JS for dynamic behaviour<\/li>\n<\/ul>\n\n
1.1.1<\/h4>\n\n\n- New: Native Gutenberg block
storzen\/compare-button<\/code> \u2014 drag the Compare Button into any FSE template, product page, or layout via the Block Editor<\/li>\n- Fix: Added
woocommerce\/product-collection<\/code> to supported block targets \u2014 this is the default Shop page block in WooCommerce 8.0+ and was previously missing, causing the Compare button not to appear on most modern stores<\/li>\n- Fix: Product ID in block context now resolved from
$block['context']['postId']<\/code> (WC 8.0+ Product Collection) with fallback to block attrs and global $product<\/code> \u2014 reliable across all block variants<\/li>\n- Fix: Asset enqueue now covers
woocommerce\/product-collection<\/code> and woocommerce\/product-template<\/code> in addition to woocommerce\/all-products<\/code><\/li>\n- Fix: Injection point expanded to
<\/li><\/code> \u2192 <\/article><\/code> \u2192 <\/div><\/code> for better FSE theme compatibility<\/li>\n<\/ul>\n\n1.1.0<\/h4>\n\n\n- New: Floating Compare Bar \u2014 sticky bottom drawer with product thumbnails, slot placeholders, and one-click Compare Now button<\/li>\n
- New: Difference Highlighter \u2014 auto-detects rows where values differ; Same\/Different badges; 3-state toggle (off \/ highlight \/ filter)<\/li>\n
- New: Admin-configurable highlight color with live preview<\/li>\n
- New: WooCommerce Product Attributes support \u2014 enable any global attribute (Color, Size, Material\u2026) as compare rows from Settings \u2192 Advanced<\/li>\n
- New: Weight and Dimensions rows \u2014 pulls automatically from WooCommerce product data<\/li>\n
- New: Drag-and-drop field reordering \u2014 reorder compare table rows in admin; keyboard accessible (Up\/Down arrows)<\/li>\n
- Improvement: Accessibility \u2014
scope=\"col\"\/\"row\"<\/code> on all table headers, aria-selected<\/code> sync, focus-visible<\/code> styles, skip-link for keyboard users<\/li>\n<\/ul>\n\n1.0.0<\/h4>\n\n\n- Initial release<\/li>\n
- AJAX product comparison with toast notifications<\/li>\n
- Dedicated compare page with
[storprco_compare_table]<\/code> shortcode<\/li>\n- Add to Compare button on shop and single product pages<\/li>\n
- Responsive comparison table<\/li>\n
- Elementor Compare Table widget<\/li>\n
- HPOS compatibility<\/li>\n
- WooCommerce Blocks compatibility<\/li>\n<\/ul>","raw_excerpt":"WooCommerce product compare plugin \u2014 floating bar, diff highlighter, modal mode, Gutenberg block. Let shoppers compare products side by side.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/el.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/332310","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/el.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/el.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/el.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=332310"}],"author":[{"embeddable":true,"href":"https:\/\/el.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/devhasib"}],"wp:attachment":[{"href":"https:\/\/el.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=332310"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/el.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=332310"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/el.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=332310"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/el.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=332310"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/el.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=332310"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/el.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=332310"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}