{"id":21171,"date":"2023-10-18T15:22:54","date_gmt":"2023-10-18T09:22:54","guid":{"rendered":"https:\/\/hasthemes.com\/?post_type=docs&#038;p=21171"},"modified":"2024-04-28T12:25:12","modified_gmt":"2024-04-28T06:25:12","password":"","slug":"how-to-customize-swatchly-global-settings","status":"publish","type":"docs","link":"https:\/\/hasthemes.com\/docs\/how-to-customize-swatchly-global-settings\/","title":{"rendered":"How to Customize Swatchly Global Settings"},"content":{"rendered":"\n<p>Learn how to customize the general settings in Swatchly for product variations. Navigate to WordPress <strong>Menu &gt; Swatchly &gt; Settings<\/strong> and access the <strong>&#8216;General Settings &gt; Global' <\/strong>tab to tailor your swatch display according to your preferences.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" style=\"font-size:22px\"><strong>Global Settings<\/strong><\/h3>\n\n\n\n<div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<pre class=\"wp-block-code has-background\" style=\"border-radius:4px;background-color:#dff0d8\"><code><strong>Read Me!<\/strong>\nAll of the Global options below will be applied for the both <strong>\"Product Details\" & \"Product List\/Shop\"<\/strong> page.\nBut all the settings of this page will be unused if you enable settings from the <strong>\"For Product Details Page\" or \"For Product List\/Shop page\"<\/strong> Tab differently.<\/code><\/pre>\n\n\n\n<p>Configure various global settings that influence the display of swatches across your WooCommerce store:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Enable Swatches<\/strong>: Activate swatches to enhance product variation representation.<\/li>\n\n\n\n<li><strong>Auto Convert Dropdowns To Label<\/strong>: Automatically transform dropdowns into label-type swatches.<\/li>\n\n\n\n<li><strong>Auto Convert Dropdowns To Image<\/strong>: Automatically convert dropdowns into image-type swatches.<\/li>\n\n\n\n<li><strong>Swatch Minimum Width<\/strong>: Define the minimum width for swatches.<\/li>\n\n\n\n<li><strong>Swatch Minimum Height<\/strong>: Set the minimum height for swatches.<\/li>\n\n\n\n<li><strong>Tooltip (Enable\/Disable)<\/strong>: Toggle tooltips on or off.<\/li>\n\n\n\n<li><strong>Swatch Image as Tooltip<\/strong>: Display swatch image within the tooltip.<\/li>\n\n\n\n<li><strong>Tooltip Image Size<\/strong>: Adjust the size of the tooltip image.<gwmw style=\"display:none;\"><\/gwmw><gwmw style=\"display:none;\"><\/gwmw><\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full has-custom-border\"><a href=\"https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/swatchly-global-1.png\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1345\" height=\"817\" src=\"https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/swatchly-global-1.png\" alt=\"click on the global option\" class=\"has-border-color wp-image-21231\" style=\"border-color:#fafafa;border-width:5px;border-radius:5px\" srcset=\"https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/swatchly-global-1.png 1345w, https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/swatchly-global-1-300x182.png 300w, https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/swatchly-global-1-1024x622.png 1024w, https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/swatchly-global-1-768x467.png 768w, https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/swatchly-global-1-360x219.png 360w\" sizes=\"(max-width: 1345px) 100vw, 1345px\" \/><\/a><\/figure>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Ajax Variation Threshold<\/strong>: Set the threshold for Ajax variation loading.<gwmw style=\"display:none;\"><\/gwmw><\/li>\n\n\n\n<li><strong>Shape Style<\/strong>: Choose the style for swatch shapes.<\/li>\n\n\n\n<li><strong>Enable Shape Inset<\/strong>: Enable inset style for swatches.<\/li>\n\n\n\n<li><strong>Shape Inset Size<\/strong>: Set the size for the inset style of swatches.<\/li>\n\n\n\n<li><strong>Deselect on Click<\/strong>: Allow deselection of swatches on click if already selected.<\/li>\n\n\n\n<li><strong>Show Selected Variation Name<\/strong>: Display the selected variation name (Yes\/No).<gwmw style=\"display:none;\"><\/gwmw><gwmw style=\"display:none;\"><\/gwmw><\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full has-custom-border\"><a href=\"https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/swatchly-global-2.png\"><img decoding=\"async\" width=\"1340\" height=\"814\" src=\"https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/swatchly-global-2.png\" alt=\"configure settings\" class=\"has-border-color wp-image-21232\" style=\"border-color:#fafafa;border-width:5px;border-radius:5px\" srcset=\"https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/swatchly-global-2.png 1340w, https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/swatchly-global-2-300x182.png 300w, https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/swatchly-global-2-1024x622.png 1024w, https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/swatchly-global-2-768x467.png 768w, https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/swatchly-global-2-360x219.png 360w\" sizes=\"(max-width: 1340px) 100vw, 1340px\" \/><\/a><\/figure>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Variation Label Separator<\/strong>: Define the separator for variation labels (e.g., &#8220;:&#8221;).<gwmw style=\"display:none;\"><\/gwmw><\/li>\n\n\n\n<li><strong>Disabled Attribute Type<\/strong>: Choose the type for disabled attributes (Cross Sign, Blur With Cross, Blur, Hide).<\/li>\n\n\n\n<li><strong>Disable Variation Form For The &#8220;Out of Stock&#8221; Products<\/strong>: Disable variation form for out-of-stock products.<gwmw style=\"display:none;\"><\/gwmw><gwmw style=\"display:none;\"><\/gwmw><\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full has-custom-border\"><a href=\"https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/swatchly-global-3.png\"><img decoding=\"async\" width=\"1349\" height=\"491\" src=\"https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/swatchly-global-3.png\" alt=\"save your configure\" class=\"has-border-color wp-image-21233\" style=\"border-color:#fafafa;border-width:5px;border-radius:5px\" srcset=\"https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/swatchly-global-3.png 1349w, https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/swatchly-global-3-300x109.png 300w, https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/swatchly-global-3-1024x373.png 1024w, https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/swatchly-global-3-768x280.png 768w, https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/swatchly-global-3-360x131.png 360w\" sizes=\"(max-width: 1349px) 100vw, 1349px\" \/><\/a><\/figure>\n\n\n\n<div style=\"height:25px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" style=\"font-size:22px\"><strong><strong>Per Page Settings<\/strong><\/strong><gwmw style=\"display:none;\"><\/gwmw><gwmw style=\"display:none;\"><\/gwmw><\/h3>\n\n\n\n<div style=\"height:2px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Customize the settings specifically for <strong>Product Details, Product Lists, and the Shop page<\/strong>. Tailor the display for each page as needed:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><em>Want to control the <strong>&#8220;Global&#8221; <\/strong>settings for the Product Details page differently? Check this box to manage the settings individually for the Product Details page.<\/em><gwmw style=\"display:none;\"><\/gwmw><\/li>\n<\/ul>\n\n\n\n<p><strong>For Product Details Page:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Configure settings similar to the global settings for the product details page.<\/li>\n<\/ul>\n\n\n\n<p><strong>For Product List\/Shop Page:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Tailor settings to suit the product list and shop page display, similar to the global settings.<\/li>\n<\/ul>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Learn how to customize the general settings in Swatchly for product variations. Navigate to WordPress Menu &gt; Swatchly &gt; Settings and access the &#8216;General Settings &gt; Global&#8217; tab to tailor your swatch display according to your preferences. Global Settings Configure various global settings that influence the display of swatches across your WooCommerce store: Per Page [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","_mi_skip_tracking":false,"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"doc_category":[245],"doc_tag":[],"class_list":["post-21171","docs","type-docs","status-publish","hentry","doc_category-how-to-use-swatchly"],"acf":[],"year_month":"2025-11","word_count":368,"total_views":"1387","reactions":{"happy":"0","normal":"0","sad":"0"},"author_info":{"name":"Kausar mamun","author_nicename":"mamun","author_url":"https:\/\/hasthemes.com\/author\/mamun\/"},"doc_category_info":[{"term_name":"Swatchly","term_url":"https:\/\/hasthemes.com\/docs-category\/how-to-use-swatchly\/"}],"doc_tag_info":[],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"htmega_size_585x295":false,"htmega_size_1170x536":false,"htmega_size_396x360":false,"betterdocs-category-thumb":false},"uagb_author_info":{"display_name":"Kausar mamun","author_link":"https:\/\/hasthemes.com\/author\/mamun\/"},"uagb_comment_info":0,"uagb_excerpt":"Learn how to customize the general settings in Swatchly for product variations. Navigate to WordPress Menu &gt; Swatchly &gt; Settings and access the &#8216;General Settings &gt; Global' tab to tailor your swatch display according to your preferences. Global Settings Configure various global settings that influence the display of swatches across your WooCommerce store: Per Page&hellip;","knowledge_base_info":[],"knowledge_base_slug":[],"_links":{"self":[{"href":"https:\/\/hasthemes.com\/wp-json\/wp\/v2\/docs\/21171","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hasthemes.com\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/hasthemes.com\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/hasthemes.com\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/hasthemes.com\/wp-json\/wp\/v2\/comments?post=21171"}],"version-history":[{"count":16,"href":"https:\/\/hasthemes.com\/wp-json\/wp\/v2\/docs\/21171\/revisions"}],"predecessor-version":[{"id":25606,"href":"https:\/\/hasthemes.com\/wp-json\/wp\/v2\/docs\/21171\/revisions\/25606"}],"wp:attachment":[{"href":"https:\/\/hasthemes.com\/wp-json\/wp\/v2\/media?parent=21171"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/hasthemes.com\/wp-json\/wp\/v2\/doc_category?post=21171"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/hasthemes.com\/wp-json\/wp\/v2\/doc_tag?post=21171"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}