The shop, right in the grid.
Quick View, colour swatches, sale and stock badges and more price fields for WooCommerce product grids. Customers pick a colour and add to cart without leaving the grid.
The Fenwray demo shop, live
-
-18%OuterwearBreakwater Parka
Original price was: €279.00.€229.00Current price is: €229.00.Colours: Sand, Kelp, Ink -
-20%Shirts & TeesHeavyweight Pocket Tee
Price range: €36.00 through €45.00Colours: Chalk, Rust, Fog, Ink
Seen in the Fenwray shop.
Quick View
The product, over the grid.
Quick View opens a product in the grid’s lightbox: its pictures, price, short description and stock, a choice for each option, quantity and Add to cart. The page stays where it was.
- Thumbnails switch the picture
- Add to cart without a page load
- On grids of the 4.0 front end; elsewhere the button opens the product page
Swatches
Colours as swatches, sizes as pills.
Each option of a product is a row of swatches or pills, in WooCommerce’s order. A choice that does not go with the others is marked, and price, stock and picture follow the variation.
- Swatch colours from the colour attribute
- The same swatches in ESG Facets’ colour filter
Badges and prices
Sale, stock and price.
A sale badge with the real discount, a stock label such as “Only 3 left”, and prices as your shop shows them: regular, sale and from. A layer can show only in stock, low in stock or for new products.
- A price range filter, with ESG Facets
- A rating filter, “4 stars and up”, and the rating count
- The sale’s end date or a countdown to it
What ESG Commerce adds.
Elements and rules for the skin editor, and six filter types for ESG Facets. It needs WooCommerce.
Card elements
- Sale badge
- Regular price, sale price, price from
- Stock label and stock quantity
- Sale end date and countdown
- SKU and rating count
- Attributes
- Quick view button
- Add to cart, no reload
Show a layer when
- In stock
- Out of stock
- Low in stock
- The product has variations
- The product is new (30 days, or your number)
Filters, with ESG Facets
- Price range
- Product attribute: swatches, pills, checkboxes, radio buttons or a dropdown
- Stock status
- On sale
- Rating, “N stars and up”
- Featured
Built with ESG Commerce.
The Fenwray shop uses ESG Commerce for its Quick View, sale badges and stock labels.
ESG Commerce is a premium add-on. It needs a yearly licence.
Essential Grid 4, every update and nine add-ons are free for every site. A yearly licence adds the premium add-ons, the premium templates and support. Every plan has every premium add-on; the plans differ only in the number of sites.