{"id":21192,"date":"2023-10-18T15:24:40","date_gmt":"2023-10-18T09:24:40","guid":{"rendered":"https:\/\/hasthemes.com\/?post_type=docs&#038;p=21192"},"modified":"2024-04-28T14:56:54","modified_gmt":"2024-04-28T08:56:54","password":"","slug":"configuring-swatchly-for-product-list-shop-page","status":"publish","type":"docs","link":"https:\/\/hasthemes.com\/docs\/configuring-swatchly-for-product-list-shop-page\/","title":{"rendered":"Configuring Swatchly for Product List\/Shop Page"},"content":{"rendered":"\n<p>Customize the display of swatches for the product list and shop page according to your preferences:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Show Swatches Label<\/strong>: Choose whether to display swatch labels (Yes\/No).<\/li>\n\n\n\n<li><strong>Show Clear Link<\/strong>: Opt to show a clear link to reset swatch selections (Yes\/No).<\/li>\n\n\n\n<li><strong>Swatches Align<\/strong>: Align swatches as per your preference (Center, Left, Right).<\/li>\n\n\n\n<li><strong>Swatches Position<\/strong>: Position swatches relative to product information (Before Title, After Title, Before Price, After Price, Before Cart, After Cart, Custom Position, Use Shortcode).<\/li>\n\n\n\n<li><strong>Product Thumbnail Selector<\/strong>: Configure the product thumbnail selector for swatches.<\/li>\n\n\n\n<li><strong>Enable Swatch Limit<\/strong>: Enable the swatch limit for product list\/shop page.<gwmw style=\"display:none;\"><\/gwmw><\/li>\n\n\n\n<li><strong>Number of Swatches to Show<\/strong>: Set the number of swatches to display.<\/li>\n\n\n\n<li><strong>Conditionally Enable\/Disable Swatches for Product Listing Pages<\/strong>: Define conditions to enable\/disable swatches on the product listing pages.<\/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\/product-list-shop.png\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1346\" height=\"808\" src=\"https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/product-list-shop.png\" alt=\"Navigate swatchly settings\" class=\"has-border-color wp-image-21238\" style=\"border-color:#fafafa;border-width:8px;border-radius:8px\" srcset=\"https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/product-list-shop.png 1346w, https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/product-list-shop-300x180.png 300w, https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/product-list-shop-1024x615.png 1024w, https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/product-list-shop-768x461.png 768w, https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/product-list-shop-360x216.png 360w\" sizes=\"(max-width: 1346px) 100vw, 1346px\" \/><\/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>Enable Catalog Mode<\/strong>: Enable catalog mode for the shop page.<\/li>\n\n\n\n<li><strong>Select Global Attributes (For Catalog)<\/strong>: Choose global attributes for catalog mode.<\/li>\n\n\n\n<li><strong>Custom Attributes (For Catalog)<\/strong>: Define custom attributes for catalog mode.<\/li>\n\n\n\n<li><strong>Ajax Add to Cart Behavior<\/strong>:<gwmw style=\"display:none;\"><\/gwmw><gwmw style=\"display:none;\"><\/gwmw>\n<ul class=\"wp-block-list\">\n<li><strong>Enable Ajax Add to Cart<\/strong>: Enable or disable Ajax-powered Add to Cart functionality.<gwmw style=\"display:none;\"><\/gwmw><gwmw style=\"display:none;\"><\/gwmw><\/li>\n\n\n\n<li><strong>Add to Cart Text<\/strong>: Customize the &#8220;Add to Cart&#8221; text.<\/li>\n<\/ul>\n<\/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\/product-list-shop-1.png\"><img decoding=\"async\" width=\"1351\" height=\"621\" src=\"https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/product-list-shop-1.png\" alt=\"add your customize cart text\" class=\"has-border-color wp-image-21239\" style=\"border-color:#fafafa;border-width:8px;border-radius:8px\" srcset=\"https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/product-list-shop-1.png 1351w, https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/product-list-shop-1-300x138.png 300w, https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/product-list-shop-1-1024x471.png 1024w, https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/product-list-shop-1-768x353.png 768w, https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/product-list-shop-1-360x165.png 360w\" sizes=\"(max-width: 1351px) 100vw, 1351px\" \/><\/a><\/figure>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Customize the display of swatches for the product list and shop page according to your preferences:<\/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-21192","docs","type-docs","status-publish","hentry","doc_category-how-to-use-swatchly"],"acf":[],"year_month":"2025-11","word_count":189,"total_views":"1363","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":"Customize the display of swatches for the product list and shop page according to your preferences:","knowledge_base_info":[],"knowledge_base_slug":[],"_links":{"self":[{"href":"https:\/\/hasthemes.com\/wp-json\/wp\/v2\/docs\/21192","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=21192"}],"version-history":[{"count":11,"href":"https:\/\/hasthemes.com\/wp-json\/wp\/v2\/docs\/21192\/revisions"}],"predecessor-version":[{"id":25637,"href":"https:\/\/hasthemes.com\/wp-json\/wp\/v2\/docs\/21192\/revisions\/25637"}],"wp:attachment":[{"href":"https:\/\/hasthemes.com\/wp-json\/wp\/v2\/media?parent=21192"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/hasthemes.com\/wp-json\/wp\/v2\/doc_category?post=21192"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/hasthemes.com\/wp-json\/wp\/v2\/doc_tag?post=21192"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}