How to Customize Swatchly Global Settings

Learn how to customize the general settings in Swatchly for product variations. Navigate to WordPress Menu > Swatchly > Settings and access the ‘General Settings > Global’ tab to tailor your swatch display according to your preferences.

Global Settings

Read Me!
All of the Global options below will be applied for the both "Product Details" & "Product List/Shop" page.
But all the settings of this page will be unused if you enable settings from the "For Product Details Page" or "For Product List/Shop page" Tab differently.

Configure various global settings that influence the display of swatches across your WooCommerce store:

• Enable Swatches: Activate swatches to enhance product variation representation.
• Auto Convert Dropdowns To Label: Automatically transform dropdowns into label-type swatches.
• Auto Convert Dropdowns To Image: Automatically convert dropdowns into image-type swatches.
• Swatch Minimum Width: Define the minimum width for swatches.
• Swatch Minimum Height: Set the minimum height for swatches.
• Tooltip (Enable/Disable): Toggle tooltips on or off.
• Swatch Image as Tooltip: Display swatch image within the tooltip.
• Tooltip Image Size: Adjust the size of the tooltip image.

• Ajax Variation Threshold: Set the threshold for Ajax variation loading.
• Shape Style: Choose the style for swatch shapes.
• Enable Shape Inset: Enable inset style for swatches.
• Shape Inset Size: Set the size for the inset style of swatches.
• Deselect on Click: Allow deselection of swatches on click if already selected.
• Show Selected Variation Name: Display the selected variation name (Yes/No).

• Variation Label Separator: Define the separator for variation labels (e.g., “:”).
• Disabled Attribute Type: Choose the type for disabled attributes (Cross Sign, Blur With Cross, Blur, Hide).
• Disable Variation Form For The “Out of Stock” Products: Disable variation form for out-of-stock products.

Per Page Settings

Customize the settings specifically for Product Details, Product Lists, and the Shop page. Tailor the display for each page as needed:

• Want to control the “Global” settings for the Product Details page differently? Check this box to manage the settings individually for the Product Details page.

For Product Details Page:

• Configure settings similar to the global settings for the product details page.

For Product List/Shop Page:

• Tailor settings to suit the product list and shop page display, similar to the global settings.