Install #1 Page Builder App for FREE and get deal 6 months of Standard Plan. Hurry up! See Detail  

Header background

Product page - Other product swatch types

Alfred

Written by Alfred

Last updated

286 views

On this page


Besides swatch product by color, you can also use swatch by Radio, Select, and Label.

1. Add new swatch types.

You can choose multiple product swatch types but to ensure an attractive appearance, we highly recommend you to use a consistent form. To add the other types, from the dashboard > Products > Attributes.

Pasted-21.png
  • Name: Add a name for the attribute (shown on the front-end).

  • Slug: Insert a unique slug/reference for the attribute, the maximum character is 28.

  • Enable Archives: Enable this if you want this attribute to have product archives in your store.

  • Type: There are four types: Color, Select, Label, and Radio.

  • Default sort order: You can choose Custom ordering, Name, Name (numeric), or Term ID.

1.1. Label

You can watch this video to add a swatch Label:

  •  Label shape

With the product swatch label, you can select rounded or square shape. Please go to Them options > WooCommerce General > Swatches to set the label’s shape.

1.2. Radio

You can repeat processes like in Label but instead of type Label, please select Radio. Note: With Radio type, the default shape is rounded.

Pasted-24.png

1.3. Select

You can repeat processes like in Label but instead of type Label, please select Select. Note: With Select type, the default shape is square.

Pasted-25.png

[Private Offer] EComposer Partner Plan

ecomposer.jpg
Exclusively for The4 users, when you bougth any theme from us, you can get Ecomposer - Theme Partner Plan for ZERO and start making beautiful, high-converting store pages today:

  • FREE 100% EComposer Standard plan for 6 months (save you $114)
  • Build ANY Shopify pages: Landing page, Sale Funnel page, Lead pages, & other custom pages tailored for your marketing campaigns.
  • Create advanced sections & add to your theme with ease
  • 100+ professtional, stunning designer-made templates
  • Build pages with a love drag-drop editor, no coding required

How to claim offer. Install EComposer HERE. Then open chatbox icon in EComposer dashboard and leave a message with subject "Theme name+EComposer" to upgrade for free

Ecomposer1.jpg
Cheers, The4.

We highly recommend Shopify apps from our partners.

We uses cookies to ensure you get the best experience on our website.