Title: StoreDisplay – Product Display Layouts for WooCommerce
Author: wpazleen
Published: جُون 20, 2025
Last modified: جُون 15, 2026
---
Search plugins
# StoreDisplay – Product Display Layouts for WooCommerce
By [wpazleen](https://profiles.wordpress.org/wpazleen/)
[Download](https://downloads.wordpress.org/plugin/product-display.2.5.0.zip)
* [Details](https://bcc.wordpress.org/plugins/product-display/#description)
* [Reviews](https://bcc.wordpress.org/plugins/product-display/#reviews)
* [Installation](https://bcc.wordpress.org/plugins/product-display/#installation)
* [Development](https://bcc.wordpress.org/plugins/product-display/#developers)
[Support](https://wordpress.org/support/plugin/product-display/)
## Description
**Store Display** gives WooCommerce stores 12+ professional product layouts plus
built-in wishlist analytics, product compare, quick view, direct shop page integration,
layout cloning, and JSON export/import. One plugin instead of four or five.
Most store owners end up installing separate plugins for product grids, wishlists,
comparison tables, and quick view popups. Store Display replaces all of them. Build
WooCommerce product grids, sliders, masonry galleries, flip cards, product tables,
and animated showcase layouts, then assign them directly to your shop, category,
and tag pages. No coding required.
[Website](https://wpazleen.com/product-display/) | [Documentation](https://wpazleen.com/docs/)
| [Pro Support](https://wpazleen.com/support/)
**The only free WooCommerce layout plugin with built-in wishlist analytics, shop
page integration, layout clone, and JSON export/import.**
#### What is included in the free version
* 12+ professional layouts: Product Grid, Card, Slider, Masonry, Product Gallery,
Flip, Product Table, Product Showcase, Category Tabs, List, CTA, and Caption
with 18+ hover effects
* Shop Page Integration: assign any layout to your shop, category, or tag pages
using 8 position options, including replacing the default WooCommerce product
grid entirely
* Layout Clone: duplicate any saved layout with one click
* Export and Import (JSON): move layouts between sites, ideal for agencies and
developers
* Built-in Wishlist: floating button, modal, guest support, session persistence,
and social sharing
* Wishlist Analytics Dashboard: activity trend chart, top wishlisted products,
restock opportunities, top user insights, live feed, and retention rate tracking
* Product Compare: side-by-side table with attributes, ratings, and direct Add
to Cart
* Quick View Popup: product details, image gallery, variation selection, and Add
to Cart without leaving the page
* AJAX Filtering: filter by category, price, tag, attribute, stock, and custom
taxonomy without page reload
* Elementor Widget with live preview
* Gutenberg Block with settings panel
* WooCommerce HPOS compatible
* Mobile-first responsive with independent column counts for desktop, tablet, and
mobile
### Shop Page Integration
Take full control of how products appear across your store without touching any
code.
Assign any saved layout to your store pages using 8 position options:
* Before Shop Content
* After Shop Header
* Before Product Grid
* Between Products (Top)
* Between Products (Middle)
* After Product Grid
* After Shop Content
* Replace Product Grid (completely replaces the default WooCommerce product grid
with your custom layout)
Page conditions let you target the shop page, category pages, or tag pages independently.
Select your layout, pick a position, choose your pages, and save.
### Layout Clone, Export and Import
Build your layout once, then reuse it across your site or share it with any store.
* Clone Layout: duplicate any existing layout with one click; the copy is fully
independent from the original
* Export as JSON: download any layout as a JSON file
* Import from JSON: bring that layout into any WordPress site running Store Display,
ideal for agencies and multi-site setups
### Wishlist Analytics Dashboard
No other free WooCommerce product layout plugin includes a built-in wishlist analytics
dashboard. The dashboard shows:
* Activity Trend Chart: daily wishlist adds and removes so you can spot demand
patterns over time
* Top Wishlisted Products: know which items customers want most before you restock
* Restock Opportunities: out-of-stock products with high wishlist demand, flagged
automatically
* Top User Insights: your most engaged customers and how they interact with your
store
* Live Activity Feed: real-time stream of wishlist events
* Retention Rate Tracking: how many users keep items wishlisted over time
### Advanced Wishlist System
* Floating wishlist button with live product count
* Modal interface to manage saved items
* Guest wishlist support, works without an account
* Wishlist persists across browser sessions
* Social sharing and email-your-wishlist
### Product Compare
* Side-by-side comparison of multiple products
* Attribute, price, rating, and specification rows
* Add to Cart directly from the compare modal
* Compare list maintained across page navigation
### Quick View
* Instant product detail popup without page navigation
* Full image gallery browsing inside the popup
* Variation selection (size, color, and other attributes)
* Add to Cart and related products inside the quick view
### AJAX Product Filtering
* Category, subcategory, and custom taxonomy filters
* Price range slider (min and max)
* Attribute filters: color, size, brand, and custom attributes
* Tag, stock status, and on-sale filters
* All filters update results without a page reload
### WooCommerce Product Grid Layouts
Create responsive WooCommerce product grids with three style variations: Basic,
Enhanced, and Advanced. Customize columns, spacing, borders, shadows, hover effects,
and typography. Assign directly to your shop page via Shop Page Integration.
### WooCommerce Product Slider and Carousel
Product sliders and carousels with autoplay, navigation arrows, pagination dots,
and full touch/swipe support. Three slider variations to match different store designs.
### WooCommerce Product Table
Sortable product tables with bulk actions and built-in comparison mode. Designed
for B2B stores and wholesale operations where buyers need to compare specifications
before ordering.
### WooCommerce Product Gallery and Masonry
Masonry grids and product gallery layouts with image hover effects, lightbox integration,
and automatic adjustment for different image proportions.
### Flip Card Layouts
Simple Flip, 3D Flip, Slide Flip, Fade Flip, and Creative Flip. Each reveals extra
product information on hover or click for an interactive browsing experience.
### Caption Overlay Layouts (18+ Hover Effects)
Blinds Vertical, Blocks Zoom, Book Open, Border Reveal, Bounce, Circle Transitions,
Cube Rotations, Swiper Slides, Liquid Morph, Neon Glow, Origami Fold, Particle Burst,
Hologram, Glass Shatter, Magnetic Pull, Quantum Tunnel, Fire Ignition, and Matrix
Rain. The most extensive caption animation library in any free WooCommerce display
plugin.
### Call-to-Action and Category Tab Layouts
CTA layouts with prominent buttons for conversion-focused placements. Category tab
layouts with horizontal, vertical, or animated navigation for stores with multiple
product categories.
#### Who uses Store Display
* E-commerce stores replacing the default WooCommerce shop grid with a custom product
layout
* B2B and wholesale stores using product table layouts with compare and bulk features
* Data-driven store owners using wishlist analytics to forecast demand before restocking
* Agencies and developers cloning and exporting layouts across client sites
* Mobile-first stores needing AJAX pagination and lazy loading
* Multi-category stores using category tabs to keep large catalogues organized
#### Shortcode examples
```
[product_display layout="grid" columns="4" limit="12"]
[product_display layout="slider" autoplay="yes" arrows="yes"]
[product_display layout="table" show_compare="yes" show_quickview="yes"]Elementor Integration
```
1. Edit your page with Elementor
2. Search for the “Product Display” widget 3.
Select your saved layout 4. Configure settings with live preview 5. Publish
### Gutenberg Block
1. Add the “Product Display” block from the block inserter
2. Select a layout from the dropdown
3. Configure block settings in the sidebar
4. Preview and publish
### Performance and Compatibility
* Lazy loading for faster initial page load
* AJAX pagination without full page reloads
* Minified CSS and JS assets
* CDN-ready
* Compatible with WP Rocket, W3 Total Cache, and LiteSpeed Cache
* Tested with Astra, OceanWP, GeneratePress, Storefront, Divi, and Avada
* Compatible with WPML, Polylang, and RTL languages
* Works with WooCommerce currency switchers, subscriptions, and booking plugins
* WooCommerce HPOS fully supported
### External Libraries
* Masonry.js (MIT License): [masonry.desandro.com](https://masonry.desandro.com/)–
responsive grid layout
* Slick.js (MIT License): [kenwheeler.github.io/slick](https://kenwheeler.github.io/slick/)–
product carousels and sliders
* toastmaster.js (MIT License): [npmjs.com/package/toastmaster](https://www.npmjs.com/package/toastmaster)–
toast notifications and modals
No data is sent to external services when using these libraries.
### Connect and Support
* [Support Forum](https://wordpress.org/support/plugin/product-display/)
* [Documentation](https://wpazleen.com/docs/)
* [Report a Bug](https://wordpress.org/support/plugin/product-display/)
## Screenshots
[⌊Product Display Builder Panel: visual layout editor with live preview and all
configuration controls⌉⌊Product Display Builder Panel: visual layout editor with
live preview and all configuration controls⌉[
Product Display Builder Panel: visual layout editor with live preview and all configuration
controls
[⌊WooCommerce Product Grid Layout: responsive product grid with hover effects, Add
to Cart, and wishlist button⌉⌊WooCommerce Product Grid Layout: responsive product
grid with hover effects, Add to Cart, and wishlist button⌉[
WooCommerce Product Grid Layout: responsive product grid with hover effects, Add
to Cart, and wishlist button
[⌊Product List Layout: clean scannable list view optimized for mobile browsing⌉⌊
Product List Layout: clean scannable list view optimized for mobile browsing⌉[
Product List Layout: clean scannable list view optimized for mobile browsing
[⌊WooCommerce Product Table Layout: sortable product table with comparison features
for B2B stores⌉⌊WooCommerce Product Table Layout: sortable product table with comparison
features for B2B stores⌉[
WooCommerce Product Table Layout: sortable product table with comparison features
for B2B stores
[⌊Product Showcase Design: hero showcase layout for featured and promotional products⌉⌊
Product Showcase Design: hero showcase layout for featured and promotional products⌉[
Product Showcase Design: hero showcase layout for featured and promotional products
[⌊WooCommerce Product Gallery Layout: image-focused product gallery with lightbox
integration⌉⌊WooCommerce Product Gallery Layout: image-focused product gallery with
lightbox integration⌉[
WooCommerce Product Gallery Layout: image-focused product gallery with lightbox
integration
[⌊Product Slider / Carousel Layout: autoplay carousel with swipe support and navigation
dots⌉⌊Product Slider / Carousel Layout: autoplay carousel with swipe support and
navigation dots⌉[
Product Slider / Carousel Layout: autoplay carousel with swipe support and navigation
dots
[⌊CTA Product Layout: conversion-optimized layout with prominent call-to-action
buttons⌉⌊CTA Product Layout: conversion-optimized layout with prominent call-to-
action buttons⌉[
CTA Product Layout: conversion-optimized layout with prominent call-to-action buttons
[⌊Wishlist Analytics Dashboard: activity trend chart, top wishlisted products, restock
opportunities, live feed, and retention rate⌉⌊Wishlist Analytics Dashboard: activity
trend chart, top wishlisted products, restock opportunities, live feed, and retention
rate⌉[
Wishlist Analytics Dashboard: activity trend chart, top wishlisted products, restock
opportunities, live feed, and retention rate
[⌊Quick View Popup: instant product detail modal with image gallery, variations,
and Add to Cart⌉⌊Quick View Popup: instant product detail modal with image gallery,
variations, and Add to Cart⌉[
Quick View Popup: instant product detail modal with image gallery, variations, and
Add to Cart
[⌊Flip Card and Caption Hover Layouts: 3D flip animation and 18+ hover effects⌉⌊
Flip Card and Caption Hover Layouts: 3D flip animation and 18+ hover effects⌉[
Flip Card and Caption Hover Layouts: 3D flip animation and 18+ hover effects
[⌊Product Compare Table: side-by-side product comparison with attributes and ratings⌉⌊
Product Compare Table: side-by-side product comparison with attributes and ratings⌉[
Product Compare Table: side-by-side product comparison with attributes and ratings
[[
## Blocks
This plugin provides 1 block.
* Product Showcase
## Installation
#### Automatic Installation
1. Log in to your WordPress dashboard
2. Go to Plugins > Add New
3. Search for “Product Display”
4. Click Install Now, then Activate
#### Manual Installation
1. Download the plugin ZIP from WordPress.org
2. Upload the folder to `/wp-content/plugins/product-display`
3. Activate via Plugins > Installed Plugins
#### Initial Setup
Requirements: WordPress 5.9+, WooCommerce (latest recommended), PHP 7.2+
1. After activation, go to Dashboard > Product Display
2. Click Create New Layout and choose a layout type
3. Configure your product filters, design, and style settings
4. To assign to shop or category pages: go to Shop Page Integration, select your layout,
choose a position and page conditions, and save
5. Or copy the generated shortcode and paste it into any page, post, or widget
## FAQ
### Is Product Display compatible with WooCommerce?
Yes. It is built exclusively for WooCommerce and tested with every major WooCommerce
release, including WooCommerce HPOS. Supports standard, variable, grouped, and external
products.
### How is Product Display different from other WooCommerce product layout plugins?
It is the only free WooCommerce layout plugin that combines 12+ display types, including
product grid, product table, product gallery, and product showcase, with a built-
in wishlist analytics dashboard, product compare, quick view, direct shop page integration
with 8 position options, layout cloning, and JSON export/import. Most competing
plugins focus on one layout type, require separate wishlist and analytics plugins,
or lock these features behind a paywall.
### Can I assign a product layout directly to the WooCommerce shop page?
Yes. The Shop Page Integration feature lets you assign any saved layout to your
shop page, category pages, or tag pages using 8 position options, including replacing
the default WooCommerce product grid entirely. No shortcode or coding required.
### What positions are available in Shop Page Integration?
Eight positions: Before Shop Content, After Shop Header, Before Product Grid, Between
Products (Top), Between Products (Middle), After Product Grid, After Shop Content,
and Replace Product Grid.
### Can I clone an existing layout?
Yes. Any layout can be duplicated with one click from the Shortcode List. The clone
is fully independent and editing it does not affect the original.
### Does it support layout export and import?
Yes. Export any layout as a JSON file and import it on any WordPress site running
Store Display. Good for agencies managing multiple client sites or developers who
want to share layouts.
### What does the Wishlist Analytics Dashboard include?
The dashboard shows an Activity Trend Chart (daily adds and removes), Top Wishlisted
Products, Restock Opportunities (out-of-stock products with high wishlist demand),
Top User Insights, a Live Activity Feed, and Retention Rate tracking.
### Does it work with WooCommerce HPOS?
Yes. Fully compatible with WooCommerce High-Performance Order Storage and tested
with the latest WooCommerce versions.
### Can I use multiple layouts on the same page?
Yes. Place multiple shortcodes or Elementor widgets on the same page, each with
its own layout type, styling, and product selection.
### Is it mobile-responsive?
Yes. All product layouts use a mobile-first approach with independently configurable
column counts for desktop, tablet, and mobile. AJAX pagination and lazy loading
keep performance fast on all devices.
### Can I customize colors, fonts, and spacing?
Yes. The plugin includes color pickers, typography controls, spacing options, border
settings, shadow effects, and hover animation choices. No CSS required, though a
Custom CSS field is also available for advanced adjustments.
### Does it support product variations and attributes?
Yes. Variable, grouped, external, and all product attribute types are supported.
Customers can select variations from the product grid or the quick view popup.
### Can customers filter products without a page reload?
Yes. The AJAX filtering system supports category, price range, tag, attribute, stock
status, and custom taxonomy filtering, all without page navigation.
### Is the wishlist feature really free?
Yes. Store Display includes a complete wishlist system with floating button, modal
interface, guest support, session persistence, social sharing, and a full analytics
dashboard in the free version.
### Can shoppers compare products side by side?
Yes. The compare feature lets customers view multiple products in a table showing
prices, attributes, ratings, and specifications, with a direct Add to Cart button.
### Does it work with Elementor?
Yes. A dedicated Elementor widget with live preview is included. Changes appear
in real time inside the Elementor editor.
### Is it compatible with multilingual sites?
Yes. Compatible with WPML, Polylang, and other translation plugins. Translation-
ready with RTL support.
### Will it slow down my website?
No. The plugin uses lazy image loading, minified assets, efficient database queries,
AJAX pagination, and is compatible with major caching plugins including WP Rocket,
LiteSpeed Cache, and W3 Total Cache.
### Is there a Pro version?
Yes. A premium version with additional layouts, advanced customization, and priority
support is available. The free version already includes all core layouts, wishlist
with analytics, compare, quick view, shop page integration, clone, and export/import.
### Where can I get support?
Post your question in the [WordPress.org support forum](https://wordpress.org/support/plugin/product-display/).
Documentation and video tutorials are also available at [wpazleen.com/docs](https://wpazleen.com/docs/).
### Does it work with B2B or wholesale stores?
Yes. The product table layouts with sortable columns, bulk features, and product
compare are built for B2B buyers and wholesale operations.
### Is it compatible with WordPress 7.0?
Yes. Store Display is fully tested and compatible with WordPress 7.0 “Armstrong”.
## Reviews
### [Very prompt and helpful](https://wordpress.org/support/topic/very-prompt-and-helpful-2/)
[zalish.shawon](https://profiles.wordpress.org/zalishmahmud6/) جُلائی 16, 2025
Really impressive plugin, I love how the Showcase layout enhances the overall design.
[ Read all 1 review ](https://wordpress.org/support/plugin/product-display/reviews/)
## Contributors & Developers
“StoreDisplay – Product Display Layouts for WooCommerce” is open source software.
The following people have contributed to this plugin.
Contributors
* [ wpazleen ](https://profiles.wordpress.org/wpazleen/)
* [ sambyte ](https://profiles.wordpress.org/sambyte/)
[Translate “StoreDisplay – Product Display Layouts for WooCommerce” into your language.](https://translate.wordpress.org/projects/wp-plugins/product-display)
### Interested in development?
[Browse the code](https://plugins.trac.wordpress.org/browser/product-display/),
check out the [SVN repository](https://plugins.svn.wordpress.org/product-display/),
or subscribe to the [development log](https://plugins.trac.wordpress.org/log/product-display/)
by [RSS](https://plugins.trac.wordpress.org/log/product-display/?limit=100&mode=stop_on_copy&format=rss).
## Changelog
For the full changelog, see [headwayapp.co/product-display-changelog](https://headwayapp.co/product-display-changelog).
#### 2.5.0 – 13 June 2026
* Fixed custom CSS styling issues on the frontend
* Added 12 new layouts across Grid, Slider, and CTA types:
- Grid: Editorial Magazine, OLED Dark Showcase, Polaroid/Scrapbook, Aurora Glassmorphism,
Glassmorphism Dark, Warm Minimal Ivory
- Slider: Neubrutalism Bold Commerce, Aurora UI Dark, Organic Editorial/Warm
Card
- CTA: Glassmorphism Dark, Bento Editorial, Aurora Magazine
#### 2.4.0 – 05 June 2026
* New Custom CSS field to override layout styles
* Fixed styling issues in Quick View and Compare features
* Added compatibility with WordPress 7.0
#### 2.3.0 – 25 Apr 2026
* Introduced Wishlist Activity Trend, Most Wishlisted Products, Top Users, and
Restock Opportunities dashboard
* Added Export and Import Layout feature for JSON data portability
#### 2.2.3 – 15 Feb 2026
* Fixed editor style changes getting stuck
#### 2.2.2 – 15 Feb 2026
* Improved layout styles and UX
* Fixed variable product button conflict with Add to Cart
* Fixed Recommended page loading issues
#### 2.2.1 – 12 Feb 2026
* Fixed license activation issues
#### 2.2.0 – 25 Dec 2025
* Introduced new Shop Page Layout Selector
* Updated Freemius SDK
* Enhanced Compare feature with Add to Wishlist support
* Fixed load_plugin_textdomain issues
#### 2.1.0 – 13 Dec 2025
* Introduced Advanced Wishlist system
#### 2.0.0 – 01 Nov 2025
* Fully revamped using React
* Introduced 18 new Caption layouts
#### 1.0.0 – 20 June 2025
* Initial stable release
## Meta
* Version **2.5.0**
* Last updated **2 weeks ago**
* Active installations **20+**
* WordPress version ** 5.9 or higher **
* Tested up to **7.0**
* PHP version ** 7.2 or higher **
* Language
* [English (US)](https://wordpress.org/plugins/product-display/)
* Tags
* [product gallery](https://bcc.wordpress.org/plugins/tags/product-gallery/)[Product Grid](https://bcc.wordpress.org/plugins/tags/product-grid/)
[product table](https://bcc.wordpress.org/plugins/tags/product-table/)[WooCommerce layout](https://bcc.wordpress.org/plugins/tags/woocommerce-layout/)
* [Advanced View](https://bcc.wordpress.org/plugins/product-display/advanced/)
## Ratings
5 out of 5 stars.
* [ 1 5-star review ](https://wordpress.org/support/plugin/product-display/reviews/?filter=5)
* [ 0 4-star reviews ](https://wordpress.org/support/plugin/product-display/reviews/?filter=4)
* [ 0 3-star reviews ](https://wordpress.org/support/plugin/product-display/reviews/?filter=3)
* [ 0 2-star reviews ](https://wordpress.org/support/plugin/product-display/reviews/?filter=2)
* [ 0 1-star reviews ](https://wordpress.org/support/plugin/product-display/reviews/?filter=1)
[Your review](https://wordpress.org/support/plugin/product-display/reviews/#new-post)
[See all reviews](https://wordpress.org/support/plugin/product-display/reviews/)
## Contributors
* [ wpazleen ](https://profiles.wordpress.org/wpazleen/)
* [ sambyte ](https://profiles.wordpress.org/sambyte/)
## Support
Got something to say? Need help?
[View support forum](https://wordpress.org/support/plugin/product-display/)