Shop Pages

Store layouts, product grids, and catalog pages

270 components

Version:

Shop Page Design 1 - Elementor component

Elementor ProV3 Adaptive

Shop Page Design 1

product grid 3-column with image + title + price

woocommerce-breadcrumbtheme-archive-titlewoocommerce-archive-descriptionwc-archive-products+1

Shop Page Design 2 - Elementor component

Elementor ProV3 Adaptive

Shop Page Design 2

product grid 3-column with image + title + price with CTA button below

woocommerce-breadcrumbtheme-archive-titlewoocommerce-archive-descriptionwoocommerce-products

Shop Page Design 3 - Elementor component

Elementor ProV3 Adaptive

Shop Page Design 3

product grid 3-column with image + title + price with divider above

woocommerce-breadcrumbtheme-archive-titlewoocommerce-archive-descriptionwc-archive-products

Shop Page Design 4 - Elementor component

Elementor ProV3 Adaptive

Shop Page Design 4

product grid 3-column with image + title + price with image placeholder

woocommerce-breadcrumbtheme-archive-titlewoocommerce-archive-descriptionwoocommerce-products+1

Shop Page Design 5 - Elementor component

Elementor ProV3 Adaptive

Shop Page Design 5

product grid 3-column with image + title + price with icon accents

woocommerce-breadcrumbtheme-archive-titlewoocommerce-archive-descriptionwc-archive-products

Shop Page Design 6 - Elementor component

Elementor ProV3 Adaptive

Shop Page Design 6

product grid 3-column with image + title + price centered layout

woocommerce-breadcrumbtheme-archive-titlewoocommerce-archive-descriptionwoocommerce-products

Get our free 28-page V4 migration guide and starter kit

Drop your email for two free welcome gifts: a hand-picked V4 component starter kit and our 28-page guide to migrating client sites to V4. Plus a heads-up whenever we add new components.

No spam. Unsubscribe anytime. We'll also let you know when new V4 components drop.

Shop Page Design 1 2 - Elementor component

Elementor ProV3 Adaptive

Shop Page Design 1 2

product grid 3-column with image + title + price left-aligned layout

woocommerce-breadcrumbtheme-archive-titlewoocommerce-archive-descriptionwc-archive-products+1

Shop Page Design 2 2 - Elementor component

Elementor ProV3 Adaptive

Shop Page Design 2 2

product grid 3-column with image + title + price 2-column variant

woocommerce-breadcrumbtheme-archive-titlewoocommerce-archive-descriptionwoocommerce-products

Shop Page Design 3 2 - Elementor component

Elementor ProV3 Adaptive

Shop Page Design 3 2

product grid 3-column with image + title + price 3-column variant

woocommerce-breadcrumbtheme-archive-titlewoocommerce-archive-descriptionwc-archive-products

Shop Page Design 4 2 - Elementor component

Elementor ProV3 Adaptive

Shop Page Design 4 2

product grid 3-column with image + title + price compact variant

woocommerce-breadcrumbtheme-archive-titlewoocommerce-archive-descriptionwoocommerce-products+1

Shop Page Design 5 2 - Elementor component

Elementor ProV3 Adaptive

Shop Page Design 5 2

product grid 3-column with image + title + price spacious variant with extra padding

woocommerce-breadcrumbtheme-archive-titlewoocommerce-archive-descriptionwc-archive-products

Shop Page Design 6 2 - Elementor component

Elementor ProV3 Adaptive

Shop Page Design 6 2

product grid 3-column with image + title + price with social-icons row

woocommerce-breadcrumbtheme-archive-titlewoocommerce-archive-descriptionwoocommerce-products

Shop Page Design 1 3 - Elementor component

Elementor ProV3 Adaptive

Shop Page Design 1 3

product grid 3-column with image + title + price with counter stat

woocommerce-breadcrumbtheme-archive-titlewoocommerce-archive-descriptionwc-archive-products+1

Shop Page Design 2 3 - Elementor component

Elementor ProV3 Adaptive

Shop Page Design 2 3

product grid 3-column with image + title + price full-width layout

woocommerce-breadcrumbtheme-archive-titlewoocommerce-archive-descriptionwoocommerce-products

Shop Page Design 3 3 - Elementor component

Elementor ProV3 Adaptive

Shop Page Design 3 3

product grid 3-column with image + title + price narrow centered card style

woocommerce-breadcrumbtheme-archive-titlewoocommerce-archive-descriptionwc-archive-products

Shop Page Design 4 3 - Elementor component

Elementor ProV3 Adaptive

Shop Page Design 4 3

product grid 3-column with image + title + price with divider below

woocommerce-breadcrumbtheme-archive-titlewoocommerce-archive-descriptionwoocommerce-products+1

Shop Page Design 5 3 - Elementor component

Elementor ProV3 Adaptive

Shop Page Design 5 3

product grid 3-column with image + title + price right-aligned layout

woocommerce-breadcrumbtheme-archive-titlewoocommerce-archive-descriptionwc-archive-products

Shop Page Design 6 3 - Elementor component

Elementor ProV3 Adaptive

Shop Page Design 6 3

product grid 3-column with image + title + price 4-column variant

woocommerce-breadcrumbtheme-archive-titlewoocommerce-archive-descriptionwoocommerce-products

Shop Page Design 1 4 - Elementor component

Elementor ProV3 Adaptive

Shop Page Design 1 4

product grid 3-column with image + title + price with alert banner above

woocommerce-breadcrumbtheme-archive-titlewoocommerce-archive-descriptionwc-archive-products+1

Shop Page Design 2 4 - Elementor component

Elementor ProV3 Adaptive

Shop Page Design 2 4

product grid 3-column with image + title + price with breadcrumb above

woocommerce-breadcrumbtheme-archive-titlewoocommerce-archive-descriptionwoocommerce-products

Shop Page Design 3 4 - Elementor component

Elementor ProV3 Adaptive

Shop Page Design 3 4

product grid 3-column with image + title + price minimal single-row

woocommerce-breadcrumbtheme-archive-titlewoocommerce-archive-descriptionwc-archive-products

Shop Page Design 4 4 - Elementor component

Elementor ProV3 Adaptive

Shop Page Design 4 4

product grid 3-column with image + title + price with background container card

woocommerce-breadcrumbtheme-archive-titlewoocommerce-archive-descriptionwoocommerce-products+1

Shop Page Design 5 4 - Elementor component

Elementor ProV3 Adaptive

Shop Page Design 5 4

product grid 4-column

woocommerce-breadcrumbtheme-archive-titlewoocommerce-archive-descriptionwc-archive-products

Shop Page Design 6 4 - Elementor component

Elementor ProV3 Adaptive

Shop Page Design 6 4

product grid 4-column with CTA button below

woocommerce-breadcrumbtheme-archive-titlewoocommerce-archive-descriptionwoocommerce-products