This is a V3 Adaptive component, part of the free catalog: free to copy on the free plan, within a monthly allowance, and no account is needed to start. What you copy stays licensed to you permanently, on unlimited sites, including client sites. See what each plan includes.
Styled by YOUR site. This preview uses our demo colors and fonts. The component itself contains no hardcoded styles: paste it into Elementor and it automatically adopts your site's Global Styles, so every element matches your brand.
Structure
Popularity-ordered product strip, four across.
3 elements, single-column layout. Fully responsive: columns stack on mobile, and colors and typography resolve from your Global Styles.
Works with: Elementor Pro + WooCommerce · Elementor 3.16 or newer (Flexbox Containers)
About This Component
Four Across Product Section Soft Gray 001, indexed as product-sections-grid-four-001, places 3 elements cleanly at single-column spacing. Within its 3 elements, product-sections-grid-four-001 lets the heading and woocommerce-products widgets inherit Global Styles. product-sections-grid-four-001 asks just for an active WooCommerce store with Elementor Pro.
How to use
- 1.Download and import. Click Download JSON on the component page, then import via Templates, Saved Templates, Import Templates, or paste the copied JSON straight into the Elementor canvas.
- 2.Place it where it belongs. Product sections and grids go on any page. Single-product layouts belong in a product template (Theme Builder, Single Product) so the widgets have a product to render. Cart and checkout sections go on the pages WooCommerce has assigned as Cart and Checkout. My Account layouts go on the My Account page.
- 3.Verify with real data. Preview with products in the cart and, for account layouts, while logged in: the widgets render live store state, so an empty cart legitimately shows an empty-cart message.
Full guide with troubleshooting: How to Import WooCommerce Sections
This component includes widgets from the Elementor Pro plugin (e.g., forms, sliders). You'll need an active Elementor Pro license on your WordPress site to use them. Learn about Elementor Pro →
Four Across Product Section Soft Gray 001
These components use Global Styles. They automatically inherit your site's colors, fonts, and button styles when you paste them. The V3 Adaptive catalog is the free half of the library.
Widgets used
Unlock Pro widgets with Elementor Pro
Get access to forms, sliders, testimonial carousels, and 20+ premium widgets
Get Elementor Pro →Launch Your Website: Get 20% Off Hostinger!
Ready to build your dream site? Get fast, reliable, and affordable web hosting with Hostinger. Use my exclusive link to score an extra 20% off your plan today!
Get 20% Off →Get premium cloud hosting, enterprise-grade security, and 24/7 support at your fingertips.
Ideal for agencies, freelancers, and businesses building professional WordPress sites.
Get Cloud hosting for WordPress →Related Product Sections
Four Across Product Section Clean White 002
Popularity-ordered product strip, four across.
Four Across Product Section Dark Slate 003
Popularity-ordered product strip, four across.
Four Across Product Section Soft Gray 004
Popularity-ordered product strip, four across.
Four Across Product Section Dark Slate 005
Popularity-ordered product strip, four across.
Four Across Product Section Clean White 006
Popularity-ordered product strip, four across.
Four Across Product Section Dark Slate 007
Popularity-ordered product strip, four across.
Four Across Product Section Clean White 008
Popularity-ordered product strip, four across.
Four Across Product Section Soft Gray 009
Popularity-ordered product strip, four across.