- How To Create To Radio Variation Swatches For Global Attributes
- How To Create To Radio Variation Swatches For Manual Attributes
- How To Create To Radio Variation Swatches From Scratch
How To Create Radio Variation Swatches For Globally Created Attributes
Head to the Products >> Attributes. All existing global attributes are listed in the attribute list page section. After installing WooCommerce Variation Swatches plugin, it adds Type field. By default it would show Select under Type title. As WooCommerce Variation Swatches Plugin comes with 4 attribute types: Color, Image, Button and Radio. You can set any of attribute type for your desired attribute. For demonstration purpose, Size attribute has been created. We’ll add Radio attribute type for Size attribute. To set Radio attribute type to Image attribute, click on Edit. After selecting edit link, it will open attribute editing panel. Select Radio Type from the type dropdown. When attribute type selection is completed, get back to the attribute list page. The Attribute list would look like the following image. Now Size Attribute is showing Radio type instead of default Select type. After selecting attribute type, the frontend of the product would look like the following screenshot. Don’t be panic, if you find your attribute variations weird. It happens because you haven’t set any image for variations yet.
How To Create Radio Variation Swatches From Manually Created Attributes
Step O1: Pro Plugin Setup If you have variable products in your store and don’t have product attributes created globally, it means you have created attribute and it’s variations manually. To convert manually created attribute variations into image swatches, make sure you have premium version of WooCommerce Variation Swatches created. [button style=”rounded-btn” text=”Live Demo” button_link=”https://demo.getwooplugins.com/woocommerce-variation-swatches/product/cap-2/?radio-doc-demo” link_target=”_blank” type=”medium-btn” bg_color=”#333333″ text_color=”#FFFFFF”] [button style=”rounded-btn” text=”Upgrade to Premium Version” button_link=”http://bit.ly/label-manual-doc-pro” link_target=”_blank” type=”medium-btn” bg_color=”#56bfd4″ text_color=”#FFFFFF”]
Step O2: Change Manual Attribute TypeIf you head to your Attributes tab from product data inside your product edit mode, and found variations are separated by pipe sign like the following screen. It means you have created variation manually.’ To Convert these manually created attribute variations, head to Swatches Settings tab, and select Radio type from Select (Default) Dropdown. After selecting attribute type, the frontend of the product would look like the following screenshot. .
How To Create Radio Variation Swatches From Scratch