{"id":121251,"date":"2023-07-05T10:42:17","date_gmt":"2023-07-05T05:12:17","guid":{"rendered":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/docs\/woocommerce-variations-swatches-elementor-based-product-size-colour-brand\/"},"modified":"2023-07-05T11:59:31","modified_gmt":"2023-07-05T06:29:31","slug":"woocommerce-variations-swatches-elementor-based-product-size-colour-brand","status":"publish","type":"documents","link":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/docs\/woocommerce-variations-swatches-elementor-based-product-size-colour-brand\/","title":{"rendered":"WooCommerce Variations Swatches for Elementor &#8211; based on Product Size, Colour, Brand etc [Video Tutorial]"},"content":{"rendered":"<!-- wp:embed \",\"type\":\"video\",\"providerNameSlug\":\"youtube\",\"responsive\":true,\"className\":\"wp-embed-aspect-16-9 wp-has-aspect-ratio\"} -->\r\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\r\n<iframe title=\"WooCommerce Variations Swatches for Elementor - based on Product Size, Colour, Brand etc\" width=\"1200\" height=\"675\" src=\"https:\/\/www.youtube.com\/embed\/lcZwce3oY_w?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe>\r\n<\/div><\/figure>\r\n<!-- \/wp:post-content -->\r\n\r\n<\/figure>\r\n<!-- \/wp:embed -->\r\n<!-- wp:heading  -->\r\n<h5 class=\"wp-block-heading\">Video Duration: 15 : 10 <\/h5>\r\n<!-- \/wp:heading -->\r\n<!-- wp:heading -->\r\n<h2 class=\"wp-block-heading\">Video Overview<\/h2>\r\n<!-- \/wp:heading -->\r\n<!-- wp:paragraph -->\r\n<p>In this Elementor tutorial, we will add product variation swatches with WooCommerce Products Attributes &#8211; 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.\n\nThe possibilities are limitless, as you can combine any of these product variations on your website. \n\n<br>\u25b6 LIVE Swatches Demo Website- <a href=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/woo-builder\/#single-prodct\">https:\/\/etemplates.wdesignkit.com\/theplusaddons\/woo-builder\/#single-prodct<\/a>\n\n<br>\u25b6  Check Complete WooBuilder from The Plus Addons for Elementor &#8211; \n<br>Visit:  <a href=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/woo-builder\/\">https:\/\/etemplates.wdesignkit.com\/theplusaddons\/woo-builder\/<\/a>\n\n<br>Check our 100% Customizable Single Product Page for WooCommerce &#8211;<a href=\"https:\/\/youtu.be\/y2KrybXgwV8\">https:\/\/youtu.be\/y2KrybXgwV8<\/a>\n\n&#8212;\nTime stamps  \n\n<br>0:00 Introduction\n<br>01:11 Activating the Widgets for WooCommerce Swatches\n<br>02:41 Creating Product Size Attributes &#8211; Button\n<br>04:22 Creating Product Colour Attributes &#8211; Colour\n<br>05:26 Creating Product Brand Attributes &#8211; Image\n<br>06:56 Adding Variation to WooCommerce Products\n<br>10:32 Making Single Product Page with Theme Builder\n<br>15:00 End Notes\n&#8212;<\/p>\r\n<!-- \/wp:paragraph -->\r\n<!-- wp:shortcode -->\r\n\n<div class=\"wp-block-buttons pseocta is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-a89b3969 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button pseocta\"><a class=\"wp-block-button__link has-nxt-global-color-1-background-color has-background wp-element-button\" href=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/pricing\" target=\"_blank\" rel=\"noreferrer noopener\">Get The Plus Addons for Elementor<\/a><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-buttons pseocta is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-a89b3969 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button pseocta\"><a class=\"wp-block-button__link has-nxt-global-color-1-background-color has-background wp-element-button\" href=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/elementor-widgets\/\" target=\"_blank\" rel=\"noreferrer noopener\">View 120+ Elementor Widgets Demo<\/a><\/div>\n<\/div>\n\n\n\n<style>\n.pseocta .wp-block-button{\n padding: 1em 0em !important;\n}\n<\/style>\n\r\n<!-- \/wp:shortcode -->","protected":false},"author":16,"featured_media":121252,"parent":0,"comment_status":"open","ping_status":"open","template":"","format":"standard","docs":[575,576],"class_list":["post-121251","documents","type-documents","status-publish","format-standard","has-post-thumbnail","hentry","docs-video-tutorials","docs-watch-video-tutorials"],"acf":[],"_links":{"self":[{"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/documents\/121251","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/documents"}],"about":[{"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/types\/documents"}],"author":[{"embeddable":true,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/users\/16"}],"replies":[{"embeddable":true,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/comments?post=121251"}],"version-history":[{"count":0,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/documents\/121251\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/media\/121252"}],"wp:attachment":[{"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/media?parent=121251"}],"wp:term":[{"taxonomy":"docs","embeddable":true,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/docs?post=121251"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}