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.