WooCommerce Variations Swatches for Elementor – based on Product Size, Colour, Brand etc [Video Tutorial]

Updated on March 5, 2024 by Editorial Team
Table Of Content

Video Duration: 15 : 10

Video Overview

In this Elementor tutorial, we will add product variation swatches with WooCommerce Products Attributes – the Only WooCommerce store builder plugin you will ever require for Elementor. We will be adding product color attributes, size attributes, length, pattern, and image attributes.

The possibilities are limitless, as you can combine any of these product variations on your website.

▶ LIVE Swatches Demo Website – https://theplusaddons.com/woo-builder/#single-prodct

▶ Check Complete WooBuilder from The Plus Addons for Elementor –

Visit: https://theplusaddons.com/woo-builder/

Check our 100% Customizable Single Product Page for WooCommerce – https://youtu.be/y2KrybXgwV8

Time stamps

0:00 Introduction

01:11 Activating the Widgets for WooCommerce Swatches

02:41 Creating Product Size Attributes – Button

04:22 Creating Product Colour Attributes – Colour

05:26 Creating Product Brand Attributes – Image

06:56 Adding Variation to WooCommerce Products

10:32 Making Single Product Page with Theme Builder

15:00 End Notes

Get Free 25+ Secrets to Make Elementor Website Faster [Guaranteed Results]

    Subscribe to our YouTube Channel for Elementor Tutorials
    New Video Every Week!
    Automatically Convert Figma Designs to 100% Editable Elementor Website

    Related Docs