📌 Version 1.0 This is the first generation of our components. Some may have minor alignment differences or use widgets that aren't perfectly matched to the content type. Even so, they provide a strong structural foundation and are very useful for quickly building any type of website. We're continuously improving them; future versions will be even more polished.

Shop Pages

Store layouts, product grids, and catalog pages

150 components

Version:

📌 Version 1.0 This is the first generation of our components. Some may have minor alignment differences or use widgets that aren't perfectly matched to the content type. Even so, they provide a strong structural foundation and are very useful for quickly building any type of website. We're continuously improving them; future versions will be even more polished.

Shop Page Design 1 - Elementor component
Elementor ProV3 Adaptive

Shop Page Design 1

product grid 3-column with image + title + price

headingtext-editor
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

headingtext-editor
Shop Page Design 3 - Elementor component
Elementor ProV3 Adaptive

Shop Page Design 3

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

headingtext-editor
Shop Page Design 4 - Elementor component
Elementor ProV3 Adaptive

Shop Page Design 4

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

headingtext-editor
Shop Page Design 5 - Elementor component
Elementor ProV3 Adaptive

Shop Page Design 5

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

headingtext-editor
Shop Page Design 6 - Elementor component
Elementor ProV3 Adaptive

Shop Page Design 6

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

headingtext-editor

Get new V4 components weekly

We add 200+ new V4 atomic components every week. Drop your email and get the new ones in a weekly digest, plus the free V4 migration starter kit as a welcome gift.

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

headingtext-editor
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

headingtext-editor
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

headingtext-editor
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

headingtext-editor
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

headingtext-editor
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

headingtext-editor
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

headingtext-editor
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

headingtext-editor
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

headingtext-editor
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

headingtext-editor
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

headingtext-editor
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

headingtext-editor
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

headingtext-editor
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

headingtext-editor
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

headingtext-editor
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

headingtext-editor
Shop Page Design 5 4 - Elementor component
Elementor ProV3 Adaptive

Shop Page Design 5 4

product grid 4-column

headingtext-editor
Shop Page Design 6 4 - Elementor component
Elementor ProV3 Adaptive

Shop Page Design 6 4

product grid 4-column with CTA button below

headingtext-editor