This is a V4 Atomic component, part of the paid catalog. Browsing and previewing are free; copying and downloading need a paid plan. See what each plan includes. Anything you copy while your plan is active stays licensed to you permanently, on unlimited sites, including client sites.
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
3-col rating badge CTA relaxed
42 elements, laid out across 3 columns. Built from Elementor V4 atomic elements; spacing and type come from your design system variables.
Works with: Elementor Free · Requires Elementor V4 (atomic editor)
About This Component
Centered Product with Badge, Rating, CTA, and 3-column Layout 3, saved as product-sections-0054-3-col-rating-badge-cta-relaxed, sets 42 elements cleanly at relaxed spacing. Within its 42 elements, product-sections-0054-3-col-rating-badge-cta-relaxed lets the div-block and flexbox widgets inherit V4 variables. product-sections-0054-3-col-rating-badge-cta-relaxed needs only the free Elementor plugin.
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
Centered Product with Badge, Rating, CTA, and 3-column Layout 3
This component is built with Elementor 4.0 atomic elements. Clean and lightweight structure. The V4 Atomic catalog is the paid 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
Centered Product with Subtitle, Rating, and 3-column Layout
3-col rating h+sub no-CTA tight
Centered Product with Subtitle, Rating, CTA, and 3-column Layout
3-col rating h+sub CTA tight
Centered Product with Heading Only, Rating, and 3-column Layout
3-col rating h-only no-CTA tight
Centered Product with Heading Only, Rating, CTA, and 3-column Layout
3-col rating h-only CTA tight
Centered Product with Badge, Rating, and 3-column Layout
3-col rating badge no-CTA tight
Centered Product with Badge, Rating, CTA, and 3-column Layout
3-col rating badge CTA tight
Centered Product with Subtitle and 3-column Layout
3-col price+title h+sub no-CTA tight
Centered Product with Subtitle, CTA, and 3-column Layout
3-col price+title h+sub CTA tight