{"id":33549,"date":"2025-08-27T09:51:33","date_gmt":"2025-08-27T03:51:33","guid":{"rendered":"https:\/\/hasthemes.com\/?post_type=docs&#038;p=33549"},"modified":"2025-08-27T09:51:36","modified_gmt":"2025-08-27T03:51:36","password":"","slug":"recently-viewed-variations-swatchly","status":"publish","type":"docs","link":"https:\/\/hasthemes.com\/docs\/recently-viewed-variations-swatchly\/","title":{"rendered":"How to Enable Recently Viewed Variations in Swatchly"},"content":{"rendered":"\n<p>The <strong>Recently Viewed Variations<\/strong> feature allows Swatchly to remember and auto-select the last variation a customer chose. When customers revisit a product page, their previously selected variation will still be active, even if they browsed away to another product or page.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">How It Works<\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Customer selects a product variation (e.g., T-shirt, Color: Off White, Size: M).<\/li>\n\n\n\n<li>They leave the product page or visit another product.<\/li>\n\n\n\n<li>When they come back, the same variation is auto-selected.<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\">Enabling the Feature<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Step 1: Global Settings<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Go to <strong>Swatchly \u2192 Settings \u2192 Global<\/strong>.<\/li>\n\n\n\n<li>Enable <strong>Recently Viewed Variations<\/strong> by checking <strong>Yes<\/strong>.<\/li>\n\n\n\n<li>Save changes.<\/li>\n<\/ol>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;690ae7cd649c8&quot;}\" data-wp-interactive=\"core\/image\" class=\"wp-block-image size-full wp-lightbox-container\"><img fetchpriority=\"high\" decoding=\"async\" width=\"2560\" height=\"1296\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/hasthemes.com\/wp-content\/uploads\/2025\/08\/image-scaled.png\" alt=\"Recently Viewed Variations\" class=\"wp-image-33551\" srcset=\"https:\/\/hasthemes.com\/wp-content\/uploads\/2025\/08\/image-scaled.png 2560w, https:\/\/hasthemes.com\/wp-content\/uploads\/2025\/08\/image-300x152.png 300w, https:\/\/hasthemes.com\/wp-content\/uploads\/2025\/08\/image-1024x519.png 1024w, https:\/\/hasthemes.com\/wp-content\/uploads\/2025\/08\/image-768x389.png 768w, https:\/\/hasthemes.com\/wp-content\/uploads\/2025\/08\/image-1536x778.png 1536w, https:\/\/hasthemes.com\/wp-content\/uploads\/2025\/08\/image-2048x1037.png 2048w, https:\/\/hasthemes.com\/wp-content\/uploads\/2025\/08\/image-585x295.png 585w, https:\/\/hasthemes.com\/wp-content\/uploads\/2025\/08\/image-360x182.png 360w\" sizes=\"(max-width: 2560px) 100vw, 2560px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on-async--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Step 2: Product Details Page (Conditional)<\/h3>\n\n\n\n<p>If <strong>\u201cWant to control the Global settings for Product Details Page differently?\u201d<\/strong> is enabled, you must also enable the option here:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Navigate to <strong>Swatchly \u2192 Settings \u2192 For Product Details Page<\/strong>.<\/li>\n\n\n\n<li>Enable <strong>Recently Viewed Variations<\/strong> by checking <strong>Yes<\/strong>.<\/li>\n\n\n\n<li>Save changes.<\/li>\n<\/ol>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;690ae7cd64fa0&quot;}\" data-wp-interactive=\"core\/image\" class=\"wp-block-image size-full wp-lightbox-container\"><img decoding=\"async\" width=\"2560\" height=\"1358\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/hasthemes.com\/wp-content\/uploads\/2025\/08\/image-1-scaled.png\" alt=\"Recently Viewed Variations\" class=\"wp-image-33552\" srcset=\"https:\/\/hasthemes.com\/wp-content\/uploads\/2025\/08\/image-1-scaled.png 2560w, https:\/\/hasthemes.com\/wp-content\/uploads\/2025\/08\/image-1-300x159.png 300w, https:\/\/hasthemes.com\/wp-content\/uploads\/2025\/08\/image-1-1024x543.png 1024w, https:\/\/hasthemes.com\/wp-content\/uploads\/2025\/08\/image-1-768x407.png 768w, https:\/\/hasthemes.com\/wp-content\/uploads\/2025\/08\/image-1-1536x815.png 1536w, https:\/\/hasthemes.com\/wp-content\/uploads\/2025\/08\/image-1-2048x1086.png 2048w, https:\/\/hasthemes.com\/wp-content\/uploads\/2025\/08\/image-1-360x191.png 360w\" sizes=\"(max-width: 2560px) 100vw, 2560px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on-async--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Step 3: Product List\/Shop Page (Conditional)<\/h3>\n\n\n\n<p>If <strong>\u201cWant to control the Global settings for Shop Page differently?\u201d<\/strong> is enabled, you must also enable the option here:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Go to <strong>Swatchly \u2192 Settings \u2192 For Product List\/Shop Page<\/strong>.<\/li>\n\n\n\n<li>Enable <strong>Recently Viewed Variations<\/strong> by checking <strong>Yes<\/strong>.<\/li>\n\n\n\n<li>Save changes.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"2560\" height=\"1376\" src=\"https:\/\/hasthemes.com\/wp-content\/uploads\/2025\/08\/image-2-scaled.png\" alt=\"Recently Viewed Variations\" class=\"wp-image-33553\" srcset=\"https:\/\/hasthemes.com\/wp-content\/uploads\/2025\/08\/image-2-scaled.png 2560w, https:\/\/hasthemes.com\/wp-content\/uploads\/2025\/08\/image-2-300x161.png 300w, https:\/\/hasthemes.com\/wp-content\/uploads\/2025\/08\/image-2-1024x551.png 1024w, https:\/\/hasthemes.com\/wp-content\/uploads\/2025\/08\/image-2-768x413.png 768w, https:\/\/hasthemes.com\/wp-content\/uploads\/2025\/08\/image-2-1536x826.png 1536w, https:\/\/hasthemes.com\/wp-content\/uploads\/2025\/08\/image-2-2048x1101.png 2048w, https:\/\/hasthemes.com\/wp-content\/uploads\/2025\/08\/image-2-360x194.png 360w\" sizes=\"(max-width: 2560px) 100vw, 2560px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Example in Action<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Customer selects <strong>Color: Off White, Size: M<\/strong>.<\/li>\n\n\n\n<li>After browsing away and coming back, the variation <strong>M, Off White<\/strong> is still selected automatically.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-video\"><video autoplay controls loop muted src=\"https:\/\/hasthemes.com\/wp-content\/uploads\/2025\/08\/recentyl-viewed-swatch.mov\"><\/video><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>The Recently Viewed Variations feature allows Swatchly to remember and auto-select the last variation a customer chose. When customers revisit a product page, their previously selected variation will still be active, even if they browsed away to another product or page. How It Works Enabling the Feature Step 1: Global Settings Step 2: Product Details [&hellip;]<\/p>\n","protected":false},"author":17,"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-33549","docs","type-docs","status-publish","hentry","doc_category-how-to-use-swatchly"],"acf":[],"year_month":"2025-11","word_count":207,"total_views":"132","reactions":{"happy":"0","normal":"0","sad":"0"},"author_info":{"name":"Ashim Kumar","author_nicename":"ashim-ht","author_url":"https:\/\/hasthemes.com\/author\/ashim-ht\/"},"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":"Ashim Kumar","author_link":"https:\/\/hasthemes.com\/author\/ashim-ht\/"},"uagb_comment_info":0,"uagb_excerpt":"The Recently Viewed Variations feature allows Swatchly to remember and auto-select the last variation a customer chose. When customers revisit a product page, their previously selected variation will still be active, even if they browsed away to another product or page. How It Works Enabling the Feature Step 1: Global Settings Step 2: Product Details&hellip;","knowledge_base_info":[],"knowledge_base_slug":[],"_links":{"self":[{"href":"https:\/\/hasthemes.com\/wp-json\/wp\/v2\/docs\/33549","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\/17"}],"replies":[{"embeddable":true,"href":"https:\/\/hasthemes.com\/wp-json\/wp\/v2\/comments?post=33549"}],"version-history":[{"count":5,"href":"https:\/\/hasthemes.com\/wp-json\/wp\/v2\/docs\/33549\/revisions"}],"predecessor-version":[{"id":33566,"href":"https:\/\/hasthemes.com\/wp-json\/wp\/v2\/docs\/33549\/revisions\/33566"}],"wp:attachment":[{"href":"https:\/\/hasthemes.com\/wp-json\/wp\/v2\/media?parent=33549"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/hasthemes.com\/wp-json\/wp\/v2\/doc_category?post=33549"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/hasthemes.com\/wp-json\/wp\/v2\/doc_tag?post=33549"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}