4.0Essential Grid 4.0 is here — see what’s new
Essential Grid
Download free
Buy now
New in 4.0Add-on · Commerce: built with the ESG Commerce add-onAdd-on · Facets: built with the ESG Facets add-onShopMasonry

Fenwray Coastal Shop with Facets and Quick View

A clothing shop’s WooCommerce catalogue with a filter bar: categories with live counts, colour swatches, sizes, a price range and offers. A pick updates the grid in place, and the address with it. Cards show sale and low-stock badges and the second colour on hover; Quick View opens the product with its colours and sizes.

Get Essential Grid

The live grid

yoursite.com/fenwray-coastal-shop-with-facets-grid/Live grid · demo content

Category
Category
Colour
Colour
Size
Size
Price
Price (€)
Offers
Offers
Stock
Stock

An invented brand with generated photos, in the site’s demo shop: add to cart works, nothing can be ordered. The filter bar and the card’s sale, stock and Quick View elements come from the premium add-ons ESG Facets and ESG Commerce (with a yearly Essential Grid licence). One grid, eleven styles

The recipe

Use case
Shop
Layout
Masonry
Source
WooCommerce
Skin
Coastal Shop
Effects
Blur rise entranceGlide & scale re-layoutImage swapQuick View lightbox
Grid features
Facet filtersPrice rangeColour swatchesFilter countsSale badgesStock labelsSortLoad more
Works with
GutenbergElementorDiviWPBakeryShortcode
Get Essential Grid Browse more examples

Related examples

All examples