Shop Pages

Store layouts, product grids, and catalog pages

270 components

Version:

Shop Page Design 1 1 - Elementor component

Elementor ProV3 Adaptive

Shop Page Design 1 1

shop + search bar + CTA spacious variant with extra padding

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

Shop Page Design 2 1 - Elementor component

Elementor ProV3 Adaptive

Shop Page Design 2 1

shop + search bar + CTA with social-icons row

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

Shop Page Design 3 1 - Elementor component

Elementor ProV3 Adaptive

Shop Page Design 3 1

shop + search bar + CTA with counter stat

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

Shop Page Design 4 1 - Elementor component

Elementor ProV3 Adaptive

Shop Page Design 4 1

shop + search bar + CTA full-width layout

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

Shop Page Design 5 1 - Elementor component

Elementor ProV3 Adaptive

Shop Page Design 5 1

shop + search bar + CTA narrow centered card style

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

Shop Page Design 6 1 - Elementor component

Elementor ProV3 Adaptive

Shop Page Design 6 1

shop + search bar + CTA with divider below

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

Shop Page Design 1 2 2 - Elementor component

Elementor ProV3 Adaptive

Shop Page Design 1 2 2

shop + search bar + CTA right-aligned layout

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

Shop Page Design 2 2 2 - Elementor component

Elementor ProV3 Adaptive

Shop Page Design 2 2 2

shop + search bar + CTA 4-column variant

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

Shop Page Design 3 2 2 - Elementor component

Elementor ProV3 Adaptive

Shop Page Design 3 2 2

shop + search bar + CTA with alert banner above

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

Shop Page Design 4 2 2 - Elementor component

Elementor ProV3 Adaptive

Shop Page Design 4 2 2

shop + search bar + CTA with breadcrumb above

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

Shop Page Design 5 2 2 - Elementor component

Elementor ProV3 Adaptive

Shop Page Design 5 2 2

shop + search bar + CTA minimal single-row

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

Shop Page Design 6 2 2 - Elementor component

Elementor ProV3 Adaptive

Shop Page Design 6 2 2

shop + search bar + CTA with background container card

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

Shop Page Design 1 3 2 - Elementor component

Elementor ProV3 Adaptive

Shop Page Design 1 3 2

shop + loop-grid (Pro) custom layout

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

Shop Page Design 2 3 2 - Elementor component

Elementor ProV3 Adaptive

Shop Page Design 2 3 2

shop + loop-grid (Pro) custom layout with CTA button below

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

Shop Page Design 3 3 2 - Elementor component

Elementor ProV3 Adaptive

Shop Page Design 3 3 2

shop + loop-grid (Pro) custom layout with divider above

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

Shop Page Design 4 3 2 - Elementor component

Elementor ProV3 Adaptive

Shop Page Design 4 3 2

shop + loop-grid (Pro) custom layout with image placeholder

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

Shop Page Design 5 3 2 - Elementor component

Elementor ProV3 Adaptive

Shop Page Design 5 3 2

shop + loop-grid (Pro) custom layout with icon accents

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

Shop Page Design 6 3 2 - Elementor component

Elementor ProV3 Adaptive

Shop Page Design 6 3 2

shop + loop-grid (Pro) custom layout centered layout

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

Shop Page Design 1 4 2 - Elementor component

Elementor ProV3 Adaptive

Shop Page Design 1 4 2

shop + loop-grid (Pro) custom layout left-aligned layout

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

Shop Page Design 2 4 2 - Elementor component

Elementor ProV3 Adaptive

Shop Page Design 2 4 2

shop + loop-grid (Pro) custom layout 2-column variant

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

Shop Page Design 3 4 2 - Elementor component

Elementor ProV3 Adaptive

Shop Page Design 3 4 2

shop + loop-grid (Pro) custom layout 3-column variant

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

Shop Page Design 4 4 2 - Elementor component

Elementor ProV3 Adaptive

Shop Page Design 4 4 2

shop + loop-grid (Pro) custom layout compact variant

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

Shop Page Design 5 4 2 - Elementor component

Elementor ProV3 Adaptive

Shop Page Design 5 4 2

shop + loop-grid (Pro) custom layout spacious variant with extra padding

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

Shop Page Design 6 4 2 - Elementor component

Elementor ProV3 Adaptive

Shop Page Design 6 4 2

shop + loop-grid (Pro) custom layout with social-icons row

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