{"id":99607,"date":"2026-03-12T11:48:42","date_gmt":"2026-03-12T06:18:42","guid":{"rendered":"https:\/\/themehunk.com\/?post_type=docs&#038;p=99607"},"modified":"2026-07-21T14:13:55","modified_gmt":"2026-07-21T08:43:55","slug":"store-one","status":"publish","type":"docs","link":"https:\/\/themehunk.com\/fr\/docs\/store-one\/","title":{"rendered":"Store One"},"content":{"rendered":"\n<section class=\"wp-block-group plugin-installation has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Plugin Installation<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">This plugin eases your life as several Modules are integrated into a single plugin. You can easily enable a functionality using a button and add it to your site.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This is the very first step. This will help you install the Store One plugin in your WordPress dashboard.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Step 1:<\/strong>  Go to the <a href=\"https:\/\/themehunk.com\/fr\/storeone\/\" target=\"_blank\" rel=\"noreferrer noopener\">Store One<\/a> page. Click on <strong>Try Free<\/strong>.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Store-One_-single-page.jpg?ssl=1\"><img data-recalc-dims=\"1\" fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"495\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Store-One_-single-page.jpg?resize=1024%2C495&#038;ssl=1\" alt=\"\" class=\"wp-image-99622\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Store-One_-single-page.jpg?resize=1024%2C495&amp;ssl=1 1024w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Store-One_-single-page.jpg?resize=300%2C145&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Store-One_-single-page.jpg?resize=768%2C371&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Store-One_-single-page.jpg?resize=1536%2C742&amp;ssl=1 1536w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Store-One_-single-page.jpg?resize=48%2C23&amp;ssl=1 48w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Store-One_-single-page.jpg?w=1600&amp;ssl=1 1600w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Step 2:<\/strong> Open your WordPress dashboard. Go to Plugins &gt; Add Plugin. Click on Upload Plugin and upload the plugin.<br>After uploading, activate the plugin.<\/li>\n\n\n\n<li>After Activation, the plugin will appear in your dashboard menu as Store One. Click on Store One. <\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Dashboard_-Store-One.png?ssl=1\"><img data-recalc-dims=\"1\" decoding=\"async\" width=\"1024\" height=\"470\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Dashboard_-Store-One.png?resize=1024%2C470&#038;ssl=1\" alt=\"\" class=\"wp-image-99626\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Dashboard_-Store-One.png?resize=1024%2C470&amp;ssl=1 1024w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Dashboard_-Store-One.png?resize=300%2C138&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Dashboard_-Store-One.png?resize=768%2C352&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Dashboard_-Store-One.png?resize=1536%2C705&amp;ssl=1 1536w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Dashboard_-Store-One.png?resize=48%2C22&amp;ssl=1 48w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Dashboard_-Store-One.png?w=1582&amp;ssl=1 1582w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group smart-offer has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Smart Offers<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Smart Offers Addon lets you create automated deals like BOGO or quantity discounts to lift sales and increase average order values.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Open your Store One dashboard and click on the Smart Offer addon\u2019s Configure button<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/06\/Store-One-_-Smart-Offers.png?ssl=1\"><img data-recalc-dims=\"1\" decoding=\"async\" width=\"1024\" height=\"620\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/06\/Store-One-_-Smart-Offers.png?resize=1024%2C620&#038;ssl=1\" alt=\"\" class=\"wp-image-104269\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/06\/Store-One-_-Smart-Offers.png?resize=1024%2C620&amp;ssl=1 1024w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/06\/Store-One-_-Smart-Offers.png?resize=300%2C182&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/06\/Store-One-_-Smart-Offers.png?resize=768%2C465&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/06\/Store-One-_-Smart-Offers.png?resize=18%2C12&amp;ssl=1 18w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/06\/Store-One-_-Smart-Offers.png?resize=48%2C29&amp;ssl=1 48w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/06\/Store-One-_-Smart-Offers.png?w=1415&amp;ssl=1 1415w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Enable the addon<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Smart-Offers-_-enable.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"560\" height=\"222\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Smart-Offers-_-enable.png?resize=560%2C222&#038;ssl=1\" alt=\"\" class=\"wp-image-105066\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Smart-Offers-_-enable.png?w=560&amp;ssl=1 560w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Smart-Offers-_-enable.png?resize=300%2C119&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Smart-Offers-_-enable.png?resize=48%2C19&amp;ssl=1 48w\" sizes=\"(max-width: 560px) 100vw, 560px\" \/><\/a><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Settings<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Status<\/strong>: This acts like an on\/off switch. Set it to <strong>Active<\/strong> to make the deal live on your store, or <strong>Inactive<\/strong> to pause it.<\/li>\n\n\n\n<li><strong>Title<\/strong>: A private name box used to label your deal so you can easily find and organize it inside your website dashboard.<\/li>\n\n\n\n<li><strong>Choose Rule<\/strong>: The core setting that determines your type of sale. Choosing a rule here completely changes the options that appear in the <strong>Offer Rules<\/strong> section below.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Smart-Offer-_-Settings-1.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"530\" height=\"196\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Smart-Offer-_-Settings-1.png?resize=530%2C196&#038;ssl=1\" alt=\"\" class=\"wp-image-105068\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Smart-Offer-_-Settings-1.png?w=530&amp;ssl=1 530w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Smart-Offer-_-Settings-1.png?resize=300%2C111&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Smart-Offer-_-Settings-1.png?resize=48%2C18&amp;ssl=1 48w\" sizes=\"(max-width: 530px) 100vw, 530px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Choose Rule<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Offer A: &#8220;Buy X Get X&#8221; (Same Product Discount)<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Use this setup to give a discount on the exact same product the customer is already purchasing (e.g., Buy 2 of Item A, get the 3rd Item A at 50% off).<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Smart-Offer-_-Rule-1.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"529\" height=\"730\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Smart-Offer-_-Rule-1.png?resize=529%2C730&#038;ssl=1\" alt=\"\" class=\"wp-image-105069\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Smart-Offer-_-Rule-1.png?w=529&amp;ssl=1 529w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Smart-Offer-_-Rule-1.png?resize=217%2C300&amp;ssl=1 217w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Smart-Offer-_-Rule-1.png?resize=48%2C66&amp;ssl=1 48w\" sizes=\"(max-width: 529px) 100vw, 529px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Quantity<\/strong>: Type the exact number of items a customer must buy to unlock the deal.<\/li>\n\n\n\n<li><strong>Discount on X Product<\/strong>: Choose the type of reward your customer gets, such as giving the extra item completely free (<strong>Free<\/strong>) or offering it at a set percentage off (<strong>Percentage<\/strong>).<\/li>\n\n\n\n<li><strong>Value<\/strong>: Enter the exact number for your discount, like typing <strong>50<\/strong> if you selected a percentage discount to give them 50% off the extra item<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Variation B: &#8220;Buy X Get Y&#8221; (Different Product Discount)<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Smart-Offer-_-Rule-2.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"654\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Smart-Offer-_-Rule-2.png?resize=1024%2C654&#038;ssl=1\" alt=\"\" class=\"wp-image-105070\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Smart-Offer-_-Rule-2.png?resize=1024%2C654&amp;ssl=1 1024w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Smart-Offer-_-Rule-2.png?resize=300%2C192&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Smart-Offer-_-Rule-2.png?resize=768%2C491&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Smart-Offer-_-Rule-2.png?resize=48%2C31&amp;ssl=1 48w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Smart-Offer-_-Rule-2.png?w=1042&amp;ssl=1 1042w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Use this setup to reward customers with a discount on a completely different product when they buy an item from you (e.g., Buy a Camera, get a Memory Card free).<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Quantity<\/strong>: Enter the number of items a customer must buy from your store to trigger this offer.<\/li>\n\n\n\n<li><strong>Select Product<\/strong>: Search and select the exact reward item from your catalog that your customer will receive as a bonus.<\/li>\n\n\n\n<li><strong>Discount on Y Product<\/strong>: Choose how you want to discount this second item, such as making it completely free or giving a specific percentage cut.<\/li>\n\n\n\n<li><strong>Value<\/strong>: Type the size of the discount here (for example, typing <strong>100<\/strong> alongside the percentage option to make the second item 100% free).<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Variation C: &#8220;Dynamic Offer&#8221; (Bulk Tiered Pricing Table)<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Smart-Offer-_-Rule-3.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"534\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Smart-Offer-_-Rule-3.png?resize=1024%2C534&#038;ssl=1\" alt=\"\" class=\"wp-image-105071\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Smart-Offer-_-Rule-3.png?resize=1024%2C534&amp;ssl=1 1024w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Smart-Offer-_-Rule-3.png?resize=300%2C156&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Smart-Offer-_-Rule-3.png?resize=768%2C401&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Smart-Offer-_-Rule-3.png?resize=48%2C25&amp;ssl=1 48w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Smart-Offer-_-Rule-3.png?w=1045&amp;ssl=1 1045w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Use this setup to build a tiered pricing table where items automatically get cheaper the more copies a customer buys (e.g., Buy 1-4 for \u20b9100 each, Buy 5+ for \u20b980 each).<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Create Qty\/Price table with<\/strong>: Choose how you want to structure your bulk steps, letting you pick between precise number ranges (like 5 to 10 items) or simple quantity milestones.<\/li>\n\n\n\n<li><strong>Calculate Discount On<\/strong>: Tell the system how to calculate the price cuts, letting you subtract the discount from the item&#8217;s original <strong>Regular Price<\/strong> or from its already marked-down <strong>Sale Price<\/strong>.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Display<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">These settings control the physical location of the offer block on your store&#8217;s live layout.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Placement on product page<\/strong>: This dropdown menu lets you choose the exact spot on your item pages where the offer block will show up, such as right after the &#8220;Add to cart&#8221; form.<\/li>\n\n\n\n<li><strong>Priority<\/strong>: This number box lets you set the loading order of the offer block, which is helpful if you have other widgets on the same page and want this deal to load higher up or lower down.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">This section automatically changes its fields to match the specific marketing messages required for your active deal type.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Variation A: BOGO Text Settings<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Smart-Offer-_-Display-1.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"496\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Smart-Offer-_-Display-1.png?resize=1024%2C496&#038;ssl=1\" alt=\"\" class=\"wp-image-105072\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Smart-Offer-_-Display-1.png?resize=1024%2C496&amp;ssl=1 1024w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Smart-Offer-_-Display-1.png?resize=300%2C145&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Smart-Offer-_-Display-1.png?resize=768%2C372&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Smart-Offer-_-Display-1.png?resize=48%2C23&amp;ssl=1 48w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Smart-Offer-_-Display-1.png?w=1056&amp;ssl=1 1056w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Use these fields to customize text when running a standard Buy One, Get One style deal.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>2. BOGO Text Settings<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This section dynamically updates to let you customize text messages specifically tailored for Buy One, Get One style promotions.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Offer Title<\/strong>: This is a text box where you type the main headline for your sale (like &#8220;Buy One, Get One&#8221;) that instantly catches the customer&#8217;s eye at the top of the offer card.<\/li>\n\n\n\n<li><strong>Badge Text<\/strong>: This box lets you customize the short text written inside a highlighted colorful sticker\u2014such as &#8220;BEST DEAL&#8221;\u2014to draw attention to the savings.<\/li>\n\n\n\n<li><strong>Price Text<\/strong>: This field allows you to customize how pricing details are written out, letting you display original prices right next to your special offer prices.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>3. Cart &amp; Checkout Page<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This section handles the labels that display once an item is added to the cart.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Bogo<\/strong>: Type a custom label (like <code>{BOGO} SMART OFFER<\/code>) that will show up directly next to discounted items inside the shopping cart and checkout screens, making it clear to the customer that the deal has successfully applied.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>4. Use Shortcode<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">These are clickable template tags that make it easy to display real-time, accurate product details without having to update the text manually for every single item.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Shortcode Tags<\/strong>: Click on any of the provided tags to copy them. You can paste these into your text fields to automatically pull and display live product titles, original prices, or discount amounts directly to the shopper.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Variation B: Buy X Get Y Text Settings<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Settings of No 2,3, and 4 changed on the basis of the Rule you selected.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Smart-Offer-_-Display-2.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"587\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Smart-Offer-_-Display-2.png?resize=1024%2C587&#038;ssl=1\" alt=\"\" class=\"wp-image-105073\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Smart-Offer-_-Display-2.png?resize=1024%2C587&amp;ssl=1 1024w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Smart-Offer-_-Display-2.png?resize=300%2C172&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Smart-Offer-_-Display-2.png?resize=768%2C440&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Smart-Offer-_-Display-2.png?resize=48%2C28&amp;ssl=1 48w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Smart-Offer-_-Display-2.png?w=1056&amp;ssl=1 1056w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Use these fields when you are gifting a completely different reward product to the customer.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>2. Buy X Get Y Text Settings<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This section dynamically updates to let you customize text messages specifically tailored for cross-product rewards and free gift promotions.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Offer Title<\/strong>: This is a text box where you type the main headline for your sale (like &#8220;Buy {XQTY} Products &amp; Get This Gift FREE&#8221;) that instantly catches the customer&#8217;s eye at the top of the offer card.<\/li>\n\n\n\n<li><strong>Badge Text<\/strong>: This box lets you customize the short text written inside a highlighted colorful sticker\u2014such as &#8220;FREE GIFT&#8221;\u2014to draw attention to the reward.<\/li>\n\n\n\n<li><strong>Price Text<\/strong>: This field allows you to customize how the gift value text is written out, letting you display original crossed-out prices right next to the special offer values below the badge.<\/li>\n\n\n\n<li><strong>Short Description<\/strong>: This text area lets you add a quick, helpful sentence right below the price to explain simple deal rules, such as letting users know the item is &#8220;Included with Your Purchase.&#8221;<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>3. Cart &amp; Checkout Page<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This section handles the labels that display once an item is added to the cart.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>XY<\/strong>: Type a custom label (like &#8220;Special BXGY Offer&#8221;) that will show up directly next to discounted items inside the shopping cart and checkout screens, making it clear to the customer that the deal has successfully applied.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>4. Use Shortcode<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">These are clickable template tags that make it easy to display real-time, accurate product details without having to update the text manually for every single item.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Shortcode Tags<\/strong>: Click on any of the provided tags to copy them. You can paste these into your text fields to automatically pull and display live product details, original prices, buy\/get quantities, or discount amounts directly to the shopper.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Variation C: Dynamic Offer Text Settings<\/strong><\/p>\n\n\n\n\n\n<p class=\"wp-block-paragraph\">Use these fields when setting up multi-item tiered bulk discounts.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">2. Dynamic Offer Text Settings<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This section dynamically updates to let you customize text messages specifically tailored for tiered bulk discount tables and quantity milestones.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Offer Title<\/strong>: This is a text box where you type the main headline for your tiered sale (like &#8220;Buy from {XQTY} to {YQTY} items for {DISCOUNT} OFF per item&#8221;) to let customers know how many items unlock a price drop.<\/li>\n\n\n\n<li><strong>Badge Text<\/strong>: This box lets you customize the short text written inside a highlighted colorful sticker\u2014such as &#8220;Save {DISCOUNT}&#8221;\u2014to visually pop out the savings amount.<\/li>\n\n\n\n<li><strong>Price Text<\/strong>: This field allows you to customize how your pricing text details are written out, letting you display the original prices right next to the active promotional prices.<\/li>\n\n\n\n<li><strong>Short Description<\/strong>: This text area lets you add a quick, simple line of text right below the pricing block to clarify rules, such as breaking down the discount to a single item view (like &#8220;{DISCOUNT} \/ each item&#8221;).<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>3. Cart &amp; Checkout Page<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This section handles the custom promotional text labels displayed inside shopping carts and final checkout pages.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Dyanamic<\/strong>: Type a custom label (like &#8220;Dynamic Discount&#8221;) that will show up directly next to discounted line items to prove to the customer that their bulk quantity discount was successfully calculated.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>4. Use Shortcode<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">These are template tags that pull live database data to update your promotional text instantly for every unique product on your site.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Shortcode Tags<\/strong>: Clicking on any of the provided tags copies them to your clipboard so you can paste them into your text fields.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Style<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">The Style Settings Tab gives you complete visual control over your offer blocks, making it easy to match the design to your website&#8217;s branding. You can customize the main card background with colors or gradients, pick a border style, and use sliders to adjust the border width, corner roundness, and inner padding. You can also choose a unique background color to highlight the card when a customer clicks to select it.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Smart-Offer-_-Style-1.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"671\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Smart-Offer-_-Style-1.png?resize=1024%2C671&#038;ssl=1\" alt=\"\" class=\"wp-image-105104\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Smart-Offer-_-Style-1.png?resize=1024%2C671&amp;ssl=1 1024w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Smart-Offer-_-Style-1.png?resize=300%2C197&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Smart-Offer-_-Style-1.png?resize=768%2C503&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Smart-Offer-_-Style-1.png?resize=48%2C31&amp;ssl=1 48w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Smart-Offer-_-Style-1.png?w=1056&amp;ssl=1 1056w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">For text and callouts, you have full color control over the headings, main body text, and product prices to ensure your promotion is perfectly readable. Additionally, you can style the promotional corner badge by selecting a contrasting background and clear text color to make your discount savings instantly pop out to shoppers.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Backend Preview<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">The Live Preview Section shows exactly how your discount offers look to customers on your store pages. It automatically updates whenever you select a new rule type, ensuring your design matches your website branding perfectly.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Every layout supports two unique visual themes: <strong>Default<\/strong> for a clean horizontal row that fits tight layouts, and <strong>Modern<\/strong> for a stacked card container that draws more attention to your sales.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Smart-Offer-_-Backend-Preview-3.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"404\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Smart-Offer-_-Backend-Preview-3.png?resize=1024%2C404&#038;ssl=1\" alt=\"\" class=\"wp-image-105105\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Smart-Offer-_-Backend-Preview-3.png?resize=1024%2C404&amp;ssl=1 1024w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Smart-Offer-_-Backend-Preview-3.png?resize=300%2C118&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Smart-Offer-_-Backend-Preview-3.png?resize=768%2C303&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Smart-Offer-_-Backend-Preview-3.png?resize=1536%2C606&amp;ssl=1 1536w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Smart-Offer-_-Backend-Preview-3.png?resize=2048%2C809&amp;ssl=1 2048w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Smart-Offer-_-Backend-Preview-3.png?resize=48%2C19&amp;ssl=1 48w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Buy X Get X Preview<\/strong>: Shows your &#8220;Buy One, Get One&#8221; title in a streamlined row or block, complete with a clean selection checkmark on the left and a prominent high-contrast badge on the right to encourage quick checkouts.<\/li>\n\n\n\n<li><strong>Buy X Get Y Preview<\/strong>: Adds a decorative gift icon alongside choice checkboxes, clearly formatting your reward title, a &#8220;FREE GIFT&#8221; badge, and your item value text to make cross-sell bonuses instantly clear.<\/li>\n\n\n\n<li><strong>Dynamic Offer Preview<\/strong>: Outlines your bulk tiered pricing table directly to the shopper, cleanly breaking down the quantity ranges needed to trigger a price drop alongside the corresponding discount per item.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Frontend Preview<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Buy X Get X<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Smart-Offer-_-Frontend-Preview-1.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"409\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Smart-Offer-_-Frontend-Preview-1.png?resize=1024%2C409&#038;ssl=1\" alt=\"\" class=\"wp-image-104420\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Smart-Offer-_-Frontend-Preview-1.png?resize=1024%2C409&amp;ssl=1 1024w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Smart-Offer-_-Frontend-Preview-1.png?resize=300%2C120&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Smart-Offer-_-Frontend-Preview-1.png?resize=768%2C307&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Smart-Offer-_-Frontend-Preview-1.png?resize=18%2C7&amp;ssl=1 18w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Smart-Offer-_-Frontend-Preview-1.png?resize=48%2C19&amp;ssl=1 48w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Smart-Offer-_-Frontend-Preview-1.png?w=1086&amp;ssl=1 1086w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">This shows the BOGO deal box directly on the product page. Customers can select the &#8220;Buy One, Get One&#8221; offer via a radio button to instantly claim the promotion.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Buy X Get Y<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Smart-Offer-_-Frontend-Preview-2.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"421\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Smart-Offer-_-Frontend-Preview-2.png?resize=1024%2C421&#038;ssl=1\" alt=\"\" class=\"wp-image-104417\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Smart-Offer-_-Frontend-Preview-2.png?resize=1024%2C421&amp;ssl=1 1024w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Smart-Offer-_-Frontend-Preview-2.png?resize=300%2C123&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Smart-Offer-_-Frontend-Preview-2.png?resize=768%2C316&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Smart-Offer-_-Frontend-Preview-2.png?resize=18%2C7&amp;ssl=1 18w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Smart-Offer-_-Frontend-Preview-2.png?resize=48%2C20&amp;ssl=1 48w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Smart-Offer-_-Frontend-Preview-2.png?w=1085&amp;ssl=1 1085w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">This page displays a free gift cross-sell offer right below the main checkout actions. It cleanly shows customers the gift description, its total worth, and an eye-catching &#8220;FREE GIFT&#8221; badge.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Dynamic Offer<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Smart-Offer-_-Frontend-Preview.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"587\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Smart-Offer-_-Frontend-Preview.png?resize=1024%2C587&#038;ssl=1\" alt=\"\" class=\"wp-image-104370\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Smart-Offer-_-Frontend-Preview.png?resize=1024%2C587&amp;ssl=1 1024w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Smart-Offer-_-Frontend-Preview.png?resize=300%2C172&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Smart-Offer-_-Frontend-Preview.png?resize=768%2C440&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Smart-Offer-_-Frontend-Preview.png?resize=18%2C10&amp;ssl=1 18w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Smart-Offer-_-Frontend-Preview.png?resize=48%2C27&amp;ssl=1 48w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Smart-Offer-_-Frontend-Preview.png?w=1098&amp;ssl=1 1098w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">This shows a tiered bulk pricing setup directly below the checkout button. Customers see multiple quantity ranges, custom discount badges, and slashed prices, encouraging them to buy more items.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Watch the Documentation Walkthrough.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"Smart Offers (BOGO) Addon for WooCommerce | Store One Docs\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/C86j6jlzHDE?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group shoppable-videos has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Shoppable Videos<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Open the Store One dashboard and click on the Shoppable Video addon&#8217;s Configure button.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Store-One-_-Shoppable-Videos.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"549\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Store-One-_-Shoppable-Videos.png?resize=1024%2C549&#038;ssl=1\" alt=\"\" class=\"wp-image-105245\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Store-One-_-Shoppable-Videos.png?resize=1024%2C549&amp;ssl=1 1024w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Store-One-_-Shoppable-Videos.png?resize=300%2C161&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Store-One-_-Shoppable-Videos.png?resize=768%2C412&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Store-One-_-Shoppable-Videos.png?resize=48%2C26&amp;ssl=1 48w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Store-One-_-Shoppable-Videos.png?w=1414&amp;ssl=1 1414w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Enable the addon<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Shoppable-Videos-_-enable.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"563\" height=\"257\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Shoppable-Videos-_-enable.png?resize=563%2C257&#038;ssl=1\" alt=\"\" class=\"wp-image-105237\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Shoppable-Videos-_-enable.png?w=563&amp;ssl=1 563w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Shoppable-Videos-_-enable.png?resize=300%2C137&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Shoppable-Videos-_-enable.png?resize=48%2C22&amp;ssl=1 48w\" sizes=\"(max-width: 563px) 100vw, 563px\" \/><\/a><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Settings<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>1. Basic Settings<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This configuration panel controls whether the addon functionality is live on your store.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Shoppable-Videos-_-Settings-1.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"514\" height=\"251\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Shoppable-Videos-_-Settings-1.png?resize=514%2C251&#038;ssl=1\" alt=\"\" class=\"wp-image-105238\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Shoppable-Videos-_-Settings-1.png?w=514&amp;ssl=1 514w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Shoppable-Videos-_-Settings-1.png?resize=300%2C146&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Shoppable-Videos-_-Settings-1.png?resize=48%2C23&amp;ssl=1 48w\" sizes=\"(max-width: 514px) 100vw, 514px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Status:<\/strong> Change this dropdown to <strong>Active<\/strong> to turn the addon features on, or <strong>Inactive<\/strong> to temporarily disable them.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>2. Shoppable List Item<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This section allows you to attach interactive videos to your items. Customers can watch a video demonstration and buy the featured product directly from the video player.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Product List Items<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You can create multiple product list groupings. Each group contains specific video elements.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Add List Item Button:<\/strong> Click this link to create a brand-new product listing group.<\/li>\n\n\n\n<li><strong>Add Video Product Button:<\/strong> Click the <strong>+ Add Video Product<\/strong> card inside a group to attach a new video container to that specific list.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Shoppable-Videos-_-Settings-2.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"877\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Shoppable-Videos-_-Settings-2.png?resize=1024%2C877&#038;ssl=1\" alt=\"\" class=\"wp-image-105239\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Shoppable-Videos-_-Settings-2.png?resize=1024%2C877&amp;ssl=1 1024w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Shoppable-Videos-_-Settings-2.png?resize=300%2C257&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Shoppable-Videos-_-Settings-2.png?resize=768%2C658&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Shoppable-Videos-_-Settings-2.png?resize=1536%2C1316&amp;ssl=1 1536w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Shoppable-Videos-_-Settings-2.png?resize=48%2C41&amp;ssl=1 48w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Shoppable-Videos-_-Settings-2.png?w=1571&amp;ssl=1 1571w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Video Product Settings<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Each individual video product block contains the following configuration options:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Video Upload \/ Preview:<\/strong> View your current video asset thumbnail. Click <strong>Change<\/strong> to upload a new video file or swap the active clip.<\/li>\n\n\n\n<li><strong>Category Filter:<\/strong> Use the dropdown menu to filter your items by a specific category (e.g., <em>All Categories<\/em>) to find your products faster.<\/li>\n\n\n\n<li><strong>Attached Product Card:<\/strong> Displays the item currently linked to the video player along with its live price, stock status, and ID tag. Click the <strong>X<\/strong> icon to detach it.<\/li>\n\n\n\n<li><strong>Search products Field:<\/strong> Type the name of any item in your catalog here to quickly find and link it to this video container.<\/li>\n\n\n\n<li><strong>Delete Icon:<\/strong> Click the trash can icon at the top right of any video block to completely remove that video product from your list.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">The Shoppable List is highly flexible, allowing you to organize your multimedia shopping experience in two distinct ways:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Multiple Products inside One Card:<\/strong> You can stack several different product videos inside a single <strong>Product List Item<\/strong> card. This is perfect for creating a curated collection (like a &#8220;Summer Outfit Collection&#8221;) where customers can scroll through a series of connected product videos within one layout block.<\/li>\n\n\n\n<li><strong>Creating Separate Cards:<\/strong> If you want to display your video items in completely separate sections or locations on your store, you can click <strong>+ Add List Item<\/strong> to generate an entirely new, independent card block with its own unique settings.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>3. Content Settings<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This section controls the playback behavior of your videos, popup interactions, and how to embed the shoppable video list onto your website.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Shoppable-Videos-_-Settings-3.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"462\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Shoppable-Videos-_-Settings-3.png?resize=1024%2C462&#038;ssl=1\" alt=\"\" class=\"wp-image-105240\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Shoppable-Videos-_-Settings-3.png?resize=1024%2C462&amp;ssl=1 1024w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Shoppable-Videos-_-Settings-3.png?resize=300%2C135&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Shoppable-Videos-_-Settings-3.png?resize=768%2C347&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Shoppable-Videos-_-Settings-3.png?resize=48%2C22&amp;ssl=1 48w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Shoppable-Videos-_-Settings-3.png?w=1037&amp;ssl=1 1037w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Playback Options<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Video Auto Play:<\/strong> Turn this switch on to automatically start playing your videos. It will switch to the next product item automatically based on your custom delay or when the video ends.<\/li>\n\n\n\n<li><strong>All Video Auto Play:<\/strong> Turn this switch on to enable simultaneous automatic playback for all videos in the list view.<\/li>\n\n\n\n<li><strong>Mute:<\/strong> Switch this toggle on to automatically unmute your video playback. Turning this on ensures the audio plays instantly without requiring the user to click an unmute icon.<\/li>\n\n\n\n<li><strong>Delay (ms):<\/strong> Enter a time value in milliseconds to control exactly how long a single product stays visible. If you leave this box completely empty, the product will remain on screen for the full duration of its attached video file.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Popup &amp; Embedding Options<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Product Info Showing in Popup:<\/strong> Turn this toggle switch on to open up an interactive popup window displaying complete product information whenever a customer clicks on an item in the list.<\/li>\n\n\n\n<li><strong>Shortcode:<\/strong> Copy the unique generated piece of code from this box by clicking the copy icon. Paste this code snippet into any post, page layout, sidebar widget, or page builder section to display your interactive Shoppable Videos.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Display Design<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">The <strong>Display Page<\/strong> tab allows you to configure the heading text and structural elements that appear right above your interactive video section on the front-end.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>1. Title Settings<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This section handles the styling and visibility of your section header.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Shoppable-Videos-_-Display-page-1.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"523\" height=\"295\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Shoppable-Videos-_-Display-page-1.png?resize=523%2C295&#038;ssl=1\" alt=\"\" class=\"wp-image-105241\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Shoppable-Videos-_-Display-page-1.png?w=523&amp;ssl=1 523w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Shoppable-Videos-_-Display-page-1.png?resize=300%2C169&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Shoppable-Videos-_-Display-page-1.png?resize=48%2C27&amp;ssl=1 48w\" sizes=\"(max-width: 523px) 100vw, 523px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Title:<\/strong> Enter the custom text header you want customers to see above the video block (e.g., <em>Shoppable Videos<\/em>).<\/li>\n\n\n\n<li><strong>Title HTML tag:<\/strong> Select the structural text size tag from the dropdown list (e.g., <strong>H2<\/strong>). This helps match your site&#8217;s SEO layout styling rules.<\/li>\n\n\n\n<li><strong>Hide title:<\/strong> Turn this toggle switch on if you want to completely hide the heading text and display only the videos.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>2. Layout Settings<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This section helps you choose between a grid structure or a sliding carousel layout to present your video blocks.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Shoppable-Videos-_-Display-page-2.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"511\" height=\"368\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Shoppable-Videos-_-Display-page-2.png?resize=511%2C368&#038;ssl=1\" alt=\"\" class=\"wp-image-105242\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Shoppable-Videos-_-Display-page-2.png?w=511&amp;ssl=1 511w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Shoppable-Videos-_-Display-page-2.png?resize=300%2C216&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Shoppable-Videos-_-Display-page-2.png?resize=48%2C35&amp;ssl=1 48w\" sizes=\"(max-width: 511px) 100vw, 511px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Display Mode<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Display in Slider:<\/strong> Turn this toggle switch on to arrange your videos in a swipeable slider carousel. Keep it turned off to present your videos in a standard row-and-column layout.<\/li>\n\n\n\n<li><strong>Hide Inherit Navigation:<\/strong> Turn this switch on to hide default theme arrow buttons from appearing over the design block.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Grid Sizing<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Columns:<\/strong> Drag the slider or type a value to choose how many video blocks display side-by-side in one row.<\/li>\n\n\n\n<li><strong>Columns Gap:<\/strong> Drag the slider or enter a number to adjust the spacing between each video card container box.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Design<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">The <strong>Design<\/strong> tab lets you customize how your shoppable video blocks look to match your store&#8217;s style.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Shoppable-Videos-_-Design.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"785\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Shoppable-Videos-_-Design.png?resize=1024%2C785&#038;ssl=1\" alt=\"\" class=\"wp-image-105243\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Shoppable-Videos-_-Design.png?resize=1024%2C785&amp;ssl=1 1024w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Shoppable-Videos-_-Design.png?resize=300%2C230&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Shoppable-Videos-_-Design.png?resize=768%2C589&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Shoppable-Videos-_-Design.png?resize=48%2C37&amp;ssl=1 48w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Shoppable-Videos-_-Design.png?w=1039&amp;ssl=1 1039w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Position:<\/strong> Choose where the product details box sits over your video (e.g., <em>Bottom<\/em>).<\/li>\n\n\n\n<li><strong>Shoppable Card:<\/strong> Set the text color for your main product titles.<\/li>\n\n\n\n<li><strong>Video Border:<\/strong> Customize the frame style, color, line thickness, and corner roundness of your video panels.<\/li>\n\n\n\n<li><strong>Product Info Color:<\/strong> Pick colors for the product background banner, text, price tag, and &#8220;Add to Cart&#8221; button.<\/li>\n\n\n\n<li><strong>Progress Bar Color:<\/strong> Choose the color of the moving timeline tracker that displays video playback length.<\/li>\n\n\n\n<li><strong>Video Icon Color:<\/strong> Adjust the background shade and symbol colors for the play and pause buttons.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Backend Preview<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">The plugin offers 2 distinct visual presets to quickly change how your interactive video cards look on your storefront.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Shoppable-Videos-_-Backend-Preview.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"743\" height=\"1024\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Shoppable-Videos-_-Backend-Preview.png?resize=743%2C1024&#038;ssl=1\" alt=\"\" class=\"wp-image-105244\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Shoppable-Videos-_-Backend-Preview.png?resize=743%2C1024&amp;ssl=1 743w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Shoppable-Videos-_-Backend-Preview.png?resize=218%2C300&amp;ssl=1 218w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Shoppable-Videos-_-Backend-Preview.png?resize=768%2C1058&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Shoppable-Videos-_-Backend-Preview.png?resize=48%2C66&amp;ssl=1 48w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Shoppable-Videos-_-Backend-Preview.png?w=813&amp;ssl=1 813w\" sizes=\"(max-width: 743px) 100vw, 743px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Default Preset:<\/strong> Displays product details inside a structured overlay box that sits on top of the video clip background.<\/li>\n\n\n\n<li><strong>Modern Preset:<\/strong> Displays product details completely outside and below the video clip container for a clean look.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Frontend Preview<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">This is how the <strong>Shoppable Videos<\/strong> section looks to your customers on the front-end of your store.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Shoppable-Videos-_-Frontend-Preview.jpg?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"574\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Shoppable-Videos-_-Frontend-Preview.jpg?resize=1024%2C574&#038;ssl=1\" alt=\"\" class=\"wp-image-105254\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Shoppable-Videos-_-Frontend-Preview.jpg?resize=1024%2C574&amp;ssl=1 1024w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Shoppable-Videos-_-Frontend-Preview.jpg?resize=300%2C168&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Shoppable-Videos-_-Frontend-Preview.jpg?resize=768%2C430&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Shoppable-Videos-_-Frontend-Preview.jpg?resize=48%2C27&amp;ssl=1 48w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Shoppable-Videos-_-Frontend-Preview.jpg?w=1137&amp;ssl=1 1137w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Interactive Controls:<\/strong> Up and down navigation arrows allow customers to quickly cycle through multiple product videos stacked inside a single card container.<\/li>\n\n\n\n<li><strong>Product Badge:<\/strong> Displays a miniature image thumbnail, product title, and live pricing right next to the video playback area.<\/li>\n\n\n\n<li><strong>Quick Purchase Button:<\/strong> Customers can click the prominent green shopping cart icon to add the featured item straight to their cart without leaving the video screen.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">When a customer clicks on a video product item, a comprehensive interactive popup window opens up immediately.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Shoppable-Videos-_-Frontend-Preview-2.jpg?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"985\" height=\"659\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Shoppable-Videos-_-Frontend-Preview-2.jpg?resize=985%2C659&#038;ssl=1\" alt=\"\" class=\"wp-image-105256\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Shoppable-Videos-_-Frontend-Preview-2.jpg?w=985&amp;ssl=1 985w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Shoppable-Videos-_-Frontend-Preview-2.jpg?resize=300%2C201&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Shoppable-Videos-_-Frontend-Preview-2.jpg?resize=768%2C514&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Shoppable-Videos-_-Frontend-Preview-2.jpg?resize=48%2C32&amp;ssl=1 48w\" sizes=\"(max-width: 985px) 100vw, 985px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">From this interface, users can watch product videos, cycle through items, and adjust quantities. They can also view full product pages or instantly add items directly to their cart.<\/p>\n<\/section>\n\n\n\n<section class=\"wp-block-group featured-list has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Featured List<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">This Module helps you add a list of something, it can be features, brands, functions, or anything, to the single page of a product.Let&#8217;s explore its features.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">From your Store One dashboard, click on the Configure button of the Featured List<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Store-One-_-Featured-List.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"627\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Store-One-_-Featured-List.png?resize=1024%2C627&#038;ssl=1\" alt=\"\" class=\"wp-image-105173\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Store-One-_-Featured-List.png?resize=1024%2C627&amp;ssl=1 1024w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Store-One-_-Featured-List.png?resize=300%2C184&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Store-One-_-Featured-List.png?resize=768%2C471&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Store-One-_-Featured-List.png?resize=48%2C29&amp;ssl=1 48w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Store-One-_-Featured-List.png?w=1410&amp;ssl=1 1410w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Enable the addon.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Featured-List-_-enable.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"571\" height=\"291\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Featured-List-_-enable.png?resize=571%2C291&#038;ssl=1\" alt=\"\" class=\"wp-image-105175\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Featured-List-_-enable.png?w=571&amp;ssl=1 571w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Featured-List-_-enable.png?resize=300%2C153&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Featured-List-_-enable.png?resize=48%2C24&amp;ssl=1 48w\" sizes=\"(max-width: 571px) 100vw, 571px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">You will see it&#8217;s all the settings on this page. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Settings<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>1. Basic Settings<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This section controls the overall status and internal identification of your rule.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Status:<\/strong> Toggle between <strong>Active<\/strong> or <strong>Inactive<\/strong> to turn this specific list rule on or off.<\/li>\n\n\n\n<li><strong>Title:<\/strong> Enter a descriptive name for your list (e.g., <em>Featured List<\/em>). This helps you identify the rule in your dashboard.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Featured-List-_-settings-1.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"522\" height=\"617\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Featured-List-_-settings-1.png?resize=522%2C617&#038;ssl=1\" alt=\"\" class=\"wp-image-105168\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Featured-List-_-settings-1.png?w=522&amp;ssl=1 522w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Featured-List-_-settings-1.png?resize=254%2C300&amp;ssl=1 254w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Featured-List-_-settings-1.png?resize=48%2C57&amp;ssl=1 48w\" sizes=\"(max-width: 522px) 100vw, 522px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>2. Trigger Settings<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This section defines which items from your inventory will be automatically captured or excluded by this list.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Trigger Type:<\/strong> Select the main filter criteria from the dropdown menu (e.g., <em>All Products<\/em>, <em>Specific Categories<\/em>, or <em>Custom Selection<\/em>).<\/li>\n\n\n\n<li><strong>Exclude products:<\/strong> Turn this toggle on to block specific individual items from appearing in this list.<\/li>\n\n\n\n<li><strong>Exclude categories:<\/strong> Turn this toggle on to prevent items from selected categories from showing up.<\/li>\n\n\n\n<li><strong>Exclude product tags:<\/strong> Turn this toggle on to block products that carry specific tags.<\/li>\n\n\n\n<li><strong>Exclude On-Sale products:<\/strong> Turn this toggle on if you want to keep discounted sale items out of this specific showcase.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>3. Featured List Item<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This section allows you to add individual feature highlights (like selling points, guarantees, or badges) to your product layout. You can customize the text, icons, and links for each item.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Item Configurations<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Featured-List-_-settings-2.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1009\" height=\"553\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Featured-List-_-settings-2.png?resize=1009%2C553&#038;ssl=1\" alt=\"\" class=\"wp-image-105169\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Featured-List-_-settings-2.png?w=1009&amp;ssl=1 1009w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Featured-List-_-settings-2.png?resize=300%2C164&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Featured-List-_-settings-2.png?resize=768%2C421&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Featured-List-_-settings-2.png?resize=48%2C26&amp;ssl=1 48w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Each item box contains the following options:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Text:<\/strong> Type the custom text or highlight you want to display (e.g., <em>Premium Quality Material<\/em> or <em>Fast &amp; Secure Shipping<\/em>).<\/li>\n\n\n\n<li><strong>Enable Link:<\/strong> Switch this toggle on to make the item clickable and link it to a specific URL.<\/li>\n\n\n\n<li><strong>Enable Icon:<\/strong> Turn this switch on to display a visual icon next to your text snippet.<\/li>\n\n\n\n<li><strong>Icon Type:<\/strong> Pick how you want to add your graphic (e.g., select <em>Icon<\/em> to use built-in system symbols).<\/li>\n\n\n\n<li><strong>Icon Selector:<\/strong> Click on your preferred symbol from the quick-selection grid (such as a checkmark, star, heart, or lightning bolt) to set it.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>4. Use Shortcode<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This section gives you the freedom to place your custom list anywhere on your website.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Featured-List-_-settings-3-1.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"528\" height=\"258\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Featured-List-_-settings-3-1.png?resize=528%2C258&#038;ssl=1\" alt=\"\" class=\"wp-image-105198\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Featured-List-_-settings-3-1.png?w=528&amp;ssl=1 528w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Featured-List-_-settings-3-1.png?resize=300%2C147&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Featured-List-_-settings-3-1.png?resize=48%2C23&amp;ssl=1 48w\" sizes=\"(max-width: 528px) 100vw, 528px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Shortcode Toggle:<\/strong> Turn this switch on to generate a unique snippet of code.<\/li>\n\n\n\n<li><strong>Placement:<\/strong> Copy and paste the generated shortcode into any post, page, widget, or page builder area.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Display Page<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Product List Display Page Settings<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The <strong>Display Page<\/strong> tab controls exactly where your custom featured list shows up on your single product pages.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>1. Placement Settings<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This section determines the visual position and ordering of your list.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Placement on product page:<\/strong> Select where to insert the list from the dropdown menu.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Featured-List-_-display-page.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"513\" height=\"399\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Featured-List-_-display-page.png?resize=513%2C399&#038;ssl=1\" alt=\"\" class=\"wp-image-105170\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Featured-List-_-display-page.png?w=513&amp;ssl=1 513w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Featured-List-_-display-page.png?resize=300%2C233&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Featured-List-_-display-page.png?resize=48%2C37&amp;ssl=1 48w\" sizes=\"(max-width: 513px) 100vw, 513px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Priority:<\/strong> Enter a custom ordering number (e.g., <em>10<\/em>). Lower numbers display first if multiple items use the same placement area.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Design<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">The <strong>Design<\/strong> tab gives you full control over the colors, layout styling, and spacing of your product list to match your store&#8217;s branding.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>1. Icon Styling<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Customize the color scheme of the badges or icons displayed next to your items.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Icon Background:<\/strong> Choose a background color for the icon&#8217;s bounding area or circle using the color picker or hex code.<\/li>\n\n\n\n<li><strong>Icon:<\/strong> Select the color for the icon graphic itself to ensure it stands out clearly.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>2. List Styling<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Fine-tune the typography and block layout colors for the list container.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Background:<\/strong> Pick a background color for the entire main container of your list.<\/li>\n\n\n\n<li><strong>Title:<\/strong> Set the text color for the main section headline.<\/li>\n\n\n\n<li><strong>List:<\/strong> Select the text color for the individual list item descriptions.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Featured-List-_-Design.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"519\" height=\"643\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Featured-List-_-Design.png?resize=519%2C643&#038;ssl=1\" alt=\"\" class=\"wp-image-105171\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Featured-List-_-Design.png?w=519&amp;ssl=1 519w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Featured-List-_-Design.png?resize=242%2C300&amp;ssl=1 242w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Featured-List-_-Design.png?resize=48%2C59&amp;ssl=1 48w\" sizes=\"(max-width: 519px) 100vw, 519px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>3. Border Styling<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Add structural shape and definitions around your feature showcase.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Border Color:<\/strong> Select a specific tone or subtle shade for the bounding box outlines.<\/li>\n\n\n\n<li><strong>Border Radius:<\/strong> Drag the slider or input a number to round out the corners of your container box. You can change the units using the unit selector dropdown.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Backend Preview<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">The plugin offers <strong>5 beautifully pre-designed templates<\/strong> to help you quickly change the style of your Product List. You can switch between these looks with a single click to find the one that best matches your store theme.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Featured-List-_-Backend-Preview.jpg?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"470\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Featured-List-_-Backend-Preview.jpg?resize=1024%2C470&#038;ssl=1\" alt=\"\" class=\"wp-image-105191\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Featured-List-_-Backend-Preview.jpg?resize=1024%2C470&amp;ssl=1 1024w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Featured-List-_-Backend-Preview.jpg?resize=300%2C138&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Featured-List-_-Backend-Preview.jpg?resize=768%2C353&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Featured-List-_-Backend-Preview.jpg?resize=1536%2C706&amp;ssl=1 1536w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Featured-List-_-Backend-Preview.jpg?resize=2048%2C941&amp;ssl=1 2048w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Featured-List-_-Backend-Preview.jpg?resize=48%2C22&amp;ssl=1 48w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Crystal Template:<\/strong> A clean, minimalist layout with transparent item blocks, a subtle border, and standard colored icons.<\/li>\n\n\n\n<li><strong>Midnight Template:<\/strong> A bold look featuring a deep, dark block background with white text and vibrant contrasting icons.<\/li>\n\n\n\n<li><strong>Zen Template:<\/strong> A modern style featuring pure text layout with borderless list spacing and matching minimal icons.<\/li>\n\n\n\n<li><strong>Aurora Template:<\/strong> A sleek style that puts each feature into its own individual pill-shaped dark button container.<\/li>\n\n\n\n<li><strong>Fusion Template:<\/strong> An eye-catching option featuring a vivid gradient background with rounded sub-cards for maximum visibility.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Frontend Preview<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">This is how the Featured List block looks to your customers on the front-end product page. It neatly organizes your key selling points right below your purchasing options to increase buyer confidence.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Featured-List-_-Frontend-Preview.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"574\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Featured-List-_-Frontend-Preview.png?resize=1024%2C574&#038;ssl=1\" alt=\"\" class=\"wp-image-105192\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Featured-List-_-Frontend-Preview.png?resize=1024%2C574&amp;ssl=1 1024w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Featured-List-_-Frontend-Preview.png?resize=300%2C168&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Featured-List-_-Frontend-Preview.png?resize=768%2C430&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Featured-List-_-Frontend-Preview.png?resize=48%2C27&amp;ssl=1 48w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Featured-List-_-Frontend-Preview.png?w=1094&amp;ssl=1 1094w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Header Title:<\/strong> Displays your custom label (e.g., <em>Featured List<\/em>) to introduce the information segment.<\/li>\n\n\n\n<li><strong>Visual Highlights:<\/strong> Renders each customized bullet point line-by-line with its selected icon.<\/li>\n\n\n\n<li><strong>Strategic Placement:<\/strong> Integrates smoothly into the product page section you chose under your display settings<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Watch the documentation walkthrough below<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"Product Feature List Addon for WooCommerce | Store One Docs\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/eDlzW83HzeY?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group quick-social-link has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Quick Social Link<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">This helps you add social media links to the product page through which users can directly share the product or page. Let&#8217;s see how you can enable it.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Open the Store One dashboard.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Store-One-_-Quick-Social-Link.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"569\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Store-One-_-Quick-Social-Link.png?resize=1024%2C569&#038;ssl=1\" alt=\"\" class=\"wp-image-101735\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Store-One-_-Quick-Social-Link.png?resize=1024%2C569&amp;ssl=1 1024w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Store-One-_-Quick-Social-Link.png?resize=300%2C167&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Store-One-_-Quick-Social-Link.png?resize=768%2C427&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Store-One-_-Quick-Social-Link.png?resize=48%2C27&amp;ssl=1 48w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Store-One-_-Quick-Social-Link.png?w=1244&amp;ssl=1 1244w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">This will be shown when you click on Configure.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Quick-Social-Link-1-1.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"489\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Quick-Social-Link-1-1.png?resize=1024%2C489&#038;ssl=1\" alt=\"\" class=\"wp-image-101741\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Quick-Social-Link-1-1.png?resize=1024%2C489&amp;ssl=1 1024w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Quick-Social-Link-1-1.png?resize=300%2C143&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Quick-Social-Link-1-1.png?resize=768%2C367&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Quick-Social-Link-1-1.png?resize=48%2C23&amp;ssl=1 48w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Quick-Social-Link-1-1.png?w=1418&amp;ssl=1 1418w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">First thing you need to do is enable the module. Its preview is given on the right side, so you can see the changes live.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Then there is a <strong>Rule<\/strong> that you can set to active or inactive. You can create multiple rules and add social media to them. For example, you can create a rule for social media links for all products, and another rule for social media links for all pages. So the rules will be applied, and the social media buttons will appear as per the rules.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Then, in the <strong>Trigger Type<\/strong>, you can set where you want to apply the Rule.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Quick-Social-Link-2.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"537\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Quick-Social-Link-2.png?resize=1024%2C537&#038;ssl=1\" alt=\"\" class=\"wp-image-101740\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Quick-Social-Link-2.png?resize=1024%2C537&amp;ssl=1 1024w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Quick-Social-Link-2.png?resize=300%2C157&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Quick-Social-Link-2.png?resize=768%2C403&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Quick-Social-Link-2.png?resize=48%2C25&amp;ssl=1 48w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Quick-Social-Link-2.png?w=1398&amp;ssl=1 1398w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Next, you can add the social media icons that you want. When you add a social media icon, its settings appear. First, you will see the platform tabs like social, messaging, business, etc. You can select the platform, and then you can upload an image icon or a custom SVG, if not want the default icon.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/quick-social-link-gif.gif?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"451\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/quick-social-link-gif.gif?resize=800%2C451&#038;ssl=1\" alt=\"\" class=\"wp-image-101746\"\/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">After setting up the module, you can see the final preview.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Quick-Social-Link-_-preview.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"537\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Quick-Social-Link-_-preview.png?resize=1024%2C537&#038;ssl=1\" alt=\"\" class=\"wp-image-101747\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Quick-Social-Link-_-preview.png?resize=1024%2C537&amp;ssl=1 1024w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Quick-Social-Link-_-preview.png?resize=300%2C157&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Quick-Social-Link-_-preview.png?resize=768%2C403&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Quick-Social-Link-_-preview.png?resize=48%2C25&amp;ssl=1 48w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Quick-Social-Link-_-preview.png?w=1156&amp;ssl=1 1156w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Watch the documentation walkthrough below<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"Quick Social Share Icons Addon for WooCommerce | Store One Docs\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/EZ_YTkvGcfc?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group badge-management has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Badge Management<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">This lets you create badges that simplify your store. Add badges like Sales, Discounted, etc.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Open the Store One dashboard and click on the Badge Management module.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Store-One-_-Badge-Management.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"568\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Store-One-_-Badge-Management.png?resize=1024%2C568&#038;ssl=1\" alt=\"\" class=\"wp-image-101865\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Store-One-_-Badge-Management.png?resize=1024%2C568&amp;ssl=1 1024w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Store-One-_-Badge-Management.png?resize=300%2C166&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Store-One-_-Badge-Management.png?resize=768%2C426&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Store-One-_-Badge-Management.png?resize=48%2C27&amp;ssl=1 48w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Store-One-_-Badge-Management.png?w=1241&amp;ssl=1 1241w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">This will open its settings.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Badge-management.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"891\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Badge-management.png?resize=1024%2C891&#038;ssl=1\" alt=\"\" class=\"wp-image-101870\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Badge-management.png?resize=1024%2C891&amp;ssl=1 1024w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Badge-management.png?resize=300%2C261&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Badge-management.png?resize=768%2C668&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Badge-management.png?resize=48%2C42&amp;ssl=1 48w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Badge-management.png?w=1378&amp;ssl=1 1378w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">First, enable it from the button above. From the Show Badges, you can select which products you want to show the badges. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The buttons below Show Badges set where to show the badge and where not. As Loop and Single Pages are enabled, the badges will be shown on these pages. But if you enable the Exclude button, you can select products that you want to exclude from displaying a badge.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Next, switch tab to User Condition<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Badge-management-_-User-Condition.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"518\" height=\"566\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Badge-management-_-User-Condition.png?resize=518%2C566&#038;ssl=1\" alt=\"\" class=\"wp-image-101879\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Badge-management-_-User-Condition.png?w=518&amp;ssl=1 518w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Badge-management-_-User-Condition.png?resize=275%2C300&amp;ssl=1 275w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Badge-management-_-User-Condition.png?resize=48%2C52&amp;ssl=1 48w\" sizes=\"(max-width: 518px) 100vw, 518px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Select the User Condition means the users you want to display the badges to. If you want to exclude some users from seeing the badges, enable the <strong>Exclude<\/strong> button and select the roles and users.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Next to customize the Badge appearance, switch to <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Badge-management-_-basic-design.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"504\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Badge-management-_-basic-design.png?resize=1024%2C504&#038;ssl=1\" alt=\"\" class=\"wp-image-101883\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Badge-management-_-basic-design.png?resize=1024%2C504&amp;ssl=1 1024w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Badge-management-_-basic-design.png?resize=300%2C148&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Badge-management-_-basic-design.png?resize=768%2C378&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Badge-management-_-basic-design.png?resize=1536%2C757&amp;ssl=1 1536w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Badge-management-_-basic-design.png?resize=48%2C24&amp;ssl=1 48w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Badge-management-_-basic-design.png?w=1624&amp;ssl=1 1624w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">From the <strong>Badge Type<\/strong>, select what you want to display as a badge; there are several options, including text, image, CSS, etc. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Then you can change the appearance by style, margin, border, etc.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">After all, your badge will display like this.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Badge-Management-_-preview.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"791\" height=\"490\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Badge-Management-_-preview.png?resize=791%2C490&#038;ssl=1\" alt=\"\" class=\"wp-image-101884\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Badge-Management-_-preview.png?w=791&amp;ssl=1 791w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Badge-Management-_-preview.png?resize=300%2C186&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Badge-Management-_-preview.png?resize=768%2C476&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Badge-Management-_-preview.png?resize=48%2C30&amp;ssl=1 48w\" sizes=\"(max-width: 791px) 100vw, 791px\" \/><\/a><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group product-video-gallery has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Product Video Gallery<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Videos can describe a product much more effectively than an image. Using this module, you can put a video on the product page and an image on the shop page.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Let&#8217;s understand the procedure step by step.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Store-One_-Product-Video-Gallery.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"655\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Store-One_-Product-Video-Gallery.png?resize=1024%2C655&#038;ssl=1\" alt=\"\" class=\"wp-image-101907\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Store-One_-Product-Video-Gallery.png?resize=1024%2C655&amp;ssl=1 1024w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Store-One_-Product-Video-Gallery.png?resize=300%2C192&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Store-One_-Product-Video-Gallery.png?resize=768%2C491&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Store-One_-Product-Video-Gallery.png?resize=48%2C31&amp;ssl=1 48w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Store-One_-Product-Video-Gallery.png?w=1327&amp;ssl=1 1327w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">The first thing we need to do is to add a video to a product. Click on <strong>Add Video<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Product-Video-Gallery-1.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"866\" height=\"570\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Product-Video-Gallery-1.png?resize=866%2C570&#038;ssl=1\" alt=\"\" class=\"wp-image-101908\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Product-Video-Gallery-1.png?w=866&amp;ssl=1 866w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Product-Video-Gallery-1.png?resize=300%2C197&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Product-Video-Gallery-1.png?resize=768%2C505&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Product-Video-Gallery-1.png?resize=48%2C32&amp;ssl=1 48w\" sizes=\"(max-width: 866px) 100vw, 866px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">You will be redirected to the All Products page, click on the product you want to add video to.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Product-Video-Gallery-2.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"295\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Product-Video-Gallery-2.png?resize=1024%2C295&#038;ssl=1\" alt=\"\" class=\"wp-image-101914\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Product-Video-Gallery-2.png?resize=1024%2C295&amp;ssl=1 1024w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Product-Video-Gallery-2.png?resize=300%2C86&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Product-Video-Gallery-2.png?resize=768%2C221&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Product-Video-Gallery-2.png?resize=48%2C14&amp;ssl=1 48w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Product-Video-Gallery-2.png?w=1415&amp;ssl=1 1415w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Scroll down to Store one section.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Product-Video-Gallery-3.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"517\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Product-Video-Gallery-3.png?resize=1024%2C517&#038;ssl=1\" alt=\"\" class=\"wp-image-101916\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Product-Video-Gallery-3.png?resize=1024%2C517&amp;ssl=1 1024w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Product-Video-Gallery-3.png?resize=300%2C151&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Product-Video-Gallery-3.png?resize=768%2C388&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Product-Video-Gallery-3.png?resize=48%2C24&amp;ssl=1 48w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Product-Video-Gallery-3.png?w=1248&amp;ssl=1 1248w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Two buttons are here to add video as Featured video and Video gallery.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">If you enable Featured Video, the video will be added to appear on the shop page, replacing the product image. I will show you the result after setting it up. And the Video Gallery will be displayed on the single product page.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Product-Video-Gallery-4.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"717\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Product-Video-Gallery-4.png?resize=1024%2C717&#038;ssl=1\" alt=\"\" class=\"wp-image-101920\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Product-Video-Gallery-4.png?resize=1024%2C717&amp;ssl=1 1024w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Product-Video-Gallery-4.png?resize=300%2C210&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Product-Video-Gallery-4.png?resize=768%2C538&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Product-Video-Gallery-4.png?resize=48%2C34&amp;ssl=1 48w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Product-Video-Gallery-4.png?w=1082&amp;ssl=1 1082w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">After this, you can save changes by publishing the product. Return to the Product Gallery module dashboard.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Product-Video-Gallery-_-Gallery.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"476\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Product-Video-Gallery-_-Gallery.png?resize=1024%2C476&#038;ssl=1\" alt=\"\" class=\"wp-image-101921\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Product-Video-Gallery-_-Gallery.png?resize=1024%2C476&amp;ssl=1 1024w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Product-Video-Gallery-_-Gallery.png?resize=300%2C139&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Product-Video-Gallery-_-Gallery.png?resize=768%2C357&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Product-Video-Gallery-_-Gallery.png?resize=48%2C22&amp;ssl=1 48w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Product-Video-Gallery-_-Gallery.png?w=1391&amp;ssl=1 1391w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">From this page, you can set a global thumbnail that will be shown in all product pages if not given in the product&#8217;s meta. If a thumbnail is set in meta, as we set, then it will overwrite the Global image.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Again, this ratio of the video is global on all product pages. You can enable <strong>Auto Play<\/strong>, which will enable video play automatically as the product page is opened.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The thumbnail play icon and its color can be changed from the options below.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Now switch to the Featured tab.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Product-Video-Gallery-_-Featured.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"459\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Product-Video-Gallery-_-Featured.png?resize=1024%2C459&#038;ssl=1\" alt=\"\" class=\"wp-image-101925\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Product-Video-Gallery-_-Featured.png?resize=1024%2C459&amp;ssl=1 1024w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Product-Video-Gallery-_-Featured.png?resize=300%2C134&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Product-Video-Gallery-_-Featured.png?resize=768%2C344&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Product-Video-Gallery-_-Featured.png?resize=48%2C22&amp;ssl=1 48w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Product-Video-Gallery-_-Featured.png?w=1374&amp;ssl=1 1374w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">The same options are given as in the Gallery. You can upload the global thumbnail, set its ratio, auto-play, and icon.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This is how it will look after setting up.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Product-Video-Galley-gif-1.gif?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"633\" height=\"360\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Product-Video-Galley-gif-1.gif?resize=633%2C360&#038;ssl=1\" alt=\"\" class=\"wp-image-101939\"\/><\/a><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group bundle-product has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Bundle Product<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Open your Store Dashboard and click on the Bundle Product&#8217;s Configure button.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Store-One-_-Bundle-Product.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"588\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Store-One-_-Bundle-Product.png?resize=1024%2C588&#038;ssl=1\" alt=\"\" class=\"wp-image-103422\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Store-One-_-Bundle-Product.png?resize=1024%2C588&amp;ssl=1 1024w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Store-One-_-Bundle-Product.png?resize=300%2C172&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Store-One-_-Bundle-Product.png?resize=768%2C441&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Store-One-_-Bundle-Product.png?w=1422&amp;ssl=1 1422w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Now follow the steps below.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Bundle-Product-_-enable.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"825\" height=\"499\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Bundle-Product-_-enable.png?resize=825%2C499&#038;ssl=1\" alt=\"\" class=\"wp-image-103427\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Bundle-Product-_-enable.png?w=825&amp;ssl=1 825w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Bundle-Product-_-enable.png?resize=300%2C181&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Bundle-Product-_-enable.png?resize=768%2C465&amp;ssl=1 768w\" sizes=\"(max-width: 825px) 100vw, 825px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Enable the Addon with the button marked with number 1, and then click on the Create Bundle button marked with number 2.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">This will redirect you to Create Product Page <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Product-_-Bundle-Product.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"329\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Product-_-Bundle-Product.png?resize=1024%2C329&#038;ssl=1\" alt=\"\" class=\"wp-image-103428\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Product-_-Bundle-Product.png?resize=1024%2C329&amp;ssl=1 1024w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Product-_-Bundle-Product.png?resize=300%2C96&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Product-_-Bundle-Product.png?resize=768%2C247&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Product-_-Bundle-Product.png?w=1424&amp;ssl=1 1424w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Give it a name and scroll down to Product Data.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Select the Product Data as Bundle Product <\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Product-_-Product-Bundle.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"769\" height=\"268\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Product-_-Product-Bundle.png?resize=769%2C268&#038;ssl=1\" alt=\"\" class=\"wp-image-103429\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Product-_-Product-Bundle.png?w=769&amp;ssl=1 769w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Product-_-Product-Bundle.png?resize=300%2C105&amp;ssl=1 300w\" sizes=\"(max-width: 769px) 100vw, 769px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">After selecting the product data as Product Bundle, its settings will open in the Product Data section.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Bundled Products<\/strong>: Click this search bar and start typing to find and select the individual items or product variations you want to include in this bundle.<\/li>\n\n\n\n<li><strong>Selected Products<\/strong>: View your active bundle items, where you can click and drag the three horizontal lines on the left to change their display order, or click the red trash can icon on the far right to delete them.<\/li>\n\n\n\n<li><strong>Discount Scope<\/strong>: Choose from the dropdown menu whether your pricing discounts apply to the entire bundle as a whole or to individual items within it.<\/li>\n\n\n\n<li><strong>Regular Price ($)<\/strong>: Enter the standard, full retail cost of the bundled collection before any promotional markdown is calculated.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Product-Bundle-section.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"779\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Product-Bundle-section.png?resize=1024%2C779&#038;ssl=1\" alt=\"\" class=\"wp-image-103430\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Product-Bundle-section.png?resize=1024%2C779&amp;ssl=1 1024w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Product-Bundle-section.png?resize=300%2C228&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Product-Bundle-section.png?resize=768%2C584&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Product-Bundle-section.png?w=1082&amp;ssl=1 1082w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Discount Type<\/strong>: Select whether your promotional bundle markdown should be calculated as a fixed monetary amount or as a specific percentage off.<\/li>\n\n\n\n<li><strong>Discount (%)<\/strong>: Enter the numeric value of the promotional markdown you want to automatically deduct from the regular price.<\/li>\n\n\n\n<li><strong>Minimum Quantity<\/strong>: Enter the minimum total number of bundled items a customer must buy to checkout or qualify for the price.<\/li>\n\n\n\n<li><strong>Maximum Quantity<\/strong>: Enter the highest number of bundled packages a single customer is permitted to purchase, or set it to zero for no limit.<\/li>\n\n\n\n<li><strong>Above Bundle Text<\/strong>: Type custom informational messages or instructional content that will show up directly above the itemized list on the live page.<\/li>\n\n\n\n<li><strong>Below Bundle Text<\/strong>: Type specific terms, notes, or promotional text that will display directly beneath the bundle package items.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">So when you select the <strong>Bundle Wide<\/strong> as a Discount Scope, and then click on the six-dots icon next to the trash icon on any product, it opens these advanced settings for that specific item.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Product-Bundle-_-Bundle-Wide.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"855\" height=\"437\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Product-Bundle-_-Bundle-Wide.png?resize=855%2C437&#038;ssl=1\" alt=\"\" class=\"wp-image-103431\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Product-Bundle-_-Bundle-Wide.png?w=855&amp;ssl=1 855w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Product-Bundle-_-Bundle-Wide.png?resize=300%2C153&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Product-Bundle-_-Bundle-Wide.png?resize=768%2C393&amp;ssl=1 768w\" sizes=\"(max-width: 855px) 100vw, 855px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Optional<\/strong>: Check this box to allow customers to choose whether they want to include this specific item in their bundle.<\/li>\n\n\n\n<li><strong>Hide Discount<\/strong>: Check this box to hide the original regular price display for this specific product on the front end.<\/li>\n\n\n\n<li><strong>Quantity<\/strong>: Check this box to let customers choose their own custom quantity for this specific item inside the bundle.<\/li>\n\n\n\n<li><strong>Min quantity<\/strong>: Set the lowest number of units a customer must select for this specific item if it is included.<\/li>\n\n\n\n<li><strong>Max quantity<\/strong>: Set the highest number of units a customer is allowed to select for this specific item.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">When you change the <strong>Discount Scope<\/strong> to <strong>Per product<\/strong>, the general Regular Price block locks, and the Discount Type and its options move directly into each individual item&#8217;s advanced settings panel.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Product-Bundle-_-Per-Product.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"864\" height=\"650\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Product-Bundle-_-Per-Product.png?resize=864%2C650&#038;ssl=1\" alt=\"\" class=\"wp-image-103432\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Product-Bundle-_-Per-Product.png?w=864&amp;ssl=1 864w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Product-Bundle-_-Per-Product.png?resize=300%2C226&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Product-Bundle-_-Per-Product.png?resize=768%2C578&amp;ssl=1 768w\" sizes=\"(max-width: 864px) 100vw, 864px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Optional<\/strong>: Check this box to allow customers to decide if they want to include this item in their bundle.<\/li>\n\n\n\n<li><strong>Hide Discount<\/strong>: Check this box to hide the original regular price of the individual product on your store pages.<\/li>\n\n\n\n<li><strong>Quantity<\/strong>: Check this box to let customers manually choose their preferred quantity for this specific product.<\/li>\n\n\n\n<li><strong>Min quantity<\/strong>: Enter the minimum number of units a customer is required to take for this specific product.<\/li>\n\n\n\n<li><strong>Max quantity<\/strong>: Enter the maximum number of units a customer is allowed to buy for this specific product.<\/li>\n\n\n\n<li><strong>Discount Type<\/strong>: Click this dropdown to choose if this specific item gets a <strong>Percentage<\/strong> off or a <strong>Fixed<\/strong> dollar amount markdown.<\/li>\n\n\n\n<li><strong>Discount (%)<\/strong>: Enter the numeric percentage or fixed value to be deducted only from this item&#8217;s specific price<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">After these settings, publish the product.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Come back to Store One&#8217;s Bundle Product addon.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Product Page<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Bundle-Product-_-Product-page-settings.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"806\" height=\"523\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Bundle-Product-_-Product-page-settings.png?resize=806%2C523&#038;ssl=1\" alt=\"\" class=\"wp-image-103433\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Bundle-Product-_-Product-page-settings.png?w=806&amp;ssl=1 806w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Bundle-Product-_-Product-page-settings.png?resize=300%2C195&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Bundle-Product-_-Product-page-settings.png?resize=768%2C498&amp;ssl=1 768w\" sizes=\"(max-width: 806px) 100vw, 806px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">You can control how your bundled items look and function on the public product page using these toggle switches and dropdown options.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Display bundled product thumbnails<\/strong>: Toggle this switch on to show small image previews for each item included in the bundle.<\/li>\n\n\n\n<li><strong>Display bundled product descriptions<\/strong>: Toggle this switch on to show the individual text descriptions for each bundled item.<\/li>\n\n\n\n<li><strong>Display bundled product quantities<\/strong>: Toggle this switch on to show customers the exact number of units included for each item.<\/li>\n\n\n\n<li><strong>Make bundled product thumbnails and titles clickable<\/strong>: Toggle this switch on to allow customers to click on an item&#8217;s picture or name to visit its individual store page.<\/li>\n\n\n\n<li><strong>Display prices of bundled products<\/strong>: Click this dropdown to choose how item pricing is displayed. Select <strong>Price per unit<\/strong> to show individual costs, <strong>Total price<\/strong> to show the combined sum, or <strong>Hide<\/strong> to obscure item prices completely.<\/li>\n\n\n\n<li><strong>Calculate the prices of bundled products based on<\/strong>: Click this dropdown to decide which baseline rate to use for bundle math. Select <strong>Sale price<\/strong> to calculate discounts from current promotional rates, or <strong>Regular price<\/strong> to calculate from standard retail rates.<\/li>\n\n\n\n<li><strong>Where to display the bundled products<\/strong>: Click this dropdown to change the visual position of the bundle layout on your webpage. Select the &#8221; <strong>Before add to cart button<\/strong> or the &#8221; <strong>After add to cart button<\/strong>.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Product Page<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You can manage how your bundled items behave and display inside the shopping cart using these toggle switches and dropdown options.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Bundle-Product-_-Cart-page-settings.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"567\" height=\"407\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Bundle-Product-_-Cart-page-settings.png?resize=567%2C407&#038;ssl=1\" alt=\"\" class=\"wp-image-103434\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Bundle-Product-_-Cart-page-settings.png?w=567&amp;ssl=1 567w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Bundle-Product-_-Cart-page-settings.png?resize=300%2C215&amp;ssl=1 300w\" sizes=\"(max-width: 567px) 100vw, 567px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Hide bundled products in cart<\/strong>: Toggle this switch on to hide the individual items from the cart view so customers only see the main bundle name.<\/li>\n\n\n\n<li><strong>Hide bundled products in Quantity<\/strong>: Toggle this switch on to stop showing individual unit quantities for the separate items in the cart.<\/li>\n\n\n\n<li><strong>Hide bundled products in Price<\/strong>: Toggle this switch on to remove the separate pricing displays for each individual item inside the cart.<\/li>\n\n\n\n<li><strong>Include links to bundled products<\/strong>: Toggle this switch on to let customers click on the item names inside the cart to visit their original product pages.<\/li>\n\n\n\n<li><strong>Cart contents count will include<\/strong>: Click this dropdown to decide how the shopping cart item counter updates. Select <strong>Bundle as one product<\/strong> to increase the total count by one, or <strong>Bundled items separately<\/strong> to count every individual product inside the package.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Preview<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You can see an instant visual mockup of how your bundle configurations will appear to your customers using the <strong>Preview<\/strong> layout section at the top of your workspace.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Bundle-Product-_-Preview.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"452\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Bundle-Product-_-Preview.png?resize=1024%2C452&#038;ssl=1\" alt=\"\" class=\"wp-image-103435\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Bundle-Product-_-Preview.png?resize=1024%2C452&amp;ssl=1 1024w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Bundle-Product-_-Preview.png?resize=300%2C132&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Bundle-Product-_-Preview.png?resize=768%2C339&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Bundle-Product-_-Preview.png?resize=1536%2C678&amp;ssl=1 1536w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Bundle-Product-_-Preview.png?w=1626&amp;ssl=1 1626w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Product Page Tab<\/strong>: Click this tab to view an interactive simulation of the frontend product page, displaying how your images, checkboxes, quantities, and individual item pricing layout look on your site.<\/li>\n\n\n\n<li><strong>Cart Page Tab<\/strong>: Click this tab to switch views and check exactly how the bundled package items, unit quantities, and grouped prices display inside a standard shopping cart layout.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Website Preview<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Bundle-Product-_-Website-Preview.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"666\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Bundle-Product-_-Website-Preview.png?resize=1024%2C666&#038;ssl=1\" alt=\"\" class=\"wp-image-103439\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Bundle-Product-_-Website-Preview.png?resize=1024%2C666&amp;ssl=1 1024w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Bundle-Product-_-Website-Preview.png?resize=300%2C195&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Bundle-Product-_-Website-Preview.png?resize=768%2C499&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Bundle-Product-_-Website-Preview.png?w=1092&amp;ssl=1 1092w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">On the Shop Page, the Bundle Product appears along with other products. When the user clicks on the Bundle Product, it comes to the Single Product page.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">All products that we added are appearing here. The price is 50% as the discount is set to 50%. And the quantity of the product beside the Add to cart button is 2, it can&#8217;t be reduced to 1, as we set the minimum quantity to 2.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Bundle-Product-_-cart.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"328\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Bundle-Product-_-cart.png?resize=1024%2C328&#038;ssl=1\" alt=\"\" class=\"wp-image-103441\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Bundle-Product-_-cart.png?resize=1024%2C328&amp;ssl=1 1024w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Bundle-Product-_-cart.png?resize=300%2C96&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Bundle-Product-_-cart.png?resize=768%2C246&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Bundle-Product-_-cart.png?w=1134&amp;ssl=1 1134w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">When a customer clicks the add to cart button on the product page, the plugin instantly groups your chosen items into a single bundle package and adds them to the shopping cart. The quantities, items, and prices displayed in the cart automatically reflect the exact rules you configured in the backend add-on panel.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Watch the documentation walkthrough below<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"Bundle Product Addon for WooCommerce | Store One Docs\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/kOg5yupKBH0?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group sale-notification has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Sale Notification<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">This addon builds instant buyer trust by displaying recent sales activity on your storefront. Let&#8217;s explore every feature and setting so you can set it up perfectly.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">From your Store One dashboard, click on the Configure button of the Sale Notification addon.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Storeone-_-Sale-Notification.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"557\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Storeone-_-Sale-Notification.png?resize=1024%2C557&#038;ssl=1\" alt=\"\" class=\"wp-image-103783\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Storeone-_-Sale-Notification.png?resize=1024%2C557&amp;ssl=1 1024w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Storeone-_-Sale-Notification.png?resize=300%2C163&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Storeone-_-Sale-Notification.png?resize=768%2C418&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Storeone-_-Sale-Notification.png?resize=18%2C10&amp;ssl=1 18w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Storeone-_-Sale-Notification.png?resize=48%2C26&amp;ssl=1 48w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Storeone-_-Sale-Notification.png?w=1420&amp;ssl=1 1420w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sale-notification-_-settings.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"906\" height=\"971\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sale-notification-_-settings.png?resize=906%2C971&#038;ssl=1\" alt=\"\" class=\"wp-image-103784\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sale-notification-_-settings.png?w=906&amp;ssl=1 906w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sale-notification-_-settings.png?resize=280%2C300&amp;ssl=1 280w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sale-notification-_-settings.png?resize=768%2C823&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sale-notification-_-settings.png?resize=11%2C12&amp;ssl=1 11w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sale-notification-_-settings.png?resize=48%2C51&amp;ssl=1 48w\" sizes=\"(max-width: 906px) 100vw, 906px\" \/><\/a><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Settings<\/h3>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sale-notification-_-settings-1.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"906\" height=\"971\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sale-notification-_-settings-1.png?resize=906%2C971&#038;ssl=1\" alt=\"\" class=\"wp-image-103785\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sale-notification-_-settings-1.png?w=906&amp;ssl=1 906w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sale-notification-_-settings-1.png?resize=280%2C300&amp;ssl=1 280w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sale-notification-_-settings-1.png?resize=768%2C823&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sale-notification-_-settings-1.png?resize=11%2C12&amp;ssl=1 11w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sale-notification-_-settings-1.png?resize=48%2C51&amp;ssl=1 48w\" sizes=\"(max-width: 906px) 100vw, 906px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">This section controls the basic settings of the addon.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Status Toggle<\/strong> &#8211; Slide this to active to turn on the Sale Notification addon.<\/li>\n\n\n\n<li><strong>Rule Name<\/strong> &#8211; Give your current rule a title (e.g., <em>Rule 1 Notification<\/em>). This helps you organize different notifications if you create multiple rules.<\/li>\n\n\n\n<li><strong>Number of Products to Show in Notification<\/strong> &#8211; This sets the maximum number of items that will cycle through your alerts. A lower number repeats the same popular products, while a higher number showcases a wider variety of your store&#8217;s inventory.<\/li>\n\n\n\n<li><strong>Show Order from list<\/strong> &#8211; This tells the system how far back in time to look for completed sales. For example, setting this to &#8220;7&#8221; means only items bought in the last week will pop up, keeping your social proof fresh and relevant.<\/li>\n\n\n\n<li><strong>Order Status<\/strong> &#8211; This filters which orders qualify for a notification based on their current progress stage (e.g., Completed, Processing, Pending). Selecting &#8220;Completed&#8221; ensures alerts only appear for finalized sales, preventing unverified or cancelled orders from showing up.<\/li>\n\n\n\n<li><strong>Select Selected Products \/ Search products to list<\/strong> &#8211; A search and selection field to manually pick specific items you want to promote. This restricts the addon to only show sales alerts for the specific items you chose, which is perfect for pushing high-margin products.<\/li>\n\n\n\n<li><strong>Exclude products<\/strong> &#8211; A search and selection field to choose items that should never be turned into alerts. Hidden, private, or out-of-stock products will be completely blocked from ever appearing in a pop-up.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">The moment you change the <strong>Data Source <\/strong>to Fake Order, its settings open<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sale-notification-_-fake-order.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"514\" height=\"901\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sale-notification-_-fake-order.png?resize=514%2C901&#038;ssl=1\" alt=\"\" class=\"wp-image-103786\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sale-notification-_-fake-order.png?w=514&amp;ssl=1 514w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sale-notification-_-fake-order.png?resize=171%2C300&amp;ssl=1 171w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sale-notification-_-fake-order.png?resize=7%2C12&amp;ssl=1 7w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sale-notification-_-fake-order.png?resize=48%2C84&amp;ssl=1 48w\" sizes=\"(max-width: 514px) 100vw, 514px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Data Source<\/strong> &#8211; A dropdown menu to choose where your notification data comes from. Selecting <strong>Fake Order<\/strong> shifts the addon from reading live store database entries to using your manually entered placeholder information.<br><strong>Fake Orders List<\/strong> &#8211; An expandable, reorderable list showing all your custom-created notification items (e.g., <em>Fake 1<\/em>). You can drag to reorder, duplicate, or delete entries using the top-right icons on each card.<br><strong>Customer Name<\/strong> &#8211; A text field to input a simulated shopper name. The name typed here replaces the user tag in your main display template.<br><strong>Customer Address<\/strong> &#8211; A text field to input a simulated location. You can enter specific cities or regions to tailor the notifications to your target market.<br><strong>Time to Sold<\/strong> &#8211; A text field to enter the time phrasing for the purchase. Entering phrases like &#8220;1 Week ago&#8221; or &#8220;2 hours ago&#8221; adds immediate urgency to the front-end alert.<br><strong>Product Source<\/strong> &#8211; A dropdown selection menu determining where the linked product details come from. Setting this to <strong>Store Product<\/strong> pulls actual items directly from your live inventory catalog. You can change it to <strong>Custom Product<\/strong> and create a product to show.<br><strong>Select Product<\/strong> &#8211; A product selection queue displaying currently attached inventory items. It shows live database info like stock status and specific product IDs.<br>An autocomplete entry bar that allows you to quickly look up items in your inventory and link them to the fake order card.<br><strong>Add Fake Order<\/strong> &#8211; A button link located at the bottom of the form that generates a blank new order template box so you can add multiple alerts to your rotation loop.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Notification<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">This section controls the wording, timing behavior, and positioning of the pop-up boxes on your website.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sale-notification-_-Notification.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"527\" height=\"460\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sale-notification-_-Notification.png?resize=527%2C460&#038;ssl=1\" alt=\"\" class=\"wp-image-103787\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sale-notification-_-Notification.png?w=527&amp;ssl=1 527w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sale-notification-_-Notification.png?resize=300%2C262&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sale-notification-_-Notification.png?resize=14%2C12&amp;ssl=1 14w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sale-notification-_-Notification.png?resize=48%2C42&amp;ssl=1 48w\" sizes=\"(max-width: 527px) 100vw, 527px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Display Notification Content (Text)<\/strong> &#8211; This is the template editor for your main message text, supporting placeholder tags like {name}, {city}, and {product_name}. It automatically turns raw order data into a friendly, readable sentence like <em>&#8220;Amit from Bangalore purchased<\/em> <em>Nokia 1100&#8243;<\/em>.<\/li>\n\n\n\n<li><strong>Display Notification Text (Subtext)<\/strong> &#8211; This field allows you to set the format of the notification.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Storeone-_-Notification-Timing.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"525\" height=\"289\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Storeone-_-Notification-Timing.png?resize=525%2C289&#038;ssl=1\" alt=\"\" class=\"wp-image-103789\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Storeone-_-Notification-Timing.png?w=525&amp;ssl=1 525w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Storeone-_-Notification-Timing.png?resize=300%2C165&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Storeone-_-Notification-Timing.png?resize=18%2C10&amp;ssl=1 18w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Storeone-_-Notification-Timing.png?resize=48%2C26&amp;ssl=1 48w\" sizes=\"(max-width: 525px) 100vw, 525px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Display Duration (sec)<\/strong> &#8211; The number of seconds an individual pop-up stays visible on screen before hiding. Setting this to &#8220;5&#8221; means the buyer alert stays up long enough to read comfortably, then automatically slides away.<br><strong>Delay Between Notifications (sec)<\/strong> &#8211; The gap of silence or waiting time between one notification disappearing and the next one sliding in. This prevents your website from feeling spammy by giving visitors a break between consecutive pop-up alerts.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sale-notification-_-Position-behavior-1.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"804\" height=\"627\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sale-notification-_-Position-behavior-1.png?resize=804%2C627&#038;ssl=1\" alt=\"\" class=\"wp-image-103790\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sale-notification-_-Position-behavior-1.png?w=804&amp;ssl=1 804w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sale-notification-_-Position-behavior-1.png?resize=300%2C234&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sale-notification-_-Position-behavior-1.png?resize=768%2C599&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sale-notification-_-Position-behavior-1.png?resize=15%2C12&amp;ssl=1 15w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sale-notification-_-Position-behavior-1.png?resize=48%2C37&amp;ssl=1 48w\" sizes=\"(max-width: 804px) 100vw, 804px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Notification Position<\/strong> &#8211; A dropdown menu to choose exactly where the alert card attaches to the browser screen (e.g., Bottom Left, Bottom Right, Top Left, and Top Right). This lets you position the alert so it does not block important site elements like mobile chat widgets or navigation buttons.<\/li>\n\n\n\n<li><strong>Initial Delay<\/strong> &#8211; A timing option that randomizes the first appearance time within a set range. This makes the notification behavior feel more organic and human, rather than looking like a rigid, robotic script.<\/li>\n\n\n\n<li><strong>Random Delay<\/strong> &#8211; A setting that adds a randomized timing variance between subsequent notifications. Pop-ups appear at irregular intervals (e.g., 4 seconds then 8 seconds), mimicking real, live-time store activity.<\/li>\n\n\n\n<li><strong>Notification Animation<\/strong> &#8211; You get various animation options that take place when notification appears. You can select any one animation and notification will follow the same animation on website.<\/li>\n\n\n\n<li><strong>Loop Notifications<\/strong> &#8211; A simple toggle switch to turn continuous playlist looping on or off. Turning this on means once all recent sales are shown, the addon cycles back to the first one, ensuring your screen never stays completely empty.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Visibility<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">This section determines exactly who sees your notifications, which pages they appear on, and what devices can display them.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sale-notification-_-Visibility.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"998\" height=\"607\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sale-notification-_-Visibility.png?resize=998%2C607&#038;ssl=1\" alt=\"\" class=\"wp-image-103791\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sale-notification-_-Visibility.png?w=998&amp;ssl=1 998w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sale-notification-_-Visibility.png?resize=300%2C182&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sale-notification-_-Visibility.png?resize=768%2C467&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sale-notification-_-Visibility.png?resize=18%2C12&amp;ssl=1 18w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sale-notification-_-Visibility.png?resize=48%2C29&amp;ssl=1 48w\" sizes=\"(max-width: 998px) 100vw, 998px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Trigger Type<\/strong> &#8211; A filter layout determining which URL spaces display the notifications.\n<ul class=\"wp-block-list\">\n<li><strong>All Pages<\/strong>: Displays the sales pop-ups across every single page of your entire site.<\/li>\n\n\n\n<li><strong>Specific Products<\/strong>: Limits the notification display exclusively to chosen product pages.<\/li>\n\n\n\n<li><strong>Specific Categories<\/strong>: Restricts the pop-ups to show only when customers are browsing specific collections.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Exclude products<\/strong> &#8211; A specific page suppression list tool that completely blocks notifications from rendering on the designated pages you select here.<\/li>\n\n\n\n<li><strong>Search<\/strong> &#8211; A quick Finder entry bar within the visibility sub-menus. It allows you to quickly type and find products or categories to apply your visibility rules to without scrolling endlessly.<\/li>\n\n\n\n<li><strong>Device Visibility (Desktop \/ Tablet \/ Mobile Toggles)<\/strong> &#8211; Three independent toggle options to activate or deactivate the addon across different device screens. You can turn off &#8220;Mobile&#8221; to keep compact smartphone screens clean and uncluttered, while keeping notifications fully functional for desktop shoppers.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Style<\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Storeone-_-style.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"591\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Storeone-_-style.png?resize=1024%2C591&#038;ssl=1\" alt=\"\" class=\"wp-image-103792\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Storeone-_-style.png?resize=1024%2C591&amp;ssl=1 1024w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Storeone-_-style.png?resize=300%2C173&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Storeone-_-style.png?resize=768%2C443&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Storeone-_-style.png?resize=18%2C10&amp;ssl=1 18w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Storeone-_-style.png?resize=48%2C28&amp;ssl=1 48w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Storeone-_-style.png?w=1076&amp;ssl=1 1076w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Design Presets allow store owners to instantly transform notification card layouts with various options that help recalibrating typography, structure, and padding. This functionality ensures pop-up alerts align with a store&#8217;s theme, promoting customer trust without requiring manual adjustments.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Rule Actions<\/h3>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sale-notification-_-Rule-actions.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"586\" height=\"407\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sale-notification-_-Rule-actions.png?resize=586%2C407&#038;ssl=1\" alt=\"\" class=\"wp-image-103800\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sale-notification-_-Rule-actions.png?w=586&amp;ssl=1 586w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sale-notification-_-Rule-actions.png?resize=300%2C208&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sale-notification-_-Rule-actions.png?resize=18%2C12&amp;ssl=1 18w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sale-notification-_-Rule-actions.png?resize=48%2C33&amp;ssl=1 48w\" sizes=\"(max-width: 586px) 100vw, 586px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Users can establish multiple distinct notification rules with customized settings to tailor pop-up behaviors for specific website pages. This functionality enables running varied, concurrent rules, such as displaying live order notifications on all pages while featuring curated lists on specific category.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Backend Preview<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">This area allows you to choose the layout and overall vibe of the notification card. Use the tab buttons to switch between them<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sale-notification-_-Preview.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"484\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sale-notification-_-Preview.png?resize=1024%2C484&#038;ssl=1\" alt=\"\" class=\"wp-image-103793\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sale-notification-_-Preview.png?resize=1024%2C484&amp;ssl=1 1024w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sale-notification-_-Preview.png?resize=300%2C142&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sale-notification-_-Preview.png?resize=768%2C363&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sale-notification-_-Preview.png?resize=1536%2C727&amp;ssl=1 1536w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sale-notification-_-Preview.png?resize=18%2C9&amp;ssl=1 18w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sale-notification-_-Preview.png?resize=48%2C23&amp;ssl=1 48w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sale-notification-_-Preview.png?w=1596&amp;ssl=1 1596w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">You get 4 layouts that you can switch. All are customizable.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Website Preview<\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sale-notification-_-Website-Preview.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"545\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sale-notification-_-Website-Preview.png?resize=1024%2C545&#038;ssl=1\" alt=\"\" class=\"wp-image-103807\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sale-notification-_-Website-Preview.png?resize=1024%2C545&amp;ssl=1 1024w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sale-notification-_-Website-Preview.png?resize=300%2C160&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sale-notification-_-Website-Preview.png?resize=768%2C409&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sale-notification-_-Website-Preview.png?resize=18%2C10&amp;ssl=1 18w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sale-notification-_-Website-Preview.png?resize=48%2C26&amp;ssl=1 48w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sale-notification-_-Website-Preview.png?w=1342&amp;ssl=1 1342w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">This is what we just designed.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Watch the documentation walkthrough below.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"Sale Notification Addon for WooCommerce | Store One Docs\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/XAxMP4Dmv1o?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group trust-badges has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Trust Badges<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">This addon builds immediate shopper confidence by displaying secure payment icons, brand logos, or guarantee badges across your product pages.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">From your dashboard, toggle the master Enabled switch at the top to activate the addon. You can manage multiple badge configurations by setting up individual custom rules.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Trust-Badges-_-enable.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"578\" height=\"341\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Trust-Badges-_-enable.png?resize=578%2C341&#038;ssl=1\" alt=\"\" class=\"wp-image-103812\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Trust-Badges-_-enable.png?w=578&amp;ssl=1 578w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Trust-Badges-_-enable.png?resize=300%2C177&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Trust-Badges-_-enable.png?resize=18%2C12&amp;ssl=1 18w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Trust-Badges-_-enable.png?resize=48%2C28&amp;ssl=1 48w\" sizes=\"(max-width: 578px) 100vw, 578px\" \/><\/a><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Settings<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">This section controls which products display the trust badges, how the items are grouped, and the source of the badge imagery.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Trust-Badges-_-settings-1.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"522\" height=\"835\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Trust-Badges-_-settings-1.png?resize=522%2C835&#038;ssl=1\" alt=\"\" class=\"wp-image-103813\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Trust-Badges-_-settings-1.png?w=522&amp;ssl=1 522w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Trust-Badges-_-settings-1.png?resize=188%2C300&amp;ssl=1 188w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Trust-Badges-_-settings-1.png?resize=8%2C12&amp;ssl=1 8w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Trust-Badges-_-settings-1.png?resize=48%2C77&amp;ssl=1 48w\" sizes=\"(max-width: 522px) 100vw, 522px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Rule Name<\/strong> &#8211; Give your current rule a descriptive title (e.g., <em>Rule 1: Payment options<\/em>) to stay organized when using multiple badge setups.<\/li>\n\n\n\n<li><strong>Status<\/strong> &#8211; A dropdown menu to instantly turn the current rule <em>Active<\/em> or <em>Inactive<\/em>.<\/li>\n\n\n\n<li><strong>Title<\/strong> &#8211; A text field to enter a public heading displayed above your group of badges (e.g., <em>Payment options<\/em>).<\/li>\n\n\n\n<li><strong>Trigger Type<\/strong> &#8211; A dropdown menu determining exactly where this rule applies:\n<ul class=\"wp-block-list\">\n<li><strong>All Products<\/strong>: Displays the badges site-wide on every single item page.<\/li>\n\n\n\n<li><strong>Specific Products<\/strong>: Displays badges only on chosen inventory items.<\/li>\n\n\n\n<li><strong>Specific Categories<\/strong>: Restricts the icons to specific catalog collections.<\/li>\n\n\n\n<li><strong>Specific Tags<\/strong>: Restricts the icons to products matching specific tags.<\/li>\n\n\n\n<li><strong>Disable<\/strong>: Temporarily turns off page targeting for this specific rule.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Exclude products<\/strong> &#8211; A search and selection field to hide badges from appearing on specific items.<\/li>\n\n\n\n<li><strong>Exclude categories<\/strong> &#8211; A search and selection field to block badges on entire chosen categories.<\/li>\n\n\n\n<li><strong>Exclude product tags<\/strong> &#8211; A search and selection field to prevent badge visibility on specific tagged items.<\/li>\n\n\n\n<li><strong>Exclude On Sale products<\/strong> &#8211; A toggle switch to completely hide badges from items that currently have sale pricing applied.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Trust-Badges-_-settings-2.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"478\" height=\"1024\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Trust-Badges-_-settings-2.png?resize=478%2C1024&#038;ssl=1\" alt=\"\" class=\"wp-image-103814\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Trust-Badges-_-settings-2.png?resize=478%2C1024&amp;ssl=1 478w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Trust-Badges-_-settings-2.png?resize=140%2C300&amp;ssl=1 140w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Trust-Badges-_-settings-2.png?resize=6%2C12&amp;ssl=1 6w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Trust-Badges-_-settings-2.png?resize=48%2C103&amp;ssl=1 48w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Trust-Badges-_-settings-2.png?w=526&amp;ssl=1 526w\" sizes=\"(max-width: 478px) 100vw, 478px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Brand Item<\/strong> &#8211; An expandable, reorderable list of your current badges (e.g., <em>Brand 1<\/em>, <em>Brand 2<\/em>). Use the drag handles to reorder, or click the icons to duplicate or delete specific badge slots.<\/li>\n\n\n\n<li><strong>Choose Badges<\/strong> &#8211; A dropdown menu giving you two ways to select your icons:\n<ul class=\"wp-block-list\">\n<li><strong>Preset<\/strong>: Select standard, pre-built payment and trust logos from an integrated library dropdown menu.<\/li>\n\n\n\n<li><strong>Custom<\/strong>: Unlocks an <strong>Upload Image<\/strong> zone supporting PNG, JPG, and SVG file formats so you can use your own unique graphics.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Enable Link<\/strong> &#8211; A toggle switch that transforms the badge graphic into a clickable hyperlink, letting you redirect users to security verification pages or brand details.<\/li>\n\n\n\n<li><strong>Add List Item<\/strong> &#8211; A button link located at the bottom of the list to instantly append a new, blank badge slot to your current rule.<\/li>\n\n\n\n<li><strong>Duplicate<\/strong> &#8211; You can duplicate the brand item using the icon on the left side of the Delete icon. After duplicating, you can make changes to that item.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Trust-Badges-_-Shortcode.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"521\" height=\"206\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Trust-Badges-_-Shortcode.png?resize=521%2C206&#038;ssl=1\" alt=\"\" class=\"wp-image-103815\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Trust-Badges-_-Shortcode.png?w=521&amp;ssl=1 521w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Trust-Badges-_-Shortcode.png?resize=300%2C119&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Trust-Badges-_-Shortcode.png?resize=18%2C7&amp;ssl=1 18w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Trust-Badges-_-Shortcode.png?resize=48%2C19&amp;ssl=1 48w\" sizes=\"(max-width: 521px) 100vw, 521px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Shortcode<\/strong> &#8211; Generates a snippet code copy container. You can paste this snippet anywhere on your website, including blog posts, pages, sidebars, or page builders, to display this specific badge group outside of standard product templates.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Display Pages<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">This section dictates the functional behavior of the badge carousel and pinpoints its exact positioning on your product layouts.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Trust-Badges-_-Display-Page.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"519\" height=\"668\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Trust-Badges-_-Display-Page.png?resize=519%2C668&#038;ssl=1\" alt=\"\" class=\"wp-image-103816\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Trust-Badges-_-Display-Page.png?w=519&amp;ssl=1 519w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Trust-Badges-_-Display-Page.png?resize=233%2C300&amp;ssl=1 233w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Trust-Badges-_-Display-Page.png?resize=9%2C12&amp;ssl=1 9w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Trust-Badges-_-Display-Page.png?resize=48%2C62&amp;ssl=1 48w\" sizes=\"(max-width: 519px) 100vw, 519px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Display Trust in Slider<\/strong> &#8211; A toggle switch that automatically organizes your trust graphics into a horizontal, swipable carousel layout.<\/li>\n\n\n\n<li><strong>Slides to Show<\/strong> &#8211; A numerical selector setting the maximum number of badges visible at one time before scrolling.<\/li>\n\n\n\n<li><strong>Auto Play<\/strong> &#8211; A toggle switch that automatically slides the badge carousel across the screen without requiring manual user interaction.<\/li>\n\n\n\n<li><strong>Show Navigation<\/strong> &#8211; A toggle switch that overlays navigational arrow buttons on the slider layout for easier manual browsing.<\/li>\n\n\n\n<li><strong>Placement on product page<\/strong> &#8211; A dropdown alignment engine that selects the precise hook zone where your badges sit on your layout structure:\n<ul class=\"wp-block-list\">\n<li><em>After Add to Cart Form<\/em><\/li>\n\n\n\n<li><em>Before Product Summary<\/em><\/li>\n\n\n\n<li><em>Before Add to Cart Form<\/em><\/li>\n\n\n\n<li><em>Before Add to Cart Button<\/em><\/li>\n\n\n\n<li><em>After Add to Cart Button<\/em><\/li>\n\n\n\n<li><em>Before Product Meta<\/em><\/li>\n\n\n\n<li><em>After Product Meta<\/em><\/li>\n\n\n\n<li><em>After Product Summary<\/em><\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Priority<\/strong> &#8211; A numerical box allowing fine-tuned placement adjustments. Lower numbers pull the badges higher within their designated hook zone, while higher numbers push them lower relative to surrounding page elements.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Design<\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Trust-Badges-_-Design-1-e1781600527662.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"697\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Trust-Badges-_-Design-1-e1781600527662-1024x697.png?resize=1024%2C697&#038;ssl=1\" alt=\"\" class=\"wp-image-103817\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Trust-Badges-_-Design-1-e1781600527662.png?resize=1024%2C697&amp;ssl=1 1024w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Trust-Badges-_-Design-1-e1781600527662.png?resize=300%2C204&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Trust-Badges-_-Design-1-e1781600527662.png?resize=768%2C523&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Trust-Badges-_-Design-1-e1781600527662.png?resize=18%2C12&amp;ssl=1 18w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Trust-Badges-_-Design-1-e1781600527662.png?resize=48%2C33&amp;ssl=1 48w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Trust-Badges-_-Design-1-e1781600527662.png?w=1040&amp;ssl=1 1040w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">The Design Tab enables customization of trust badge layout and visuals to align with website branding, featuring controls for margin spacing, image scaling, and horizontal gaps. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Key settings include the Enable Black\/White Images toggle, color pickers for background and text, and comprehensive border controls for styling.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Backend Preview<\/h3>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Trust-Badges-_-backend-preview-1.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"828\" height=\"371\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Trust-Badges-_-backend-preview-1.png?resize=828%2C371&#038;ssl=1\" alt=\"\" class=\"wp-image-103820\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Trust-Badges-_-backend-preview-1.png?w=828&amp;ssl=1 828w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Trust-Badges-_-backend-preview-1.png?resize=300%2C134&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Trust-Badges-_-backend-preview-1.png?resize=768%2C344&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Trust-Badges-_-backend-preview-1.png?resize=18%2C8&amp;ssl=1 18w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Trust-Badges-_-backend-preview-1.png?resize=48%2C22&amp;ssl=1 48w\" sizes=\"(max-width: 828px) 100vw, 828px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Its real-time preview panel allows administrators to instantly visualize style adjustments, layout modifications, and animations before saving. This interface supports live layout synchronization.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Frontend Preview<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">After all, save the changes. You can see the result below.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Trust-Badges-gif.gif?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"397\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Trust-Badges-gif.gif?resize=800%2C397&#038;ssl=1\" alt=\"\" class=\"wp-image-101846\"\/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">You can also watch the video walkthrough.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"Product Trust Badges Addon for WooCommerce | Store One Docs\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/yLqnYqQXjI4?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group sale-countdown has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Sale Countdown<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">This addon adds urgency and boosts sales by displaying live countdown timers for your sales, discounts, and limited-time offers on your store.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Open the Storefront dashboard, and click on the Sale Countdown addon&#8217;s Configure button.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Storeone-_-Sale-Countdown-1.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"620\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Storeone-_-Sale-Countdown-1.png?resize=1024%2C620&#038;ssl=1\" alt=\"\" class=\"wp-image-105211\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Storeone-_-Sale-Countdown-1.png?resize=1024%2C620&amp;ssl=1 1024w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Storeone-_-Sale-Countdown-1.png?resize=300%2C182&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Storeone-_-Sale-Countdown-1.png?resize=768%2C465&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Storeone-_-Sale-Countdown-1.png?resize=48%2C29&amp;ssl=1 48w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Storeone-_-Sale-Countdown-1.png?w=1413&amp;ssl=1 1413w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">From your dashboard, toggle the switch at the top to activate the addon.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sale-Countdown-_-enable-1.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"568\" height=\"281\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sale-Countdown-_-enable-1.png?resize=568%2C281&#038;ssl=1\" alt=\"\" class=\"wp-image-105212\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sale-Countdown-_-enable-1.png?w=568&amp;ssl=1 568w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sale-Countdown-_-enable-1.png?resize=300%2C148&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sale-Countdown-_-enable-1.png?resize=48%2C24&amp;ssl=1 48w\" sizes=\"(max-width: 568px) 100vw, 568px\" \/><\/a><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Settings<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">This section controls the timing configuration, custom messages, and specific page placements for your countdown timers.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sale-Countdown-_-Settings-1.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"895\" height=\"533\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sale-Countdown-_-Settings-1.png?resize=895%2C533&#038;ssl=1\" alt=\"\" class=\"wp-image-103830\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sale-Countdown-_-Settings-1.png?w=895&amp;ssl=1 895w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sale-Countdown-_-Settings-1.png?resize=300%2C179&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sale-Countdown-_-Settings-1.png?resize=768%2C457&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sale-Countdown-_-Settings-1.png?resize=18%2C12&amp;ssl=1 18w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sale-Countdown-_-Settings-1.png?resize=48%2C29&amp;ssl=1 48w\" sizes=\"(max-width: 895px) 100vw, 895px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Set Countdown<\/strong> \u2013 Choose the exact duration window for your promotional counter.\n<ul class=\"wp-block-list\">\n<li><strong>Start Date &amp; Time<\/strong>: Click the calendar field to set the exact moment your sale begins.<\/li>\n\n\n\n<li><strong>End Date &amp; Time<\/strong>: Click the calendar field to set the exact moment your promotion expires and the clock hits zero.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Sale Message<\/strong> \u2013 Enter a custom call-to-action text string (e.g., <em>Hurry! Offer ends soon<\/em>). This message displays alongside the ticking countdown clock.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sale-Countdown-_-Settings-2.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"881\" height=\"465\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sale-Countdown-_-Settings-2.png?resize=881%2C465&#038;ssl=1\" alt=\"\" class=\"wp-image-103831\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sale-Countdown-_-Settings-2.png?w=881&amp;ssl=1 881w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sale-Countdown-_-Settings-2.png?resize=300%2C158&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sale-Countdown-_-Settings-2.png?resize=768%2C405&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sale-Countdown-_-Settings-2.png?resize=18%2C10&amp;ssl=1 18w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sale-Countdown-_-Settings-2.png?resize=48%2C25&amp;ssl=1 48w\" sizes=\"(max-width: 881px) 100vw, 881px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Single Page Settings<\/strong> \u2013 Controls timer visibility on individual product detail pages.\n<ul class=\"wp-block-list\">\n<li><strong>Enable on Single Page<\/strong>: A toggle switch to turn the timer banner on or off for single item layouts.<\/li>\n\n\n\n<li><strong>Placement on product page<\/strong>: A dropdown menu to select the precise layout hook zone (e.g., <em>Before Add to Cart Form<\/em>).<\/li>\n\n\n\n<li><strong>Priority<\/strong>: A numerical box to fine-tune layout stacking order. Lower numbers pull the timer higher within its placement zone.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Archive Page Settings<\/strong> \u2013 Controls timer visibility across catalog grid views.\n<ul class=\"wp-block-list\">\n<li><strong>Enable on Archive Page<\/strong>: A toggle switch to turn the small timer element on or off across shop loop listings.<\/li>\n\n\n\n<li><strong>Archive Position<\/strong>: A dropdown menu to position the compact timer relative to the product grid items (e.g., <em>After Price<\/em>).<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Action &amp; Behavior<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">This section dictates how the addon responds to the exact moment your promotional timer expires.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sale-Countdown-_-Action-Behavior.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"880\" height=\"345\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sale-Countdown-_-Action-Behavior.png?resize=880%2C345&#038;ssl=1\" alt=\"\" class=\"wp-image-103832\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sale-Countdown-_-Action-Behavior.png?w=880&amp;ssl=1 880w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sale-Countdown-_-Action-Behavior.png?resize=300%2C118&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sale-Countdown-_-Action-Behavior.png?resize=768%2C301&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sale-Countdown-_-Action-Behavior.png?resize=18%2C7&amp;ssl=1 18w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sale-Countdown-_-Action-Behavior.png?resize=48%2C19&amp;ssl=1 48w\" sizes=\"(max-width: 880px) 100vw, 880px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Countdown Expire Action<\/strong> \u2013 A dropdown selection menu to choose the final automated cleanup system:\n<ul class=\"wp-block-list\">\n<li><strong>Hide Countdown<\/strong>: Automatically removes the entire countdown element from the screen when time runs out.<\/li>\n\n\n\n<li><strong>Show Message<\/strong>: Replaces the ticking clock layout with an expiration notification message text block.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Expire Message<\/strong> \u2013 A custom text field that activates when using the &#8220;Show Message&#8221; action. Type the phrase you want users to see after the sale ends (e.g., <em>Offer expired!<\/em>).<\/li>\n\n\n\n<li><strong>Hide \/ Show Countdown Message<\/strong> \u2013 A simple toggle switch to show or hide your main promotional header text.<\/li>\n\n\n\n<li><strong>Hide \/ Show Countdown Bar<\/strong> \u2013 A toggle switch to display or hide the visual progress bar element next to the clock numbers.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Style<\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Sale-Countdown-_-Style-2.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"594\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Sale-Countdown-_-Style-2.png?resize=1024%2C594&#038;ssl=1\" alt=\"\" class=\"wp-image-105125\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Sale-Countdown-_-Style-2.png?resize=1024%2C594&amp;ssl=1 1024w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Sale-Countdown-_-Style-2.png?resize=300%2C174&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Sale-Countdown-_-Style-2.png?resize=768%2C446&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Sale-Countdown-_-Style-2.png?resize=48%2C28&amp;ssl=1 48w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Sale-Countdown-_-Style-2.png?w=1434&amp;ssl=1 1434w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">The Style Tab lets you fully customize your countdown bar\u2019s appearance without coding. You can easily tweak icons, alignment, colors, borders, and padding to match your brand. The standout feature is the Independent Timer &amp; Bar Customizers, which apply high-contrast colors directly to the ticking clock to maximize visual urgency.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Backend Preview<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Page Layout ConfigurationsThe Sale Countdown addon provides specialized, independent display options for different sections of your store. This ensures the urgency alerts look balanced whether a customer is browsing your main catalog or viewing an individual item.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Sale-Countdown-_-Backend-Preview-2.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"942\" height=\"1024\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Sale-Countdown-_-Backend-Preview-2.png?resize=942%2C1024&#038;ssl=1\" alt=\"\" class=\"wp-image-105130\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Sale-Countdown-_-Backend-Preview-2.png?resize=942%2C1024&amp;ssl=1 942w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Sale-Countdown-_-Backend-Preview-2.png?resize=276%2C300&amp;ssl=1 276w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Sale-Countdown-_-Backend-Preview-2.png?resize=768%2C834&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Sale-Countdown-_-Backend-Preview-2.png?resize=1414%2C1536&amp;ssl=1 1414w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Sale-Countdown-_-Backend-Preview-2.png?resize=48%2C52&amp;ssl=1 48w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Sale-Countdown-_-Backend-Preview-2.png?w=1664&amp;ssl=1 1664w\" sizes=\"(max-width: 942px) 100vw, 942px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">For both the Single product page and the loop \/ Active page, the addon activates a prominent promotional display designed to drive immediate conversions right when a shopper is evaluating a product. This configuration displays bold calls-to-action alongside active time counters placed precisely near your purchase buttons.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This dual-page integration keeps your store&#8217;s promotional consistency perfectly uniform without ever cluttering your catalog layouts or distracting from the product imagery.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Frontend Preview<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Shop Page<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sale-Countdown-_-Shop-Page.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"587\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sale-Countdown-_-Shop-Page.png?resize=1024%2C587&#038;ssl=1\" alt=\"\" class=\"wp-image-103835\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sale-Countdown-_-Shop-Page.png?resize=1024%2C587&amp;ssl=1 1024w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sale-Countdown-_-Shop-Page.png?resize=300%2C172&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sale-Countdown-_-Shop-Page.png?resize=768%2C440&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sale-Countdown-_-Shop-Page.png?resize=18%2C10&amp;ssl=1 18w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sale-Countdown-_-Shop-Page.png?resize=48%2C28&amp;ssl=1 48w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sale-Countdown-_-Shop-Page.png?w=1099&amp;ssl=1 1099w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">The countdown addon injects live urgency indicators directly into your shop catalog, appearing seamlessly beneath product pricing. This front-end display features your ticking clock, custom message, and progress bar, mirroring your back-end configuration choices exactly to ensure your selected text, colors, and layout presets render identically on the live grid.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Single Product Page<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sale-Countdown-_-Single-product-page.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"719\" height=\"513\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sale-Countdown-_-Single-product-page.png?resize=719%2C513&#038;ssl=1\" alt=\"\" class=\"wp-image-103836\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sale-Countdown-_-Single-product-page.png?w=719&amp;ssl=1 719w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sale-Countdown-_-Single-product-page.png?resize=300%2C214&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sale-Countdown-_-Single-product-page.png?resize=18%2C12&amp;ssl=1 18w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sale-Countdown-_-Single-product-page.png?resize=48%2C34&amp;ssl=1 48w\" sizes=\"(max-width: 719px) 100vw, 719px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">The sale countdown is appearing seamlessly beneath the variable product description with the same style we saved.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You can also watch the video walkthrough.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"Sale Countdown Addon for WooCommerce | Store One Docs\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/jYsqm6AWPrg?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group sticky-cart-bar has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Sticky Cart Bar<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The Sticky Cart Bar addon keeps purchase options permanently visible as customers scroll down your product pages, encouraging quicker checkouts.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Open the Store One dashboard and click on the Sticky Cart Bar addon&#8217;s Configure button.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Store-One-_-Sticky-Cart-Bar.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"616\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Store-One-_-Sticky-Cart-Bar.png?resize=1024%2C616&#038;ssl=1\" alt=\"\" class=\"wp-image-103845\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Store-One-_-Sticky-Cart-Bar.png?resize=1024%2C616&amp;ssl=1 1024w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Store-One-_-Sticky-Cart-Bar.png?resize=300%2C180&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Store-One-_-Sticky-Cart-Bar.png?resize=768%2C462&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Store-One-_-Sticky-Cart-Bar.png?resize=18%2C12&amp;ssl=1 18w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Store-One-_-Sticky-Cart-Bar.png?resize=48%2C29&amp;ssl=1 48w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Store-One-_-Sticky-Cart-Bar.png?w=1413&amp;ssl=1 1413w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Activate the addon by toggling the switch at the top.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sticky-Cart-bar-_-enable.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"580\" height=\"383\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sticky-Cart-bar-_-enable.png?resize=580%2C383&#038;ssl=1\" alt=\"\" class=\"wp-image-103846\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sticky-Cart-bar-_-enable.png?w=580&amp;ssl=1 580w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sticky-Cart-bar-_-enable.png?resize=300%2C198&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sticky-Cart-bar-_-enable.png?resize=18%2C12&amp;ssl=1 18w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sticky-Cart-bar-_-enable.png?resize=48%2C32&amp;ssl=1 48w\" sizes=\"(max-width: 580px) 100vw, 580px\" \/><\/a><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Settings<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">This section handles the placement, layout elements, and content options for your floating cart container.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sticky-Cart-bar-_-Settings-1.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"864\" height=\"318\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sticky-Cart-bar-_-Settings-1.png?resize=864%2C318&#038;ssl=1\" alt=\"\" class=\"wp-image-103847\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sticky-Cart-bar-_-Settings-1.png?w=864&amp;ssl=1 864w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sticky-Cart-bar-_-Settings-1.png?resize=300%2C110&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sticky-Cart-bar-_-Settings-1.png?resize=768%2C283&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sticky-Cart-bar-_-Settings-1.png?resize=18%2C7&amp;ssl=1 18w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sticky-Cart-bar-_-Settings-1.png?resize=48%2C18&amp;ssl=1 48w\" sizes=\"(max-width: 864px) 100vw, 864px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Position<\/strong> \u2013 A dropdown menu to attach the floating bar to either the <strong>Top Bar<\/strong> or <strong>Bottom Bar<\/strong> of the browser window.<\/li>\n\n\n\n<li><strong>Show After Scroll (%)<\/strong> \u2013 Sets how far down the page a visitor must scroll (e.g., <em>10%, 20%, and 50%<\/em>) before the sticky bar reveals itself.<\/li>\n\n\n\n<li><strong>Animation<\/strong> \u2013 Select a transition entrance effect (e.g., <em>Slide<\/em>, <em>Fade<\/em>, <em>Bounce<\/em>) for when the bar appears on screen.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sticky-Cart-bar-_-Settings-2.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"793\" height=\"318\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sticky-Cart-bar-_-Settings-2.png?resize=793%2C318&#038;ssl=1\" alt=\"\" class=\"wp-image-103849\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sticky-Cart-bar-_-Settings-2.png?w=793&amp;ssl=1 793w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sticky-Cart-bar-_-Settings-2.png?resize=300%2C120&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sticky-Cart-bar-_-Settings-2.png?resize=768%2C308&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sticky-Cart-bar-_-Settings-2.png?resize=18%2C7&amp;ssl=1 18w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sticky-Cart-bar-_-Settings-2.png?resize=48%2C19&amp;ssl=1 48w\" sizes=\"(max-width: 793px) 100vw, 793px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Show Product Image<\/strong> \u2013 Toggle switches to show or hide the item&#8217;s main thumbnail inside the bar.<\/li>\n\n\n\n<li><strong>Show Price<\/strong> &#8211; Toggle switches to show or hide the item&#8217;s price inside the bar.<\/li>\n\n\n\n<li><strong>Enable Quantity Selector<\/strong> \u2013 Toggles to include quantity increment inputs and drop-down attribute selectors directly inside the floating bar.<\/li>\n\n\n\n<li><strong> Enable Variations<\/strong> &#8211; Toggles to include drop-down attribute selectors directly inside the floating bar.<\/li>\n\n\n\n<li><strong>Button Action<\/strong> \u2013 Selects whether clicking the action button instantly adds the item to the <strong>Cart<\/strong> or redirects the buyer straight to the <strong>Checkout<\/strong> page.<\/li>\n\n\n\n<li><strong>Button Text<\/strong> \u2013 A text field to write custom button labels (e.g., <em>Buy Now<\/em>).<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sticky-Cart-bar-_-Settings-3.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"529\" height=\"383\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sticky-Cart-bar-_-Settings-3.png?resize=529%2C383&#038;ssl=1\" alt=\"\" class=\"wp-image-103850\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sticky-Cart-bar-_-Settings-3.png?w=529&amp;ssl=1 529w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sticky-Cart-bar-_-Settings-3.png?resize=300%2C217&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sticky-Cart-bar-_-Settings-3.png?resize=18%2C12&amp;ssl=1 18w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sticky-Cart-bar-_-Settings-3.png?resize=48%2C35&amp;ssl=1 48w\" sizes=\"(max-width: 529px) 100vw, 529px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Offer Banner<\/strong> \u2013 A toggle switch that expands a secondary promotion line. It includes fields for a custom <strong>Message<\/strong> (e.g., <em>Special Offer ends soon<\/em>), an active <strong>Timer<\/strong>, and a specific <strong>Start \/ End Date &amp; Time<\/strong> picker to run time-sensitive cart deals.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Visibility<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">This section determines exactly where on your site the sticky bar displays, with specific mobile optimization rules.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sticky-Cart-bar-_-Visibility.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"522\" height=\"656\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sticky-Cart-bar-_-Visibility.png?resize=522%2C656&#038;ssl=1\" alt=\"\" class=\"wp-image-103851\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sticky-Cart-bar-_-Visibility.png?w=522&amp;ssl=1 522w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sticky-Cart-bar-_-Visibility.png?resize=239%2C300&amp;ssl=1 239w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sticky-Cart-bar-_-Visibility.png?resize=10%2C12&amp;ssl=1 10w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sticky-Cart-bar-_-Visibility.png?resize=48%2C60&amp;ssl=1 48w\" sizes=\"(max-width: 522px) 100vw, 522px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Trigger Type<\/strong> \u2013 A dropdown to apply the bar to <strong>All Products<\/strong>, <strong>Specific Products<\/strong>, or entire <strong>Specific Categories<\/strong>.<\/li>\n\n\n\n<li><strong>Exclude products<\/strong> \u2013 A search bar to blacklist specific item sheets from ever rendering the sticky bar.<\/li>\n\n\n\n<li><strong>Device Visibility<\/strong> \u2013 Dedicated layout toggles to activate or deactivate the bar for <strong>Desktop<\/strong>, <strong>Tablet<\/strong>, or <strong>Mobile<\/strong> screens.<\/li>\n\n\n\n<li><strong>Mobile Settings<\/strong> \u2013 A standalone optimization panel that lets you override standard styles on mobile devices. You can independently show or hide the product image, price, quantity selector, and variation choices specifically for smartphone viewports to save screen space.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">User<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">This section manages user-level access filters to target specific customer groups.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sticky-Cart-bar-_-User.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"877\" height=\"457\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sticky-Cart-bar-_-User.png?resize=877%2C457&#038;ssl=1\" alt=\"\" class=\"wp-image-103852\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sticky-Cart-bar-_-User.png?w=877&amp;ssl=1 877w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sticky-Cart-bar-_-User.png?resize=300%2C156&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sticky-Cart-bar-_-User.png?resize=768%2C400&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sticky-Cart-bar-_-User.png?resize=18%2C9&amp;ssl=1 18w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sticky-Cart-bar-_-User.png?resize=48%2C25&amp;ssl=1 48w\" sizes=\"(max-width: 877px) 100vw, 877px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>User Condition<\/strong> \u2013 A dropdown menu allowing you to show the sticky bar to <strong>All Users<\/strong>, only <strong>Selected Users<\/strong>, or only <strong>Selected Roles<\/strong> visitors.<\/li>\n\n\n\n<li><strong>Exclude Roles<\/strong> \u2013 A search filter to hide the sticky bar from specific website user account levels (e.g., <em>Administrator<\/em>, <em>Subscriber<\/em>).<\/li>\n\n\n\n<li><strong>Exclude Users<\/strong> \u2013 A manual selection tool to block specific individual customer accounts from seeing the bar.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Style<\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sticky-Cart-bar-_-Style.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"238\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sticky-Cart-bar-_-Style.png?resize=1024%2C238&#038;ssl=1\" alt=\"\" class=\"wp-image-103853\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sticky-Cart-bar-_-Style.png?resize=1024%2C238&amp;ssl=1 1024w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sticky-Cart-bar-_-Style.png?resize=300%2C70&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sticky-Cart-bar-_-Style.png?resize=768%2C178&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sticky-Cart-bar-_-Style.png?resize=1536%2C357&amp;ssl=1 1536w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sticky-Cart-bar-_-Style.png?resize=18%2C4&amp;ssl=1 18w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sticky-Cart-bar-_-Style.png?resize=48%2C11&amp;ssl=1 48w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sticky-Cart-bar-_-Style.png?w=1592&amp;ssl=1 1592w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">The Style Tab enables full visual customization of the floating container, featuring color pickers for the bar background, text, prices, and variation labels. Users can independently configure the button&#8217;s colors to ensure the call-to-action stands out.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">After configuring your sticky bar choices, click Save Changes to push them live to your store.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Backend Preview<\/h3>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sticky-Cart-bar-_-Backend-Preview-1.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1648\" height=\"861\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sticky-Cart-bar-_-Backend-Preview-1.png?resize=1648%2C861&#038;ssl=1\" alt=\"\" class=\"wp-image-103855\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sticky-Cart-bar-_-Backend-Preview-1.png?w=1648&amp;ssl=1 1648w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sticky-Cart-bar-_-Backend-Preview-1.png?resize=300%2C157&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sticky-Cart-bar-_-Backend-Preview-1.png?resize=1024%2C535&amp;ssl=1 1024w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sticky-Cart-bar-_-Backend-Preview-1.png?resize=768%2C401&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sticky-Cart-bar-_-Backend-Preview-1.png?resize=1536%2C802&amp;ssl=1 1536w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sticky-Cart-bar-_-Backend-Preview-1.png?resize=18%2C9&amp;ssl=1 18w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sticky-Cart-bar-_-Backend-Preview-1.png?resize=48%2C25&amp;ssl=1 48w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">The Sticky Cart Bar back-end interface features a real-time responsive preview panel that lets you instantly test style and positioning choices. This control area provides three dedicated view tabs, Desktop, Tablet, and Mobile, allowing you to verify exactly how the floating bar, product images, price tags, and custom buttons scale across different screens before saving your live storefront layout.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Frontend Preview<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">When a user lands on a product page where the addon is fully active, the Sticky Cart Bar anchors itself to the bottom of the screen. If you have added a specific item to your back-end exclusion list, the addon remains completely hidden on that product page, ensuring it never disrupts restricted layouts.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sticky-Cart-bar-_-frontend-preview.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"644\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sticky-Cart-bar-_-frontend-preview.png?resize=1024%2C644&#038;ssl=1\" alt=\"\" class=\"wp-image-103858\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sticky-Cart-bar-_-frontend-preview.png?resize=1024%2C644&amp;ssl=1 1024w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sticky-Cart-bar-_-frontend-preview.png?resize=300%2C189&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sticky-Cart-bar-_-frontend-preview.png?resize=768%2C483&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sticky-Cart-bar-_-frontend-preview.png?resize=18%2C12&amp;ssl=1 18w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sticky-Cart-bar-_-frontend-preview.png?resize=48%2C30&amp;ssl=1 48w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Sticky-Cart-bar-_-frontend-preview.png?w=1370&amp;ssl=1 1370w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">For all active products, the system streamlines the path to purchase. The moment a customer clicks the customized Buy Now button inside the floating container, the addon bypasses the standard shopping cart loop and automatically redirects the user straight to the live Checkout page. This direct routing ensures a faster, friction-free checkout experience that immediately presents the buyer with contact info, billing addresses, and order summary fields to finalize their purchase.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/06\/Sticky-Cart-Bar-preview-gif.gif?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"500\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/06\/Sticky-Cart-Bar-preview-gif.gif?resize=800%2C500&#038;ssl=1\" alt=\"\" class=\"wp-image-103861\"\/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">You can also watch the video walkthrough.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"Sticky Add to Cart Bar Addon for WooCommerce | Store One Docs\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/fymJ8JV5Y88?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group buy-now-button has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Buy Now Button<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The Buy Now Button addon speeds up purchasing by adding a direct purchase button that you can set up to skip the standard cart step and send customers straight to checkout.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Open the Store One dashboard and click on the Buy Now Button addon&#8217;s Configure.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Store-One-_-Buy-Now-Button.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"625\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Store-One-_-Buy-Now-Button.png?resize=1024%2C625&#038;ssl=1\" alt=\"\" class=\"wp-image-103868\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Store-One-_-Buy-Now-Button.png?resize=1024%2C625&amp;ssl=1 1024w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Store-One-_-Buy-Now-Button.png?resize=300%2C183&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Store-One-_-Buy-Now-Button.png?resize=768%2C469&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Store-One-_-Buy-Now-Button.png?resize=18%2C12&amp;ssl=1 18w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Store-One-_-Buy-Now-Button.png?resize=48%2C29&amp;ssl=1 48w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Store-One-_-Buy-Now-Button.png?w=1419&amp;ssl=1 1419w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Activate the addon by toggling the switch at the top right of the dashboard.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Buy-Now-Button-_-enable.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"578\" height=\"373\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Buy-Now-Button-_-enable.png?resize=578%2C373&#038;ssl=1\" alt=\"\" class=\"wp-image-103867\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Buy-Now-Button-_-enable.png?w=578&amp;ssl=1 578w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Buy-Now-Button-_-enable.png?resize=300%2C194&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Buy-Now-Button-_-enable.png?resize=18%2C12&amp;ssl=1 18w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Buy-Now-Button-_-enable.png?resize=48%2C31&amp;ssl=1 48w\" sizes=\"(max-width: 578px) 100vw, 578px\" \/><\/a><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Settings<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">This section controls where the button displays, the button text, and which products qualify to show it. The panel is split into independent controls for catalog grid layouts and individual item sheets.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Buy-Now-Button-_-Settings-1.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"832\" height=\"448\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Buy-Now-Button-_-Settings-1.png?resize=832%2C448&#038;ssl=1\" alt=\"\" class=\"wp-image-103869\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Buy-Now-Button-_-Settings-1.png?w=832&amp;ssl=1 832w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Buy-Now-Button-_-Settings-1.png?resize=300%2C162&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Buy-Now-Button-_-Settings-1.png?resize=768%2C414&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Buy-Now-Button-_-Settings-1.png?resize=18%2C10&amp;ssl=1 18w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Buy-Now-Button-_-Settings-1.png?resize=48%2C26&amp;ssl=1 48w\" sizes=\"(max-width: 832px) 100vw, 832px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Archive Page<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Enable on Archive Page<\/strong> \u2013 A toggle switch to display the direct button on your shop loop and category grid pages.<\/li>\n\n\n\n<li><strong>Archive Position<\/strong> \u2013 A dropdown menu determining where the button sits relative to other catalog elements (e.g., <em>after add to cart<\/em>).<\/li>\n\n\n\n<li><strong>Button Text<\/strong> \u2013 A text field to write custom labels for the archive button (e.g., <em>Buy Now<\/em> or <em>Checkout<\/em>).<\/li>\n\n\n\n<li><strong>Default Quantity Set<\/strong> \u2013 A numerical field that establishes how many units of the product are automatically added when a user clicks the button from the archive page.<\/li>\n\n\n\n<li><strong>Replace Add to Cart Button<\/strong> \u2013 A toggle switch that hides the standard &#8220;Add to Cart&#8221; button and swaps it entirely with your Buy Now button.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Buy-Now-Button-_-Settings-2.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"871\" height=\"392\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Buy-Now-Button-_-Settings-2.png?resize=871%2C392&#038;ssl=1\" alt=\"\" class=\"wp-image-103870\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Buy-Now-Button-_-Settings-2.png?w=871&amp;ssl=1 871w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Buy-Now-Button-_-Settings-2.png?resize=300%2C135&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Buy-Now-Button-_-Settings-2.png?resize=768%2C346&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Buy-Now-Button-_-Settings-2.png?resize=18%2C8&amp;ssl=1 18w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Buy-Now-Button-_-Settings-2.png?resize=48%2C22&amp;ssl=1 48w\" sizes=\"(max-width: 871px) 100vw, 871px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Trigger Type<\/strong> \u2013 A dropdown mapping engine to apply this archive button to specific catalog spaces:\n<ul class=\"wp-block-list\">\n<li><strong>All Products<\/strong>: Displays the button site-wide across all catalog listings.<\/li>\n\n\n\n<li><strong>Specific Products<\/strong>: Restricts the button to chosen inventory items.<\/li>\n\n\n\n<li><strong>Specific Categories<\/strong>: Displays the button only within selected collections.<\/li>\n\n\n\n<li><strong>Disable<\/strong>: Disables archive-level display entirely.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Exclude Products<\/strong> \u2013 A search bar to block specific items from ever showing the button on the archive page.<\/li>\n\n\n\n<li><strong>Exclude Categories<\/strong> \u2013 A search bar to hide the button across entire collections.<\/li>\n\n\n\n<li><strong>Exclude On-Sale Products<\/strong> \u2013 A toggle switch that automatically strips the button away from any item running a promotional discount.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Single Page<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Buy-Now-Button-_-Settings-3.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"883\" height=\"518\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Buy-Now-Button-_-Settings-3.png?resize=883%2C518&#038;ssl=1\" alt=\"\" class=\"wp-image-103871\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Buy-Now-Button-_-Settings-3.png?w=883&amp;ssl=1 883w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Buy-Now-Button-_-Settings-3.png?resize=300%2C176&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Buy-Now-Button-_-Settings-3.png?resize=768%2C451&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Buy-Now-Button-_-Settings-3.png?resize=18%2C12&amp;ssl=1 18w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Buy-Now-Button-_-Settings-3.png?resize=48%2C28&amp;ssl=1 48w\" sizes=\"(max-width: 883px) 100vw, 883px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Enable on Single Page<\/strong> \u2013 A toggle switch to turn on the direct button on your individual product detail layouts.<\/li>\n\n\n\n<li><strong>Placement on Product Page<\/strong> \u2013 A dropdown layout engine selecting the exact structural section where the button renders (e.g., <em>After Add to Cart Form<\/em>).<\/li>\n\n\n\n<li><strong>Priority<\/strong> \u2013 A numerical entry adjusting vertical placement. Lower numbers pull the button closer to the top of its designated layout zone.<\/li>\n\n\n\n<li><strong>Replace Add to Cart Button<\/strong> \u2013 A toggle switch to overwrite the standard cart button on individual details pages.<\/li>\n\n\n\n<li><strong>Button Text<\/strong> \u2013 A text field to write a unique label specifically for single product sheets.<\/li>\n\n\n\n<li><strong>Trigger Type<\/strong> \u2013 A dropdown to apply single-page rules across <strong>All Products<\/strong>, <strong>Specific Products<\/strong>, or <strong>Specific Categories<\/strong>.<\/li>\n\n\n\n<li><strong>Exclude Products \/ Exclude Categories \/ Exclude On-Sale Products<\/strong> \u2013 Safety exclusion filter to restrict button rendering across individual product sheets.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Action &amp; Behavior<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">This section defines what happens behind the scenes the moment a user initiates a click on the direct button.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Buy-Now-Button-_-Action-Behavior.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"426\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Buy-Now-Button-_-Action-Behavior.png?resize=1024%2C426&#038;ssl=1\" alt=\"\" class=\"wp-image-103872\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Buy-Now-Button-_-Action-Behavior.png?resize=1024%2C426&amp;ssl=1 1024w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Buy-Now-Button-_-Action-Behavior.png?resize=300%2C125&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Buy-Now-Button-_-Action-Behavior.png?resize=768%2C320&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Buy-Now-Button-_-Action-Behavior.png?resize=18%2C7&amp;ssl=1 18w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Buy-Now-Button-_-Action-Behavior.png?resize=48%2C20&amp;ssl=1 48w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Buy-Now-Button-_-Action-Behavior.png?w=1038&amp;ssl=1 1038w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Action<\/strong> \u2013 A dropdown workflow menu deciding where to route the customer immediately following their click:\n<ul class=\"wp-block-list\">\n<li><strong>Redirect to Checkout Page<\/strong>: Routes the shopper straight to your finalized order sheet, bypassing the standard cart step entirely.<\/li>\n\n\n\n<li><strong>Redirect to Cart Page<\/strong>: Pushes the customer to the standard review cart page.<\/li>\n\n\n\n<li><strong>Redirect to Custom Page<\/strong>: Routes the traffic to a specific URL link of your choice.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Reset the Cart Before Doing Buy Now<\/strong> \u2013 A toggle switch that automatically clears out any existing items inside the user&#8217;s shopping cart before processing the current quick purchase.<\/li>\n\n\n\n<li><strong>Supported Product Types<\/strong> \u2013 An expandable checklist panel showing all available store catalog configurations (<strong>Simple<\/strong>, <strong>Variable<\/strong>, <strong>Grouped<\/strong>, <strong>External<\/strong>). You can toggle each type on or off independently and use the <strong>Select Product Types<\/strong> search box to map custom behaviors to distinct item formats.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Style<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">The Style Tab controls the visual appearance of your checkout button based on your selected configuration path. When the Button Style dropdown is set to Theme Style (Default), the button automatically inherits your store&#8217;s global template styling, and all manual design controls remain completely hidden. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Buy-Now-Button-_-Style.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"871\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Buy-Now-Button-_-Style.png?resize=1024%2C871&#038;ssl=1\" alt=\"\" class=\"wp-image-103873\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Buy-Now-Button-_-Style.png?resize=1024%2C871&amp;ssl=1 1024w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Buy-Now-Button-_-Style.png?resize=300%2C255&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Buy-Now-Button-_-Style.png?resize=768%2C653&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Buy-Now-Button-_-Style.png?resize=14%2C12&amp;ssl=1 14w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Buy-Now-Button-_-Style.png?resize=48%2C41&amp;ssl=1 48w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Buy-Now-Button-_-Style.png?w=1111&amp;ssl=1 1111w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">However, switching this dropdown to Custom Style immediately opens a dedicated panel of advanced design options, unlocking color pickers for the background and text, interactive slider bars to adjust multi-side padding metrics, and a full set of border configuration fields to customize line styles, thickness, and corner roundness<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Beckend Preview<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">The backend panel includes a responsive preview screen that splits into two active configuration view tabs:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Buy-Now-Button-_-Backend-Preview.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"464\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Buy-Now-Button-_-Backend-Preview.png?resize=1024%2C464&#038;ssl=1\" alt=\"\" class=\"wp-image-103874\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Buy-Now-Button-_-Backend-Preview.png?resize=1024%2C464&amp;ssl=1 1024w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Buy-Now-Button-_-Backend-Preview.png?resize=300%2C136&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Buy-Now-Button-_-Backend-Preview.png?resize=768%2C348&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Buy-Now-Button-_-Backend-Preview.png?resize=18%2C8&amp;ssl=1 18w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Buy-Now-Button-_-Backend-Preview.png?resize=48%2C22&amp;ssl=1 48w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Buy-Now-Button-_-Backend-Preview.png?w=1283&amp;ssl=1 1283w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Single Tab<\/strong> \u2013 Displays a live schematic mock-up of an individual item page, showing exactly how the button renders beneath core product listings.<\/li>\n\n\n\n<li><strong>Shop Tab<\/strong> \u2013 Switches to a catalog grid mock-up layout, letting you instantly verify the alignment and spacing of the archive buttons inside tight column rows.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">After setting your addon, click on save.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Frontend Preview<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">On the Shop page, the addon injects a prominent Buy Now button directly beneath the default options, giving shoppers an instant shortcut to finalize their purchase, as shown in the screenshot below.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Buy-Now-Button-_-Shop-Page.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"603\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Buy-Now-Button-_-Shop-Page.png?resize=1024%2C603&#038;ssl=1\" alt=\"\" class=\"wp-image-103879\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Buy-Now-Button-_-Shop-Page.png?resize=1024%2C603&amp;ssl=1 1024w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Buy-Now-Button-_-Shop-Page.png?resize=300%2C177&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Buy-Now-Button-_-Shop-Page.png?resize=768%2C452&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Buy-Now-Button-_-Shop-Page.png?resize=18%2C12&amp;ssl=1 18w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Buy-Now-Button-_-Shop-Page.png?resize=48%2C28&amp;ssl=1 48w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Buy-Now-Button-_-Shop-Page.png?w=1167&amp;ssl=1 1167w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">However, the addon dynamically adapts to your specific product rules and store settings. For an Excluded Product (Sunglasses), the button remains completely hidden to respect your restriction list. Similarly, for a Grouped Product (Logo Collection), the button automatically hides because we didn&#8217;t select the <strong>Grouped Product<\/strong> as <strong>Supported Product Types<\/strong> in <strong>Action &amp; Behavior<\/strong> tab.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/06\/Buy-Now-Button-Preview-gif.gif?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"500\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/06\/Buy-Now-Button-Preview-gif.gif?resize=800%2C500&#038;ssl=1\" alt=\"\" class=\"wp-image-103881\"\/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">The front-end result of the Buy Now Button addon integrates directly into individual item sheets, such as the product details layout. On the live page, the addon successfully replaces the standard &#8220;Add to Cart&#8221; button, swapping it entirely for a prominent, custom-styled Buy Now button located right beneath the quantity selector.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">When a user clicks this button, it executes your configured backend action. The system instantly bypasses the traditional shopping cart step and automatically redirects the customer straight to the Checkout page to complete their transaction with zero friction.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You can also watch the video walkthrough.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"Buy Now Button Addon for WooCommerce | Store One Docs\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/90wL6qNsPgY?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group recently-viewed has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Recently Viewed<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The Recently Viewed Products addon displays a curated section of items that a customer has previously browsed, helping recover sales by reminding shoppers of products they showed interest in.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Open the Store One dashboard and click on the Recently Viewed addon&#8217;s Configure button.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Store-One-_-Recently-Viewed.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"611\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Store-One-_-Recently-Viewed.png?resize=1024%2C611&#038;ssl=1\" alt=\"\" class=\"wp-image-103891\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Store-One-_-Recently-Viewed.png?resize=1024%2C611&amp;ssl=1 1024w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Store-One-_-Recently-Viewed.png?resize=300%2C179&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Store-One-_-Recently-Viewed.png?resize=768%2C458&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Store-One-_-Recently-Viewed.png?resize=18%2C12&amp;ssl=1 18w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Store-One-_-Recently-Viewed.png?resize=48%2C29&amp;ssl=1 48w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Store-One-_-Recently-Viewed.png?w=1418&amp;ssl=1 1418w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Enable the addon<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Recently-Viewed-_-enable.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"579\" height=\"378\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Recently-Viewed-_-enable.png?resize=579%2C378&#038;ssl=1\" alt=\"\" class=\"wp-image-103892\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Recently-Viewed-_-enable.png?w=579&amp;ssl=1 579w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Recently-Viewed-_-enable.png?resize=300%2C196&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Recently-Viewed-_-enable.png?resize=18%2C12&amp;ssl=1 18w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Recently-Viewed-_-enable.png?resize=48%2C31&amp;ssl=1 48w\" sizes=\"(max-width: 579px) 100vw, 579px\" \/><\/a><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Settings<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">This section controls the basic title information, structural display metrics, and sorting logic for your recently viewed items.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Recently-Viewed-_-Settings-1.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"635\" height=\"278\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Recently-Viewed-_-Settings-1.png?resize=635%2C278&#038;ssl=1\" alt=\"\" class=\"wp-image-103893\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Recently-Viewed-_-Settings-1.png?w=635&amp;ssl=1 635w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Recently-Viewed-_-Settings-1.png?resize=300%2C131&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Recently-Viewed-_-Settings-1.png?resize=18%2C8&amp;ssl=1 18w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Recently-Viewed-_-Settings-1.png?resize=48%2C21&amp;ssl=1 48w\" sizes=\"(max-width: 635px) 100vw, 635px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Title<\/strong> \u2013 A text field to enter the public heading shown above the product grid (e.g., <em>Recently Viewed<\/em>).<\/li>\n\n\n\n<li><strong>Title HTML Tag<\/strong> \u2013 A dropdown menu to select the semantic heading size (e.g., <em>H1, H2, H3<\/em>) to match your website&#8217;s typography structure.<\/li>\n\n\n\n<li><strong>Hide Title<\/strong> \u2013 A toggle switch to completely strip the public heading away from the frontend display.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Recently-Viewed-_-Settings-2.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"671\" height=\"445\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Recently-Viewed-_-Settings-2.png?resize=671%2C445&#038;ssl=1\" alt=\"\" class=\"wp-image-103894\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Recently-Viewed-_-Settings-2.png?w=671&amp;ssl=1 671w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Recently-Viewed-_-Settings-2.png?resize=300%2C199&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Recently-Viewed-_-Settings-2.png?resize=18%2C12&amp;ssl=1 18w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Recently-Viewed-_-Settings-2.png?resize=48%2C32&amp;ssl=1 48w\" sizes=\"(max-width: 671px) 100vw, 671px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Products<\/strong> \u2013 A slider tool to set the maximum total number of products allowed to cycle through this section.<\/li>\n\n\n\n<li><strong>Columns<\/strong> \u2013 A slider tool to establish how many products display side-by-side in a single grid row.<\/li>\n\n\n\n<li><strong>Columns Gap<\/strong> \u2013 A slider tool to adjust the breathing space and spacing width separating individual product cards.<\/li>\n\n\n\n<li><strong>Order By<\/strong> \u2013 A dropdown logic menu determining how the items are arranged within the section:\n<ul class=\"wp-block-list\">\n<li><strong>Last Viewed<\/strong>: Places the most recently browsed product first in line.<\/li>\n\n\n\n<li><strong>Random<\/strong>: Shuffles the viewed items into a randomized sequence.<\/li>\n\n\n\n<li><strong>Title<\/strong>: Arranges the products alphabetically by their official names.<\/li>\n\n\n\n<li><strong>Modified Date<\/strong>: Sorts the items based on the date they were last updated in the store catalog.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Display<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">This section pinpoints where the recently viewed element renders across your website layout pages.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Recently-Viewed-_-Display.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"518\" height=\"236\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Recently-Viewed-_-Display.png?resize=518%2C236&#038;ssl=1\" alt=\"\" class=\"wp-image-103895\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Recently-Viewed-_-Display.png?w=518&amp;ssl=1 518w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Recently-Viewed-_-Display.png?resize=300%2C137&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Recently-Viewed-_-Display.png?resize=18%2C8&amp;ssl=1 18w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Recently-Viewed-_-Display.png?resize=48%2C22&amp;ssl=1 48w\" sizes=\"(max-width: 518px) 100vw, 518px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Show on pages<\/strong> \u2013 Independent toggle switches to activate or deactivate the section across key areas of your store:\n<ul class=\"wp-block-list\">\n<li><strong>Product Single<\/strong>: Renders the section on individual product detail pages.<\/li>\n\n\n\n<li><strong>Cart<\/strong>: Displays the section on your store&#8217;s shopping cart overview layout.<\/li>\n\n\n\n<li><strong>Checkout<\/strong>: Shows the section directly on your final order checkout page.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Recently-Viewed-_-Display-2.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"526\" height=\"397\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Recently-Viewed-_-Display-2.png?resize=526%2C397&#038;ssl=1\" alt=\"\" class=\"wp-image-103896\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Recently-Viewed-_-Display-2.png?w=526&amp;ssl=1 526w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Recently-Viewed-_-Display-2.png?resize=300%2C226&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Recently-Viewed-_-Display-2.png?resize=16%2C12&amp;ssl=1 16w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Recently-Viewed-_-Display-2.png?resize=48%2C36&amp;ssl=1 48w\" sizes=\"(max-width: 526px) 100vw, 526px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Loading Priority<\/strong> \u2013 A numerical slider allowing fine-tuned placement adjustments. Lower numbers give the block higher loading priority, pulling it further up the page template layout relative to surrounding elements.<\/li>\n\n\n\n<li><strong>Shortcode<\/strong> \u2013 Generates a snippet code copy container (e.g., [th_store_one_recent_view]). You can paste this snippet anywhere on your website, such as custom pages, widgets, blog posts, or page builders, to display your recently viewed section anywhere outside standard templates.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Design<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">The Design Tab controls the layout structure and typographical accents of the recently viewed block.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Recently-Viewed-_-Design.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"522\" height=\"333\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Recently-Viewed-_-Design.png?resize=522%2C333&#038;ssl=1\" alt=\"\" class=\"wp-image-103897\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Recently-Viewed-_-Design.png?w=522&amp;ssl=1 522w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Recently-Viewed-_-Design.png?resize=300%2C191&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Recently-Viewed-_-Design.png?resize=18%2C12&amp;ssl=1 18w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Recently-Viewed-_-Design.png?resize=48%2C31&amp;ssl=1 48w\" sizes=\"(max-width: 522px) 100vw, 522px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Display in Slider<\/strong> \u2013 A toggle switch that transforms the standard product grid into a horizontal, swipeable carousel layout.<\/li>\n\n\n\n<li><strong>Slides to Show<\/strong> \u2013 A numerical selector that sets the maximum number of product cards visible at one time inside the slider row.<\/li>\n\n\n\n<li><strong>Auto Play<\/strong> \u2013 A toggle switch that automatically slides the product carousel across the screen without requiring manual user interaction.<\/li>\n\n\n\n<li><strong>Show Navigation<\/strong> \u2013 A toggle switch that overlays navigational arrow buttons on the slider frame for easier manual browsing.<\/li>\n\n\n\n<li><strong>Title Color<\/strong> \u2013 A color picker hex box that adjusts the typographical color of your section heading.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Backend Preview<\/h3>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Recently-Viewed-_-Backend-Preview.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"822\" height=\"493\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Recently-Viewed-_-Backend-Preview.png?resize=822%2C493&#038;ssl=1\" alt=\"\" class=\"wp-image-103898\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Recently-Viewed-_-Backend-Preview.png?w=822&amp;ssl=1 822w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Recently-Viewed-_-Backend-Preview.png?resize=300%2C180&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Recently-Viewed-_-Backend-Preview.png?resize=768%2C461&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Recently-Viewed-_-Backend-Preview.png?resize=18%2C12&amp;ssl=1 18w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Recently-Viewed-_-Backend-Preview.png?resize=48%2C29&amp;ssl=1 48w\" sizes=\"(max-width: 822px) 100vw, 822px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">The backend interface features a structural wireframe mock-up layout located directly next to your tab options. This preview provides an instantaneous layout glance, letting you visualize how your column amounts, column gaps, slider components, and heading tags integrate together before pushing your settings live to the store.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Frontend Preview<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">The front-end result of this addon displays a dedicated, horizontal product section directly on your active store pages. The layout showcases the items a customer has recently browsed, rendering them in a clean row format complete with their respective images, names, sale badges, pricing, and action buttons.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/06\/Recently-Viewed-doc-gif-1.gif?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"500\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/06\/Recently-Viewed-doc-gif-1.gif?resize=800%2C500&#038;ssl=1\" alt=\"\" class=\"wp-image-103901\"\/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">This live display reflects your backend choices, organizing the items into a carousel layout with visible navigation arrows on either side. Customers can click these arrows to scroll through their viewing history effortlessly, making it easy to find and buy items they previously considered.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You can also watch the video walkthrough.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"Recently Viewed Products Addon for WooCommerce | Store One Docs\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/M3pxnYKNoWo?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group inactive-tab-message has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Inactive Tab Message<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The Inactive Tab Rule addon engages users who switch away from your website by dynamically changing the browser tab title and favicon. This keeps your store visible even when customers are browsing other websites, encouraging them to click back and finalize their purchases. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You can instantly track your text modifications and icon layouts using the live preview screens located next to your controls.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Open your Store One dashboard and click on the Inactive Tab Message addon&#8217;s Configure button.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Store-One-_-Inactive-Tab-Message-1.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"613\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Store-One-_-Inactive-Tab-Message-1.png?resize=1024%2C613&#038;ssl=1\" alt=\"\" class=\"wp-image-103930\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Store-One-_-Inactive-Tab-Message-1.png?resize=1024%2C613&amp;ssl=1 1024w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Store-One-_-Inactive-Tab-Message-1.png?resize=300%2C180&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Store-One-_-Inactive-Tab-Message-1.png?resize=768%2C460&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Store-One-_-Inactive-Tab-Message-1.png?resize=18%2C12&amp;ssl=1 18w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Store-One-_-Inactive-Tab-Message-1.png?resize=48%2C29&amp;ssl=1 48w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Store-One-_-Inactive-Tab-Message-1.png?w=1411&amp;ssl=1 1411w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Enable the addon.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Inactive-Tab-Message-_-enable.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"569\" height=\"356\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Inactive-Tab-Message-_-enable.png?resize=569%2C356&#038;ssl=1\" alt=\"\" class=\"wp-image-103925\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Inactive-Tab-Message-_-enable.png?w=569&amp;ssl=1 569w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Inactive-Tab-Message-_-enable.png?resize=300%2C188&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Inactive-Tab-Message-_-enable.png?resize=18%2C12&amp;ssl=1 18w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Inactive-Tab-Message-_-enable.png?resize=48%2C30&amp;ssl=1 48w\" sizes=\"(max-width: 569px) 100vw, 569px\" \/><\/a><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Settings<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">This section controls the general activation status, rule identification, and underlying display intervals for the tab notifications.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Status<\/strong> \u2013 A dropdown menu to instantly turn the current rule <em>Active<\/em> or <em>Inactive<\/em>.<\/li>\n\n\n\n<li><strong>Rule Name<\/strong> \u2013 A text field to input an administrative name (e.g., <em>Inactive Tab Rule<\/em>) to keep your settings panels organized.<\/li>\n\n\n\n<li><strong>Delay (ms)<\/strong> \u2013 A millisecond numerical box that sets how long the browser tab waits after a user goes inactive before starting the notification rule.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Inactive-Tab-Message-_-Settings.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"507\" height=\"453\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Inactive-Tab-Message-_-Settings.png?resize=507%2C453&#038;ssl=1\" alt=\"\" class=\"wp-image-103926\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Inactive-Tab-Message-_-Settings.png?w=507&amp;ssl=1 507w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Inactive-Tab-Message-_-Settings.png?resize=300%2C268&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Inactive-Tab-Message-_-Settings.png?resize=13%2C12&amp;ssl=1 13w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Inactive-Tab-Message-_-Settings.png?resize=48%2C43&amp;ssl=1 48w\" sizes=\"(max-width: 507px) 100vw, 507px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Interval (ms)<\/strong> \u2013 A numerical box that dictates the flash transition speed (e.g., <em>2000<\/em>) between your active messages when a rotation is running.<\/li>\n\n\n\n<li><strong>Rotation Message Enabled<\/strong> \u2013 A toggle switch that enables cycling through multiple distinct phrases rather than displaying just a single static alert sentence.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Message<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">This section houses your creative text configurations, icon graphic sources, and rotation sequence setups.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Message Type<\/strong> \u2013 A dropdown selection menu determining your messaging framework:\n<ul class=\"wp-block-list\">\n<li><strong>Custom<\/strong>: Allows you to write fixed, personalized text callouts.<\/li>\n\n\n\n<li><strong>Dynamic<\/strong>: Unlocks an automated phrase template system.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Enable Icon<\/strong> \u2013 A toggle switch that replaces your default website tab favicon with a custom attention-grabbing graphic when the user clicks away.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Inactive-Tab-Message-_-Message.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"511\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Inactive-Tab-Message-_-Message.png?resize=1024%2C511&#038;ssl=1\" alt=\"\" class=\"wp-image-103927\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Inactive-Tab-Message-_-Message.png?resize=1024%2C511&amp;ssl=1 1024w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Inactive-Tab-Message-_-Message.png?resize=300%2C150&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Inactive-Tab-Message-_-Message.png?resize=768%2C383&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Inactive-Tab-Message-_-Message.png?resize=18%2C9&amp;ssl=1 18w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Inactive-Tab-Message-_-Message.png?resize=400%2C200&amp;ssl=1 400w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Inactive-Tab-Message-_-Message.png?resize=48%2C24&amp;ssl=1 48w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Inactive-Tab-Message-_-Message.png?w=1064&amp;ssl=1 1064w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Dynamic Template<\/strong> \u2013 A tracking editor box that generates text automatically using system counters (e.g., <em>You left {cart_count} items<\/em>).<\/li>\n\n\n\n<li><strong>Icon Type<\/strong> \u2013 A dropdown menu allowing you to choose the technical format of your custom tab favicon:\n<ul class=\"wp-block-list\">\n<li><strong>Icon<\/strong>: Displays simple pre-built design symbols from the interface library.<\/li>\n\n\n\n<li><strong>Image<\/strong>: Unlocks an upload zone supporting standard image assets.<\/li>\n\n\n\n<li><strong>SVG<\/strong>: Opens a code block container to insert lightweight vector graphics.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Inactive-Tab-Message-_-Message-2.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"914\" height=\"469\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Inactive-Tab-Message-_-Message-2.png?resize=914%2C469&#038;ssl=1\" alt=\"\" class=\"wp-image-103928\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Inactive-Tab-Message-_-Message-2.png?w=914&amp;ssl=1 914w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Inactive-Tab-Message-_-Message-2.png?resize=300%2C154&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Inactive-Tab-Message-_-Message-2.png?resize=768%2C394&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Inactive-Tab-Message-_-Message-2.png?resize=18%2C9&amp;ssl=1 18w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Inactive-Tab-Message-_-Message-2.png?resize=48%2C25&amp;ssl=1 48w\" sizes=\"(max-width: 914px) 100vw, 914px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Rotation Messages<\/strong> \u2013 An expandable queue tracking your multi-phrase text sets (e.g., <em>Message 1<\/em>, <em>Message 2<\/em>).\n<ul class=\"wp-block-list\">\n<li><strong>Message Text Field<\/strong>: A text entry block to type your primary copy variants (e.g., <em>Don&#8217;t miss this!<\/em> or <em>Limited stock!<\/em>).<\/li>\n\n\n\n<li><strong>Icon Library Bar<\/strong>: A horizontal ribbon grid displaying emoji symbols (e.g., shopping bags, lightning bolts, exclamation hearts) to map directly to each text slide.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Targeting<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">This section restricts your tab alert rules to target precise zones or items across your storefront URL patterns.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Trigger Type<\/strong> \u2013 A dropdown menu deciding where this inactive behavior rule is allowed to run:\n<ul class=\"wp-block-list\">\n<li><strong>All Pages<\/strong>: Runs the rule site-wide across every single link.<\/li>\n\n\n\n<li><strong>Specific Pages<\/strong>: Limits the tab flashing to customized site pages.<\/li>\n\n\n\n<li><strong>All Products<\/strong>: Activates the rule only when users leave item overview tabs.<\/li>\n\n\n\n<li><strong>Specific Products<\/strong>: Restricts the rule to chosen inventory items.<\/li>\n\n\n\n<li><strong>Home Page Only<\/strong>: Limits the tab flashing exclusively to your core landing index.<\/li>\n\n\n\n<li><strong>All Single<\/strong>: Targets all independent detail page types globally.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Inactive-Tab-Message-_-Targeting.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"519\" height=\"431\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Inactive-Tab-Message-_-Targeting.png?resize=519%2C431&#038;ssl=1\" alt=\"\" class=\"wp-image-103929\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Inactive-Tab-Message-_-Targeting.png?w=519&amp;ssl=1 519w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Inactive-Tab-Message-_-Targeting.png?resize=300%2C249&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Inactive-Tab-Message-_-Targeting.png?resize=14%2C12&amp;ssl=1 14w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Inactive-Tab-Message-_-Targeting.png?resize=48%2C40&amp;ssl=1 48w\" sizes=\"(max-width: 519px) 100vw, 519px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Exclude products<\/strong> \u2013 A specific product entry row that acts as a blacklisted shield, completely blocking the inactive rule on those specific product links.<\/li>\n\n\n\n<li><strong>Search<\/strong> \u2013 A real-time autocomplete entry bar layout that lists your active inventory catalog items to quickly choose them for targeting or exclusion<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Backend Preview<\/h3>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/06\/Inactive-Preview-Tab-_-backend-preview-gif.gif?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"156\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/06\/Inactive-Preview-Tab-_-backend-preview-gif.gif?resize=800%2C156&#038;ssl=1\" alt=\"\" class=\"wp-image-103932\"\/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">The backend interface features a live browser preview layout showing multiple simulated tab instances. This area updates in real time to mimic actual browser behavior, rendering your typed text phrases alongside your assigned emoji graphics exactly as they will look inside the user&#8217;s browser bar.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Frontend Preview<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">The front-end result of this addon alters the browser tab layout dynamically the moment a customer switches to another window or section. Instead of remaining static, the browser tab updates to showcase your custom promotional text alongside an attention-grabbing custom icon.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/06\/Inactive-Preview-Tab-_-frontend-preview-gif.gif?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"428\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/06\/Inactive-Preview-Tab-_-frontend-preview-gif.gif?resize=800%2C428&#038;ssl=1\" alt=\"\" class=\"wp-image-103931\"\/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">As shown in the active browser view, when a user leaves the product sheet to view another tab, the browser bar instantly flashes your chosen phrase. This continuous visual reminder stands out among crowded browser headers, enticing distracted visitors to click back and complete their purchases.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You can also watch the video walkthrough.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"Inactive Tab Message Addon for WooCommerce | Store One Docs\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/B-8iXDDubSQ?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group frequently-bought-together has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Frequently Bought Together<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The Frequently Bought Together addon increases your average order value by encouraging customers to buy complementary products as a bundle. It displays beautifully matched items right on the product page with a single-click &#8220;Add All to Cart&#8221; button. You can instantly track your style and layout changes using the live preview screens located next to your control tabs.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Open the Store One dashboard and click on the Frequently Bought Together addon&#8217;s Configure button.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Store-One-_-Frequently-Bought-Together.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"615\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Store-One-_-Frequently-Bought-Together.png?resize=1024%2C615&#038;ssl=1\" alt=\"\" class=\"wp-image-103949\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Store-One-_-Frequently-Bought-Together.png?resize=1024%2C615&amp;ssl=1 1024w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Store-One-_-Frequently-Bought-Together.png?resize=300%2C180&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Store-One-_-Frequently-Bought-Together.png?resize=768%2C462&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Store-One-_-Frequently-Bought-Together.png?resize=18%2C12&amp;ssl=1 18w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Store-One-_-Frequently-Bought-Together.png?resize=48%2C29&amp;ssl=1 48w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Store-One-_-Frequently-Bought-Together.png?w=1416&amp;ssl=1 1416w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Enable the button.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Frequently-Bought-Together-_-enable.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"576\" height=\"298\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Frequently-Bought-Together-_-enable.png?resize=576%2C298&#038;ssl=1\" alt=\"\" class=\"wp-image-103950\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Frequently-Bought-Together-_-enable.png?w=576&amp;ssl=1 576w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Frequently-Bought-Together-_-enable.png?resize=300%2C155&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Frequently-Bought-Together-_-enable.png?resize=18%2C9&amp;ssl=1 18w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Frequently-Bought-Together-_-enable.png?resize=48%2C25&amp;ssl=1 48w\" sizes=\"(max-width: 576px) 100vw, 576px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Click on <strong>Add New Rule<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Frequently-Bought-Together-_-Add-New-Rule.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"562\" height=\"237\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Frequently-Bought-Together-_-Add-New-Rule.png?resize=562%2C237&#038;ssl=1\" alt=\"\" class=\"wp-image-103951\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Frequently-Bought-Together-_-Add-New-Rule.png?w=562&amp;ssl=1 562w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Frequently-Bought-Together-_-Add-New-Rule.png?resize=300%2C127&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Frequently-Bought-Together-_-Add-New-Rule.png?resize=18%2C8&amp;ssl=1 18w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Frequently-Bought-Together-_-Add-New-Rule.png?resize=48%2C20&amp;ssl=1 48w\" sizes=\"(max-width: 562px) 100vw, 562px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">You can create multiple rules with different conditions.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Settings<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">This section controls which products display bundles, what offers are called, and which items are hidden from promotions.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Frequently-Bought-Together-_-Settings-1.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"741\" height=\"653\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Frequently-Bought-Together-_-Settings-1.png?resize=741%2C653&#038;ssl=1\" alt=\"\" class=\"wp-image-103947\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Frequently-Bought-Together-_-Settings-1.png?w=741&amp;ssl=1 741w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Frequently-Bought-Together-_-Settings-1.png?resize=300%2C264&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Frequently-Bought-Together-_-Settings-1.png?resize=14%2C12&amp;ssl=1 14w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Frequently-Bought-Together-_-Settings-1.png?resize=48%2C42&amp;ssl=1 48w\" sizes=\"(max-width: 741px) 100vw, 741px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Status<\/strong> \u2013 A dropdown menu to instantly turn the current rule <em>Active<\/em> or <em>Inactive<\/em>.<\/li>\n\n\n\n<li><strong>Offer Name<\/strong> \u2013 An administrative text field to label your offer to keep your dashboard organized.<\/li>\n\n\n\n<li><strong>Search Offer products<\/strong> \u2013 An autocomplete search bar that lets you manually choose which items are grouped together into the bundle.<\/li>\n\n\n\n<li><strong>Trigger Type<\/strong> \u2013 A dropdown menu determining exactly where this bundle rule applies:\n<ul class=\"wp-block-list\">\n<li><strong>All Products<\/strong>: Displays this specific bundle site-wide on every single item page.<\/li>\n\n\n\n<li><strong>Specific Products<\/strong>: Displays the bundle only on chosen inventory items.<\/li>\n\n\n\n<li><strong>Specific Categories<\/strong>: Restricts the bundle to specific catalog collections.<\/li>\n\n\n\n<li><strong>Specific Tags<\/strong>: Restricts the bundle to items matching specific product tags.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Frequently-Bought-Together-_-Settings-2.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"518\" height=\"403\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Frequently-Bought-Together-_-Settings-2.png?resize=518%2C403&#038;ssl=1\" alt=\"\" class=\"wp-image-103948\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Frequently-Bought-Together-_-Settings-2.png?w=518&amp;ssl=1 518w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Frequently-Bought-Together-_-Settings-2.png?resize=300%2C233&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Frequently-Bought-Together-_-Settings-2.png?resize=15%2C12&amp;ssl=1 15w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Frequently-Bought-Together-_-Settings-2.png?resize=48%2C37&amp;ssl=1 48w\" sizes=\"(max-width: 518px) 100vw, 518px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Exclude products \/ Exclude categories \/ Exclude product tags \/ Exclude On-Sale products<\/strong> \u2013 Safety inclusion and exclusion filters to completely shield and block specific items or discounted products from displaying bundles.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">User Condition<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">This section manages user-level access filters to target specific customer groups.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Frequently-Bought-Together-_-User-Condition.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"514\" height=\"521\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Frequently-Bought-Together-_-User-Condition.png?resize=514%2C521&#038;ssl=1\" alt=\"\" class=\"wp-image-103952\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Frequently-Bought-Together-_-User-Condition.png?w=514&amp;ssl=1 514w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Frequently-Bought-Together-_-User-Condition.png?resize=296%2C300&amp;ssl=1 296w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Frequently-Bought-Together-_-User-Condition.png?resize=12%2C12&amp;ssl=1 12w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Frequently-Bought-Together-_-User-Condition.png?resize=48%2C49&amp;ssl=1 48w\" sizes=\"(max-width: 514px) 100vw, 514px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>User Condition<\/strong> \u2013 A dropdown menu allowing you to show the bundle to <strong>All Users<\/strong>, only <strong>Selected Roles<\/strong> (e.g., editors, subscribers), or only <strong>Selected Users<\/strong>.<\/li>\n\n\n\n<li><strong>Exclude Users \/ Roles<\/strong> \u2013 A toggle switch that expands filtering options to completely block specific customer accounts or administrative roles from viewing the bundle widget<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Display Page<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">This section dictates the functional headings, pricing text templates, and precise layout positioning on your product layouts.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Placement on product page<\/strong> \u2013 A dropdown alignment engine that selects the precise hook zone where your bundle sits on your layout structure (e.g., <em>Before Product Summary<\/em>).<\/li>\n\n\n\n<li><strong>Priority<\/strong> \u2013 A numerical box allowing fine-tuned placement adjustments. Lower numbers pull the bundle higher within its designated hook zone.<\/li>\n\n\n\n<li><strong>Bundle Title<\/strong> \u2013 A text field to enter the public heading displayed above your group of items (e.g., <em>Frequently Bought Together<\/em>).<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Frequently-Bought-Together-_-Display-Page.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"529\" height=\"953\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Frequently-Bought-Together-_-Display-Page.png?resize=529%2C953&#038;ssl=1\" alt=\"\" class=\"wp-image-103953\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Frequently-Bought-Together-_-Display-Page.png?w=529&amp;ssl=1 529w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Frequently-Bought-Together-_-Display-Page.png?resize=167%2C300&amp;ssl=1 167w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Frequently-Bought-Together-_-Display-Page.png?resize=7%2C12&amp;ssl=1 7w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Frequently-Bought-Together-_-Display-Page.png?resize=48%2C86&amp;ssl=1 48w\" sizes=\"(max-width: 529px) 100vw, 529px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Price Label<\/strong> \u2013 The text string displayed next to the combined bundle price (e.g., <em>Bundle Total:<\/em>).<\/li>\n\n\n\n<li><strong>Price label for user selected product<\/strong> \u2013 Custom text settings to alter pricing descriptors when a buyer dynamically adds or removes individual items from the bundle queue.<\/li>\n\n\n\n<li><strong>Button Text<\/strong> \u2013 A text field to write custom call-to-action button labels (e.g., <em>Add All to cart<\/em>).<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Design<\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Frequently-Bought-Together-_-Design.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"425\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Frequently-Bought-Together-_-Design.png?resize=1024%2C425&#038;ssl=1\" alt=\"\" class=\"wp-image-103954\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Frequently-Bought-Together-_-Design.png?resize=1024%2C425&amp;ssl=1 1024w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Frequently-Bought-Together-_-Design.png?resize=300%2C124&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Frequently-Bought-Together-_-Design.png?resize=768%2C319&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Frequently-Bought-Together-_-Design.png?resize=1536%2C637&amp;ssl=1 1536w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Frequently-Bought-Together-_-Design.png?resize=18%2C7&amp;ssl=1 18w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Frequently-Bought-Together-_-Design.png?resize=48%2C20&amp;ssl=1 48w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Frequently-Bought-Together-_-Design.png?w=1545&amp;ssl=1 1545w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">The Design Tab provides visual layout options to adjust the design theme properties of your notification components, including color selections and background fills. When the theme choice dropdown is set to custom style rules, it immediately unlocks advanced design adjustments for padding margins, item alignment metrics, and border outlines.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Backend Preview<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">The backend interface features three interactive tab templates that allow you to instantly switch the visual arrangement of your bundle layout:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Frequently-Bought-Together-_-backend-preview-1.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"827\" height=\"669\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Frequently-Bought-Together-_-backend-preview-1.png?resize=827%2C669&#038;ssl=1\" alt=\"\" class=\"wp-image-103955\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Frequently-Bought-Together-_-backend-preview-1.png?w=827&amp;ssl=1 827w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Frequently-Bought-Together-_-backend-preview-1.png?resize=300%2C243&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Frequently-Bought-Together-_-backend-preview-1.png?resize=768%2C621&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Frequently-Bought-Together-_-backend-preview-1.png?resize=15%2C12&amp;ssl=1 15w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Frequently-Bought-Together-_-backend-preview-1.png?resize=48%2C39&amp;ssl=1 48w\" sizes=\"(max-width: 827px) 100vw, 827px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Design 1 (Grid Blocks)<\/strong> \u2013 Displays products in a prominent, horizontal grid row with giant plus (+) signs connecting them, paired alongside an elegant, standalone pricing and checkout summary box.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Frequently-Bought-Together-_-backend-preview-2.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"792\" height=\"423\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Frequently-Bought-Together-_-backend-preview-2.png?resize=792%2C423&#038;ssl=1\" alt=\"\" class=\"wp-image-103956\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Frequently-Bought-Together-_-backend-preview-2.png?w=792&amp;ssl=1 792w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Frequently-Bought-Together-_-backend-preview-2.png?resize=300%2C160&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Frequently-Bought-Together-_-backend-preview-2.png?resize=768%2C410&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Frequently-Bought-Together-_-backend-preview-2.png?resize=18%2C10&amp;ssl=1 18w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Frequently-Bought-Together-_-backend-preview-2.png?resize=48%2C26&amp;ssl=1 48w\" sizes=\"(max-width: 792px) 100vw, 792px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Design 2 (Equation)<\/strong> \u2013 Arranges products side-by-side with small check boxes directly bel226ow them, coupled with a simplified vertical pricing rundown line.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Frequently-Bought-Together-_-backend-preview-3.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"777\" height=\"591\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Frequently-Bought-Together-_-backend-preview-3.png?resize=777%2C591&#038;ssl=1\" alt=\"\" class=\"wp-image-103957\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Frequently-Bought-Together-_-backend-preview-3.png?w=777&amp;ssl=1 777w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Frequently-Bought-Together-_-backend-preview-3.png?resize=300%2C228&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Frequently-Bought-Together-_-backend-preview-3.png?resize=768%2C584&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Frequently-Bought-Together-_-backend-preview-3.png?resize=16%2C12&amp;ssl=1 16w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Frequently-Bought-Together-_-backend-preview-3.png?resize=48%2C37&amp;ssl=1 48w\" sizes=\"(max-width: 777px) 100vw, 777px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Design 3 (List)<\/strong> \u2013 Places products in a clean, vertical listing layout with checkmark selections directly on the product thumbnail, summarizing total calculations cleanly at the very bottom edge.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Frontend Preview<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">On the live page, the bundle widget renders exactly within its assigned placement zone. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/06\/Frequently-Bought-Together-doc-gif.gif?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"428\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/06\/Frequently-Bought-Together-doc-gif.gif?resize=800%2C428&#038;ssl=1\" alt=\"\" class=\"wp-image-103970\"\/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">The addon automatically pulls your chosen offer products and presents them in a clean, multi-column row layout alongside the main item. The layout automatically calculates the multi-item price matching, displaying your custom &#8220;Bundle Total&#8221; line right next to a high-visibility, full-width Add All to Cart action button to drive immediate, single-click bundle checkouts.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">When the user clicks on the Add to Cart button, all products of the addon are added to the cart.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Watch the video walkthrough.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"Frequently Bought Together Addon for WooCommerce | Store One Docs\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/HjArNvj5MDk?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group stock-scarcity has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Stock Scarcity<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Open the Store One dashboard and click on the Stock Scarcity addon&#8217;s Configure button.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Store-One-_-Stock-Scarcity.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"627\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Store-One-_-Stock-Scarcity.png?resize=1024%2C627&#038;ssl=1\" alt=\"\" class=\"wp-image-103990\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Store-One-_-Stock-Scarcity.png?resize=1024%2C627&amp;ssl=1 1024w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Store-One-_-Stock-Scarcity.png?resize=300%2C184&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Store-One-_-Stock-Scarcity.png?resize=768%2C470&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Store-One-_-Stock-Scarcity.png?resize=18%2C12&amp;ssl=1 18w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Store-One-_-Stock-Scarcity.png?resize=48%2C29&amp;ssl=1 48w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Store-One-_-Stock-Scarcity.png?w=1420&amp;ssl=1 1420w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Enable the addon.<\/p>\n\n\n\n\n\n<h3 class=\"wp-block-heading\">Settings<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">This section controls the base stock count logic, fake purchase counters, and background source tracking.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Rule Name<\/strong> \u2013 An administrative text field to label your rule (e.g., <em>Rule 1: Stock Scarcity<\/em>) to keep your dashboard organized.<\/li>\n\n\n\n<li><strong>Stock Mode<\/strong> \u2013 A dropdown menu determining how your inventory availability data is calculated:\n<ul class=\"wp-block-list\">\n<li><strong>Default Product Stock<\/strong>: Reads your store\u2019s direct database and calculates real-time live stock indicators.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Stock-Scarcity-_-Settings-1.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"781\" height=\"377\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Stock-Scarcity-_-Settings-1.png?resize=781%2C377&#038;ssl=1\" alt=\"\" class=\"wp-image-103991\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Stock-Scarcity-_-Settings-1.png?w=781&amp;ssl=1 781w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Stock-Scarcity-_-Settings-1.png?resize=300%2C145&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Stock-Scarcity-_-Settings-1.png?resize=768%2C371&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Stock-Scarcity-_-Settings-1.png?resize=18%2C9&amp;ssl=1 18w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Stock-Scarcity-_-Settings-1.png?resize=48%2C23&amp;ssl=1 48w\" sizes=\"(max-width: 781px) 100vw, 781px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Show only when quantity is below<\/strong> \u2013 A numerical entry box that hides the scarcity widget unless your inventory drops beneath a certain threshold limit (e.g., <em>10<\/em>).<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Stock-Scarcity-_-Settings-2.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"781\" height=\"444\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Stock-Scarcity-_-Settings-2.png?resize=781%2C444&#038;ssl=1\" alt=\"\" class=\"wp-image-103992\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Stock-Scarcity-_-Settings-2.png?w=781&amp;ssl=1 781w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Stock-Scarcity-_-Settings-2.png?resize=300%2C171&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Stock-Scarcity-_-Settings-2.png?resize=768%2C437&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Stock-Scarcity-_-Settings-2.png?resize=18%2C10&amp;ssl=1 18w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Stock-Scarcity-_-Settings-2.png?resize=48%2C27&amp;ssl=1 48w\" sizes=\"(max-width: 781px) 100vw, 781px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Dummy Stock<\/strong>: Disconnects from real numbers and unlocks manual sliders to generate an automated scarcity simulation effect.<\/li>\n\n\n\n<li><strong>Min Stock \/ Max Stock Sliders<\/strong> \u2013 Available under Dummy Stock, these sliders set the baseline boundary coordinates for your simulation loop to randomly shift within.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Stock-Scarcity-_-Settings-3.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"762\" height=\"309\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Stock-Scarcity-_-Settings-3.png?resize=762%2C309&#038;ssl=1\" alt=\"\" class=\"wp-image-103993\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Stock-Scarcity-_-Settings-3.png?w=762&amp;ssl=1 762w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Stock-Scarcity-_-Settings-3.png?resize=300%2C122&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Stock-Scarcity-_-Settings-3.png?resize=18%2C7&amp;ssl=1 18w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Stock-Scarcity-_-Settings-3.png?resize=48%2C19&amp;ssl=1 48w\" sizes=\"(max-width: 762px) 100vw, 762px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Stock Sold Counter<\/strong> \u2013 A toggle switch that includes an extra message tracking recent customer interest data alongside your inventory bars.<\/li>\n\n\n\n<li><strong>Source<\/strong> \u2013 A dropdown deciding where recent sales numbers are pulled from:\n<ul class=\"wp-block-list\">\n<li><strong>Order Product Sold Count<\/strong>: Calculates the total items shipped using actual transaction records.<\/li>\n\n\n\n<li><strong>Dummy Sold Count<\/strong>: Generates organic-looking fake purchases to simulate product velocity.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Min Sold \/ Max Sold Sliders<\/strong> \u2013 Adjusts the low and high boundaries for your simulated purchase counts.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Stock-Scarcity-_-Settings-4.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"787\" height=\"454\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Stock-Scarcity-_-Settings-4.png?resize=787%2C454&#038;ssl=1\" alt=\"\" class=\"wp-image-103994\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Stock-Scarcity-_-Settings-4.png?w=787&amp;ssl=1 787w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Stock-Scarcity-_-Settings-4.png?resize=300%2C173&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Stock-Scarcity-_-Settings-4.png?resize=768%2C443&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Stock-Scarcity-_-Settings-4.png?resize=18%2C10&amp;ssl=1 18w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Stock-Scarcity-_-Settings-4.png?resize=48%2C28&amp;ssl=1 48w\" sizes=\"(max-width: 787px) 100vw, 787px\" \/><\/a><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Display<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">This section houses your custom notification templates, progress tracking bars, and site placement structures.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Stock-Scarcity-_-Display-1.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"521\" height=\"793\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Stock-Scarcity-_-Display-1.png?resize=521%2C793&#038;ssl=1\" alt=\"\" class=\"wp-image-103995\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Stock-Scarcity-_-Display-1.png?w=521&amp;ssl=1 521w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Stock-Scarcity-_-Display-1.png?resize=197%2C300&amp;ssl=1 197w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Stock-Scarcity-_-Display-1.png?resize=8%2C12&amp;ssl=1 8w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Stock-Scarcity-_-Display-1.png?resize=48%2C73&amp;ssl=1 48w\" sizes=\"(max-width: 521px) 100vw, 521px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Dynamic Messages<\/strong> \u2013 Text string templates supporting smart tag overrides (e.g., {stock_quantity}, {sold_count}) to print custom alerts like <em>&#8220;Limited stock available, just {stock_quantity} left!&#8221;<\/em><\/li>\n\n\n\n<li><strong>Low Stock \/ High Stock Thresholds<\/strong> \u2013 Numerical sliders that segment your inventory state into alert tiers, automatically shifting your front-end phrases as numbers drop.<\/li>\n\n\n\n<li><strong>Progress Bar Background Progress<\/strong> \u2013 A slider metric setting the default percentage fill layout for your visual bar.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Stock-Scarcity-_-Display-2.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"524\" height=\"398\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Stock-Scarcity-_-Display-2.png?resize=524%2C398&#038;ssl=1\" alt=\"\" class=\"wp-image-103996\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Stock-Scarcity-_-Display-2.png?w=524&amp;ssl=1 524w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Stock-Scarcity-_-Display-2.png?resize=300%2C228&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Stock-Scarcity-_-Display-2.png?resize=16%2C12&amp;ssl=1 16w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Stock-Scarcity-_-Display-2.png?resize=48%2C36&amp;ssl=1 48w\" sizes=\"(max-width: 524px) 100vw, 524px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Single Product Page Placement<\/strong> \u2013 A toggle to activate the element on detailed layouts, with a dropdown to choose the exact placement zone (e.g., <em>After Add to Cart Form<\/em>) and priority settings.<\/li>\n\n\n\n<li><strong>Archive or Shop Page Placement<\/strong> \u2013 A toggle to display micro-indicators right inside shop grid columns, with options to adjust the alignment hook (e.g., <em>after add to cart<\/em>)<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Visibility<\/h3>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Stock-Scarcity-_-Visibility.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"798\" height=\"517\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Stock-Scarcity-_-Visibility.png?resize=798%2C517&#038;ssl=1\" alt=\"\" class=\"wp-image-103997\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Stock-Scarcity-_-Visibility.png?w=798&amp;ssl=1 798w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Stock-Scarcity-_-Visibility.png?resize=300%2C194&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Stock-Scarcity-_-Visibility.png?resize=768%2C498&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Stock-Scarcity-_-Visibility.png?resize=18%2C12&amp;ssl=1 18w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Stock-Scarcity-_-Visibility.png?resize=48%2C31&amp;ssl=1 48w\" sizes=\"(max-width: 798px) 100vw, 798px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">This section determines exactly where across your website layout pages the scarcity indicators are allowed to render.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Trigger Type<\/strong> \u2013 A dropdown menu to apply the rule site-wide across <strong>All Products<\/strong>, or restrict it to <strong>Specific Products<\/strong> or <strong>Specific Categories<\/strong>.<\/li>\n\n\n\n<li><strong>Exclude products<\/strong> \u2013 A specific product entry search bar that acts as a blacklisted shield, completely blocking scarcity banners on restricted sheets.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Style<\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Stock-Scarcity-_-Style.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"677\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Stock-Scarcity-_-Style.png?resize=1024%2C677&#038;ssl=1\" alt=\"\" class=\"wp-image-103998\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Stock-Scarcity-_-Style.png?resize=1024%2C677&amp;ssl=1 1024w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Stock-Scarcity-_-Style.png?resize=300%2C198&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Stock-Scarcity-_-Style.png?resize=768%2C508&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Stock-Scarcity-_-Style.png?resize=18%2C12&amp;ssl=1 18w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Stock-Scarcity-_-Style.png?resize=48%2C32&amp;ssl=1 48w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Stock-Scarcity-_-Style.png?w=1035&amp;ssl=1 1035w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">The Style Tab provides visual layout options to adjust the design theme properties of your progress components. It features dedicated color pickers to independently adjust the Bar Filled accent color and the Bar Empty background track, along with specialized color swatches to coordinate your main message typography, highlight tags, and font sizing parameters. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">A distinctive feature at the bottom of this panel is the Stock Status Effects framework, which includes color-coded thresholds (Low Stock, Medium Stock, High Stock) that dynamically shift the color scheme of the front-end elements automatically as inventory drops to create an immediate visual alert for buyers.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Backend Preview<\/h3>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Stock-Scarcity-_-Preview.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"824\" height=\"320\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Stock-Scarcity-_-Preview.png?resize=824%2C320&#038;ssl=1\" alt=\"\" class=\"wp-image-103999\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Stock-Scarcity-_-Preview.png?w=824&amp;ssl=1 824w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Stock-Scarcity-_-Preview.png?resize=300%2C117&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Stock-Scarcity-_-Preview.png?resize=768%2C298&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Stock-Scarcity-_-Preview.png?resize=18%2C7&amp;ssl=1 18w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Stock-Scarcity-_-Preview.png?resize=48%2C19&amp;ssl=1 48w\" sizes=\"(max-width: 824px) 100vw, 824px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">The backend interface features a live browser preview layout displaying a simulated progress banner. This area updates in real time to match actual dashboard adjustments, rendering your typed dynamic template phrases alongside a filled color progress track exactly as it will look inside the live storefront page.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Frontend Preview<\/h3>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Stock-Scarcity-_-Frontend-Preview.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"986\" height=\"550\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Stock-Scarcity-_-Frontend-Preview.png?resize=986%2C550&#038;ssl=1\" alt=\"\" class=\"wp-image-104000\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Stock-Scarcity-_-Frontend-Preview.png?w=986&amp;ssl=1 986w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Stock-Scarcity-_-Frontend-Preview.png?resize=300%2C167&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Stock-Scarcity-_-Frontend-Preview.png?resize=768%2C428&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Stock-Scarcity-_-Frontend-Preview.png?resize=18%2C10&amp;ssl=1 18w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Stock-Scarcity-_-Frontend-Preview.png?resize=48%2C27&amp;ssl=1 48w\" sizes=\"(max-width: 986px) 100vw, 986px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">On the live page , you can spot the Stock Scarcity addon.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Urgency Text Alert<\/strong> \u2013 Displays a custom-colored marketing notification line that explicitly states the scarcity of the item, reading exactly as configured in your admin panel (e.g., <em>&#8220;Almost sold out! Only 4 left&#8221;<\/em>).<\/li>\n\n\n\n<li><strong>Visual Progress Bar<\/strong> \u2013 Generates a dual-toned horizontal container directly beneath your custom phrase. The active portion fills with your chosen accent color (e.g., bright yellow) to vividly illustrate dwindling availability, leaving a neutral gray background line to mark the remaining total stock limit.<\/li>\n<\/ul>\n<\/section>\n\n\n\n<section class=\"wp-block-group pre-order has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Pre Order<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The Pre-Order addon allows customers to purchase upcoming items or out-of-stock inventory in advance. This setup guide breaks down the configuration process into three clear steps, matching the backend interface layout.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Open your Store One dashboard and click on the Pre Order addon&#8217;s Configure button.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/06\/Storeone-_-Pre-Order.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"556\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/06\/Storeone-_-Pre-Order.png?resize=1024%2C556&#038;ssl=1\" alt=\"\" class=\"wp-image-104008\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/06\/Storeone-_-Pre-Order.png?resize=1024%2C556&amp;ssl=1 1024w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/06\/Storeone-_-Pre-Order.png?resize=300%2C163&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/06\/Storeone-_-Pre-Order.png?resize=768%2C417&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/06\/Storeone-_-Pre-Order.png?resize=18%2C10&amp;ssl=1 18w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/06\/Storeone-_-Pre-Order.png?resize=48%2C26&amp;ssl=1 48w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/06\/Storeone-_-Pre-Order.png?w=1435&amp;ssl=1 1435w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Enable the addon and click on <strong>Add Pre Order<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/06\/Pre-Order-_-enable-and-add-pre-order.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"584\" height=\"309\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/06\/Pre-Order-_-enable-and-add-pre-order.png?resize=584%2C309&#038;ssl=1\" alt=\"\" class=\"wp-image-104009\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/06\/Pre-Order-_-enable-and-add-pre-order.png?w=584&amp;ssl=1 584w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/06\/Pre-Order-_-enable-and-add-pre-order.png?resize=300%2C159&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/06\/Pre-Order-_-enable-and-add-pre-order.png?resize=18%2C10&amp;ssl=1 18w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/06\/Pre-Order-_-enable-and-add-pre-order.png?resize=48%2C25&amp;ssl=1 48w\" sizes=\"(max-width: 584px) 100vw, 584px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">It will open the product list, and click on the product you want to add the pre-order to.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/06\/Woocommerce-Product.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1701\" height=\"510\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/06\/Woocommerce-Product.png?resize=1701%2C510&#038;ssl=1\" alt=\"\" class=\"wp-image-104010\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/06\/Woocommerce-Product.png?w=1701&amp;ssl=1 1701w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/06\/Woocommerce-Product.png?resize=300%2C90&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/06\/Woocommerce-Product.png?resize=1024%2C307&amp;ssl=1 1024w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/06\/Woocommerce-Product.png?resize=768%2C230&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/06\/Woocommerce-Product.png?resize=1536%2C461&amp;ssl=1 1536w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/06\/Woocommerce-Product.png?resize=18%2C5&amp;ssl=1 18w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/06\/Woocommerce-Product.png?resize=48%2C14&amp;ssl=1 48w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">On the product&#8217;s page, scroll down to the <strong>Store One Product<\/strong> section and click on <strong>Pre Order<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/06\/Product-_-Pre-Order.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"878\" height=\"1024\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/06\/Product-_-Pre-Order.png?resize=878%2C1024&#038;ssl=1\" alt=\"\" class=\"wp-image-104011\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/06\/Product-_-Pre-Order.png?resize=878%2C1024&amp;ssl=1 878w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/06\/Product-_-Pre-Order.png?resize=257%2C300&amp;ssl=1 257w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/06\/Product-_-Pre-Order.png?resize=768%2C895&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/06\/Product-_-Pre-Order.png?resize=1317%2C1536&amp;ssl=1 1317w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/06\/Product-_-Pre-Order.png?resize=10%2C12&amp;ssl=1 10w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/06\/Product-_-Pre-Order.png?resize=48%2C56&amp;ssl=1 48w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/06\/Product-_-Pre-Order.png?w=1459&amp;ssl=1 1459w\" sizes=\"(max-width: 878px) 100vw, 878px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">This section opens a dedicated options panel inside your product editor, allowing you to define precise pricing, messages, availability dates, and purchase limits for your selected item.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Manage pre-order options for this product<\/strong> \u2013 A simple toggle switch to activate pre-ordering rules for the individual item.<\/li>\n\n\n\n<li><strong>Override global rules<\/strong> \u2013 A toggle switch that disconnects the item from global addon settings. Turning this on unlocks manual customization controls specifically for this single product.<\/li>\n\n\n\n<li><strong>Set product availability date<\/strong> \u2013 A radio button option to manage when the item officially launches or restocks:\n<ul class=\"wp-block-list\">\n<li><strong>No date &#8211; end pre-order mode manually<\/strong>: Keeps the pre-order active indefinitely until you manually turn it off.<\/li>\n\n\n\n<li><strong>Choose a date from the calendar<\/strong>: Opens a calendar tool to pick a specific deadline. The item automatically reverts to a standard purchase button once that date arrives.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Pre-order price<\/strong> \u2013 A dropdown menu to select the pricing tier for advance bookings. You can choose to charge the standard selling price or input a custom discounted\/premium rate.<\/li>\n\n\n\n<li><strong>Button text<\/strong> \u2013 A text field to write a custom call-to-action label (e.g., <em>Pre Order Now<\/em>) that replaces your default shopping cart button.<\/li>\n\n\n\n<li><strong>Pre-order message<\/strong> \u2013 A descriptive text box to type a public notice (e.g., <em>This product is available for pre-order.<\/em>). This informational sentence displays directly on the product layout sheet.<\/li>\n\n\n\n<li><strong>Pre-order limit<\/strong> \u2013 A numerical box to set the maximum allowed order volume for advance bookings. For example, entering &#8220;2&#8221; caps the maximum quantity an individual customer can reserve.<\/li>\n\n\n\n<li><strong>Logged in users only<\/strong> \u2013 A toggle switch that restricts pre-ordering capabilities. Turning this on requires visitors to log into a store account before they can place a pre-order.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Settings<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">This panel provides full rule management for your advance bookings. The configuration options dynamically update depending on the behavioral modes and pricing methods you select from the dropdown fields.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/06\/Pre-Order-_-Settings-1.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"834\" height=\"869\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/06\/Pre-Order-_-Settings-1.png?resize=834%2C869&#038;ssl=1\" alt=\"\" class=\"wp-image-104012\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/06\/Pre-Order-_-Settings-1.png?w=834&amp;ssl=1 834w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/06\/Pre-Order-_-Settings-1.png?resize=288%2C300&amp;ssl=1 288w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/06\/Pre-Order-_-Settings-1.png?resize=768%2C800&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/06\/Pre-Order-_-Settings-1.png?resize=12%2C12&amp;ssl=1 12w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/06\/Pre-Order-_-Settings-1.png?resize=48%2C50&amp;ssl=1 48w\" sizes=\"(max-width: 834px) 100vw, 834px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Pre-order Settings<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Status<\/strong> \u2013 A dropdown menu to turn the current offer rule <em>Active<\/em> or <em>Inactive<\/em>.<\/li>\n\n\n\n<li><strong>Title<\/strong> \u2013 An administrative text field to enter an internal rule name (e.g., <em>Pre order Rule<\/em>) to stay organized.<\/li>\n\n\n\n<li><strong>Pre-order Mode<\/strong> \u2013 A behavioral selection dropdown that updates how your front-end labels communicate stock availability:\n<ul class=\"wp-block-list\">\n<li><strong>Pre Order<\/strong>: Configures the system for items that are currently out of stock but will be restocked later.<\/li>\n\n\n\n<li><strong>Coming Soon<\/strong>: Configures the system for brand-new upcoming item launches that have never been available before.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Badges Text<\/strong> \u2013 A text field to write custom ribbon text (e.g., <em>Pre Order<\/em>) that overlays onto your catalog product thumbnails.<\/li>\n\n\n\n<li><strong>Date Mode<\/strong> \u2013 A dropdown selection that changes your availability tracking setup:\n<ul class=\"wp-block-list\">\n<li><strong>No Date &#8211; End Pre-order Manually<\/strong>: Keeps the pre-order active indefinitely until you change it.<\/li>\n\n\n\n<li><strong>Calendar Date<\/strong>: Swaps out the basic view to display a fresh <strong>Availability Date<\/strong> calendar box, letting you select the exact product launch month, day, and time (mm\/dd\/yyyy &#8211;:&#8211;).<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Auto Disable<\/strong> \u2013 A toggle switch that automatically shuts down the pre-order rule once your scheduled availability date arrives.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Pre-order Pricing<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Pricing Method<\/strong> \u2013 A dropdown calculation engine that shifts your options based on how you want to bill customers:\n<ul class=\"wp-block-list\">\n<li><strong>Use Product Price<\/strong>: Charges the standard retail cost of the product.<\/li>\n\n\n\n<li><strong>Set Fixed Pre-order Price<\/strong>: Unlocks a field to set a completely independent fixed price block for advance reservations.<\/li>\n\n\n\n<li><strong>Discount by Percentage (%) \/ Discount by Fixed Amount<\/strong>: Unlocks a box to subtract a special price markdown reward for early buyers.<\/li>\n\n\n\n<li><strong>Increase by Percentage (%) \/ Increase by Fixed Amount<\/strong>: Unlocks a box to add a premium price markup for high-demand reservations.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/06\/Pre-Order-_-Settings-2.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"821\" height=\"760\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/06\/Pre-Order-_-Settings-2.png?resize=821%2C760&#038;ssl=1\" alt=\"\" class=\"wp-image-104013\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/06\/Pre-Order-_-Settings-2.png?w=821&amp;ssl=1 821w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/06\/Pre-Order-_-Settings-2.png?resize=300%2C278&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/06\/Pre-Order-_-Settings-2.png?resize=768%2C711&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/06\/Pre-Order-_-Settings-2.png?resize=13%2C12&amp;ssl=1 13w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/06\/Pre-Order-_-Settings-2.png?resize=48%2C44&amp;ssl=1 48w\" sizes=\"(max-width: 821px) 100vw, 821px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Button Text<\/strong> \u2013 A text field to change the direct purchase label (e.g., <em>Pre Order Now<\/em>).<\/li>\n\n\n\n<li><strong>Enable Message<\/strong> \u2013 A toggle switch to show or hide a notice line on the front-end layout.<\/li>\n\n\n\n<li><strong>Message<\/strong> \u2013 A text field to type your public note (e.g., <em>This product is available for Pre Order.<\/em>).<\/li>\n\n\n\n<li><strong>Preorder Limit<\/strong> \u2013 A toggle switch and numerical input box to establish a maximum cap boundary for advance reservations. Setting it to &#8220;0&#8221; allows unlimited checkouts.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Display<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">This section pinpoints the exact physical location where your pre-order buttons, notices, and badges render across both individual item sheets and catalog layouts.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Single Product Page<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Pre-Order-_-Display-1.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"516\" height=\"360\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Pre-Order-_-Display-1.png?resize=516%2C360&#038;ssl=1\" alt=\"\" class=\"wp-image-104016\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Pre-Order-_-Display-1.png?w=516&amp;ssl=1 516w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Pre-Order-_-Display-1.png?resize=300%2C209&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Pre-Order-_-Display-1.png?resize=18%2C12&amp;ssl=1 18w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Pre-Order-_-Display-1.png?resize=48%2C33&amp;ssl=1 48w\" sizes=\"(max-width: 516px) 100vw, 516px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Enable Single Page<\/strong> \u2013 A toggle switch to activate or deactivate the pre-order display modules on your individual product details pages.<\/li>\n\n\n\n<li><strong>Placement on product page<\/strong> \u2013 A dropdown menu to select the precise layout hook zone (e.g., <em>After Add to Cart Form<\/em>) where the pre-order details and button will insert.<\/li>\n\n\n\n<li><strong>Priority<\/strong> \u2013 A numerical entry box to fine-tune the vertical stacking hierarchy. Lower numbers pull the pre-order block higher within its designated section, while higher numbers push it lower.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Archive \/ Shop Page<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Pre-Order-_-Display-2.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"527\" height=\"293\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Pre-Order-_-Display-2.png?resize=527%2C293&#038;ssl=1\" alt=\"\" class=\"wp-image-104017\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Pre-Order-_-Display-2.png?w=527&amp;ssl=1 527w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Pre-Order-_-Display-2.png?resize=300%2C167&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Pre-Order-_-Display-2.png?resize=18%2C10&amp;ssl=1 18w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Pre-Order-_-Display-2.png?resize=48%2C27&amp;ssl=1 48w\" sizes=\"(max-width: 527px) 100vw, 527px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Enable Shop Page<\/strong> \u2013 A toggle switch to display or hide the pre-order layout actions across your shop index, catalog feeds, and category grid loops.<\/li>\n\n\n\n<li><strong>Shop Position<\/strong> \u2013 A dropdown alignment engine to select where the pre-order button or indicator inserts relative to your catalog grid cards (e.g., <em>After Price<\/em>)<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Visibility<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">This section determines exactly which products or categories in your store will display the pre-order options, allowing you to control rule coverage with target settings and exclusion toggles.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Trigger Type<\/strong> \u2013 A dropdown menu to select where your pre-order configuration applies across your store:\n<ul class=\"wp-block-list\">\n<li><strong>All Products<\/strong>: Activates the pre-order settings globally on every single product page across your storefront.<\/li>\n\n\n\n<li><strong>Specific Products<\/strong>: Limits the pre-order function strictly to manually selected inventory items.<\/li>\n\n\n\n<li><strong>Specific Categories<\/strong>: Restricts the rule to show only on items belonging to chosen collections.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Pre-Order-_-Visibility.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"533\" height=\"677\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Pre-Order-_-Visibility.png?resize=533%2C677&#038;ssl=1\" alt=\"\" class=\"wp-image-104018\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Pre-Order-_-Visibility.png?w=533&amp;ssl=1 533w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Pre-Order-_-Visibility.png?resize=236%2C300&amp;ssl=1 236w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Pre-Order-_-Visibility.png?resize=9%2C12&amp;ssl=1 9w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Pre-Order-_-Visibility.png?resize=48%2C61&amp;ssl=1 48w\" sizes=\"(max-width: 533px) 100vw, 533px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Exclude Products<\/strong> \u2013 A toggle switch that expands into a product search tool, allowing you to blacklist specific items and prevent them from ever showing pre-order options.<\/li>\n\n\n\n<li><strong>Exclude Categories<\/strong> \u2013 A toggle switch that expands into a category selection field, allowing you to completely shield whole collections from the pre-order rule.<\/li>\n\n\n\n<li><strong>Hide Out Of Stock<\/strong> \u2013 A toggle switch that automatically suppresses the pre-order button on items that are completely out of stock. Turning this on prevents customers from placing advance bookings on items unless they have a designated pre-order stock allocation.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">User Role<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">This section manages user-level access filters, allowing you to restrict pre-ordering options to specific customer groups or account tiers.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>User Condition<\/strong> \u2013 A dropdown menu that controls who can see and use the pre-order options on your website:\n<ul class=\"wp-block-list\">\n<li><strong>All Users<\/strong>: Makes the pre-order buttons and messages visible to every visitor, including guests and logged-in accounts.<\/li>\n\n\n\n<li><strong>Selected Roles<\/strong>: Restricts pre-order availability exclusively to specific website membership tiers (such as <em>Wholesaler<\/em> or <em>Subscriber<\/em>).<\/li>\n\n\n\n<li><strong>Selected Users<\/strong>: Limits pre-ordering privileges down to individual, manually chosen customer accounts.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Pre-Order-_-User-Role.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"774\" height=\"620\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Pre-Order-_-User-Role.png?resize=774%2C620&#038;ssl=1\" alt=\"\" class=\"wp-image-104019\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Pre-Order-_-User-Role.png?w=774&amp;ssl=1 774w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Pre-Order-_-User-Role.png?resize=300%2C240&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Pre-Order-_-User-Role.png?resize=768%2C615&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Pre-Order-_-User-Role.png?resize=15%2C12&amp;ssl=1 15w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Pre-Order-_-User-Role.png?resize=48%2C38&amp;ssl=1 48w\" sizes=\"(max-width: 774px) 100vw, 774px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Exclude (Users \/ Roles)<\/strong> \u2013 A toggle switch that activates custom blacklist fields directly below it to restrict access.<\/li>\n\n\n\n<li><strong>Exclude Roles<\/strong> \u2013 A search and selection field that completely blocks specific account levels (such as <em>Administrators<\/em> or <em>Shop Managers<\/em>) from seeing the pre-order buttons.<\/li>\n\n\n\n<li><strong>Exclude Users<\/strong> \u2013 A manual text search bar that allows you to input specific usernames or email addresses to block individual customers from placing a pre-order.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Style<\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Pre-Order-_-Style.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"772\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Pre-Order-_-Style.png?resize=1024%2C772&#038;ssl=1\" alt=\"\" class=\"wp-image-104020\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Pre-Order-_-Style.png?resize=1024%2C772&amp;ssl=1 1024w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Pre-Order-_-Style.png?resize=300%2C226&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Pre-Order-_-Style.png?resize=768%2C579&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Pre-Order-_-Style.png?resize=16%2C12&amp;ssl=1 16w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Pre-Order-_-Style.png?resize=48%2C36&amp;ssl=1 48w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Pre-Order-_-Style.png?w=1082&amp;ssl=1 1082w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">The Style Tab controls the visual appearance of your pre-order elements, dividing design settings into badges, messages, and action buttons. It features dedicated hex color pickers to independently adjust the background blocks and text typography colors for both product badges and on-screen info messages. When the <strong>Button Style<\/strong> dropdown is set to <em>Theme Default<\/em>, the pre-order button seamlessly inherits your website&#8217;s active template layout style. However, switching this selector to <em>Custom Style<\/em> instantly unlocks the advanced <strong>Button Style Settings<\/strong> menu directly below, opening advanced options to customize the background fill, text shading, internal padding boundaries, and framing outlines to match your specific branding.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Backend Preview<\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Pre-Order-_-Backend-Preview.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"813\" height=\"1024\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Pre-Order-_-Backend-Preview.png?resize=813%2C1024&#038;ssl=1\" alt=\"\" class=\"wp-image-104021\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Pre-Order-_-Backend-Preview.png?resize=813%2C1024&amp;ssl=1 813w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Pre-Order-_-Backend-Preview.png?resize=238%2C300&amp;ssl=1 238w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Pre-Order-_-Backend-Preview.png?resize=768%2C968&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Pre-Order-_-Backend-Preview.png?resize=10%2C12&amp;ssl=1 10w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Pre-Order-_-Backend-Preview.png?resize=48%2C60&amp;ssl=1 48w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Pre-Order-_-Backend-Preview.png?w=831&amp;ssl=1 831w\" sizes=\"(max-width: 813px) 100vw, 813px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">The admin configuration dashboard includes an interactive, multi-view preview panel. This mock-up system helps you instantly visualize your visual arrangements and template alignments before saving changes.You can switch between two dedicated preview viewports using the toggle buttons at the top of the container layout.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Frontend Preview<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">On the live <strong>Shop Page<\/strong>, the addon updates each designated item card within your catalog grid loop by injecting a clear, bordered message box directly beneath the product pricing. For standard items like the basic <em>T-Shirt<\/em>, it displays your permanent notice text stating that the product is available for pre-order, while for time-sensitive launches like the <em>T-Shirt with Logo<\/em>, it displays a precise scheduling callout showing the exact release date and time. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Immediately below this informational box, the system swaps out your standard shopping button for your custom action button, rendering it as either &#8220;Pre Order Now&#8221; or &#8220;Pre Order&#8221; for the product we added to the preorder from the dashboard, to keep your storefront layout column rows uniform.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Pre-Order-_-Frontend-Preview.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"739\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Pre-Order-_-Frontend-Preview.png?resize=1000%2C739&#038;ssl=1\" alt=\"\" class=\"wp-image-104022\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Pre-Order-_-Frontend-Preview.png?w=1000&amp;ssl=1 1000w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Pre-Order-_-Frontend-Preview.png?resize=300%2C222&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Pre-Order-_-Frontend-Preview.png?resize=768%2C568&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Pre-Order-_-Frontend-Preview.png?resize=16%2C12&amp;ssl=1 16w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Pre-Order-_-Frontend-Preview.png?resize=48%2C35&amp;ssl=1 48w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">When a customer opens an individual item layout on the Single Product Page, the addon shifts to a high-focus reservation layout. Next to the standard quantity selector block, the default shopping cart submission field is completely replaced by your high-visibility &#8220;Pre Order&#8221; action button. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Furthermore, a clean, bordered information container anchors itself directly within your chosen page placement zone to communicate clear logistical boundaries, using real-time dynamic timestamps to tell early buyers the exact calendar deadline for their advance purchase.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Watch the video walkthrough.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"Product Pre Order Addon for WooCommerce | Store One Docs\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/UV3-7S1DOPg?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group visitor-Count has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Visitor Count<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The Visitor Counter addon displays a live or simulated count of active users currently viewing your products. This social proof creates a sense of competition and urgency, encouraging browsing shoppers to complete their purchases faster.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Open the Store One dashboard and click on the Visitor Count addon&#8217;s Configure button.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Storeone-_-Smart-Offers.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"549\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Storeone-_-Smart-Offers.png?resize=1024%2C549&#038;ssl=1\" alt=\"\" class=\"wp-image-105107\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Storeone-_-Smart-Offers.png?resize=1024%2C549&amp;ssl=1 1024w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Storeone-_-Smart-Offers.png?resize=300%2C161&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Storeone-_-Smart-Offers.png?resize=768%2C412&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Storeone-_-Smart-Offers.png?resize=48%2C26&amp;ssl=1 48w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/07\/Storeone-_-Smart-Offers.png?w=1417&amp;ssl=1 1417w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Enable the addon<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Visitor-Count-_-enable.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"573\" height=\"301\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Visitor-Count-_-enable.png?resize=573%2C301&#038;ssl=1\" alt=\"\" class=\"wp-image-104032\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Visitor-Count-_-enable.png?w=573&amp;ssl=1 573w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Visitor-Count-_-enable.png?resize=300%2C158&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Visitor-Count-_-enable.png?resize=18%2C9&amp;ssl=1 18w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Visitor-Count-_-enable.png?resize=48%2C25&amp;ssl=1 48w\" sizes=\"(max-width: 573px) 100vw, 573px\" \/><\/a><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Settings<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">This section controls your administrative rule configurations, visitor calculation methods, and real-time database refresh timings. The configuration options dynamically update depending on the tracking source you select:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Visitor-Count-_-Settings-1.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"530\" height=\"346\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Visitor-Count-_-Settings-1.png?resize=530%2C346&#038;ssl=1\" alt=\"\" class=\"wp-image-104033\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Visitor-Count-_-Settings-1.png?w=530&amp;ssl=1 530w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Visitor-Count-_-Settings-1.png?resize=300%2C196&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Visitor-Count-_-Settings-1.png?resize=18%2C12&amp;ssl=1 18w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Visitor-Count-_-Settings-1.png?resize=48%2C31&amp;ssl=1 48w\" sizes=\"(max-width: 530px) 100vw, 530px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Status<\/strong> \u2013 A dropdown menu to instantly turn the current visitor tracking rule <em>Active<\/em> or <em>Inactive<\/em>.<\/li>\n\n\n\n<li><strong>Rule Name<\/strong> \u2013 An administrative text field to label your rule (e.g., <em>Rule 1: Visitor Counter<\/em>) to stay organized.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Visitor-Count-_-Settings-2.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"528\" height=\"798\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Visitor-Count-_-Settings-2.png?resize=528%2C798&#038;ssl=1\" alt=\"\" class=\"wp-image-104034\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Visitor-Count-_-Settings-2.png?w=528&amp;ssl=1 528w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Visitor-Count-_-Settings-2.png?resize=198%2C300&amp;ssl=1 198w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Visitor-Count-_-Settings-2.png?resize=8%2C12&amp;ssl=1 8w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Visitor-Count-_-Settings-2.png?resize=48%2C73&amp;ssl=1 48w\" sizes=\"(max-width: 528px) 100vw, 528px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Real Visitor<\/strong>s: Select this option to calculate and track your store&#8217;s direct, live network traffic. Once chosen, the panel opens the <strong>Real Viewer Settings<\/strong> menu, which includes:\n<ul class=\"wp-block-list\">\n<li><strong>Count Guest Users<\/strong>: A setting to count logged-out users.<\/li>\n\n\n\n<li><strong>Count Logged Users<\/strong>: A toggle switch to include or exclude registered customers who are actively logged into their store accounts.<\/li>\n\n\n\n<li><strong>Ignore Bots<\/strong>: A toggle switch that includes automated search bots and web crawlers in the live count.<\/li>\n\n\n\n<li><strong>Session Timeout<\/strong>: This setting manages how long an inactive visitor remains counted in your real-time data calculations before being automatically removed from the live display tracker.<\/li>\n\n\n\n<li><strong>Refresh Rate<\/strong>: A numerical input box to decide how often (in seconds) the system pings the server to update the on-screen counter.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Visitor-Count-_-Settings-3.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"531\" height=\"1005\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Visitor-Count-_-Settings-3.png?resize=531%2C1005&#038;ssl=1\" alt=\"\" class=\"wp-image-104035\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Visitor-Count-_-Settings-3.png?w=531&amp;ssl=1 531w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Visitor-Count-_-Settings-3.png?resize=159%2C300&amp;ssl=1 159w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Visitor-Count-_-Settings-3.png?resize=6%2C12&amp;ssl=1 6w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Visitor-Count-_-Settings-3.png?resize=48%2C91&amp;ssl=1 48w\" sizes=\"(max-width: 531px) 100vw, 531px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Simulated Visitors<\/strong>: Select this option to disconnect from live traffic data and manually simulate store popularity. Choosing this path automatically switches the panel to display the <strong>Fake Viewer Settings<\/strong> menu, which includes:\n<ul class=\"wp-block-list\">\n<li><strong>Minimum Viewers<\/strong>: A numerical slider to set the lowest possible simulated visitor number for your counter loop.<\/li>\n\n\n\n<li><strong>Maximum Viewers<\/strong>: A numerical slider to establish the upper ceiling boundary for your fake visitor calculation range.<\/li>\n\n\n\n<li><strong>Default Count<\/strong> \u2013 An interactive slider and numerical box to set the starting baseline visitor number (e.g., <em>8<\/em>). This is the initial number a customer sees immediately when the page finishes loading, right before any automatic number updates begin.<\/li>\n\n\n\n<li><strong>Update Interval<\/strong> \u2013 A slider control to determine the update speed in seconds (e.g., <em>20<\/em>). The addon will automatically recalculate and change the visible fake viewer number every time this chosen number of seconds passes.<\/li>\n\n\n\n<li><strong>Smooth Fluctuation<\/strong> \u2013 A toggle switch that changes the number transition style. Turning this active ensures the counter gradually climbs or drops step-by-step (e.g., moving from 8 to 9, then 10) instead of making jarring, robotic jumps.<\/li>\n\n\n\n<li><strong>Enable Spike Effect<\/strong> \u2013 A toggle switch that triggers simulated traffic surges. Turning this active on allows the counter to occasionally break out of its steady pattern and create a sudden, massive jump in viewer numbers to build heavy shopping urgency.<\/li>\n\n\n\n<li><strong>Spike Chance<\/strong> \u2013 A slider control to set the statistical probability percentage (e.g., <em>20%<\/em>) of a surge happening. A higher percentage means traffic spikes will trigger much more frequently during number updates<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Visitor-Count-_-Shortcode.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"528\" height=\"252\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Visitor-Count-_-Shortcode.png?resize=528%2C252&#038;ssl=1\" alt=\"\" class=\"wp-image-104036\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Visitor-Count-_-Shortcode.png?w=528&amp;ssl=1 528w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Visitor-Count-_-Shortcode.png?resize=300%2C143&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Visitor-Count-_-Shortcode.png?resize=18%2C9&amp;ssl=1 18w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Visitor-Count-_-Shortcode.png?resize=48%2C23&amp;ssl=1 48w\" sizes=\"(max-width: 528px) 100vw, 528px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Shortcode<\/strong> \u2013 Generates a copyable snippet code container (e.g., [th_store_one_visitor_counter id=&#8221;&#8230;&#8221;]). You can paste this snippet anywhere on your website, such as blog posts, widget sections, or custom layout elements, to display this specific viewer counter outside of standard product hooks.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Display<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">This section houses your custom notification templates, dynamic message thresholds, and site placement structures.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Visitor-Count-_-Display-1.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"530\" height=\"458\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Visitor-Count-_-Display-1.png?resize=530%2C458&#038;ssl=1\" alt=\"\" class=\"wp-image-104037\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Visitor-Count-_-Display-1.png?w=530&amp;ssl=1 530w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Visitor-Count-_-Display-1.png?resize=300%2C259&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Visitor-Count-_-Display-1.png?resize=14%2C12&amp;ssl=1 14w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Visitor-Count-_-Display-1.png?resize=48%2C41&amp;ssl=1 48w\" sizes=\"(max-width: 530px) 100vw, 530px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Message<\/strong> \u2013 A text string template supporting smart tag overrides (e.g., {count}) to print custom front-end alerts like <em>&#8220;5 people are viewing this right now&#8221;<\/em>.<\/li>\n\n\n\n<li><strong>Enable Icon<\/strong> \u2013 A toggle switch that displays an eye-catching icon directly in front of your visitor count message.<\/li>\n\n\n\n<li><strong>Choose Icon<\/strong> \u2013 An interactive selection bar that allows you to click and choose your preferred symbol layout (such as an eye icon, tracking flame, or user profile dot).<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Visitor-Count-_-Display-2.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"532\" height=\"645\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Visitor-Count-_-Display-2.png?resize=532%2C645&#038;ssl=1\" alt=\"\" class=\"wp-image-104038\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Visitor-Count-_-Display-2.png?w=532&amp;ssl=1 532w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Visitor-Count-_-Display-2.png?resize=247%2C300&amp;ssl=1 247w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Visitor-Count-_-Display-2.png?resize=10%2C12&amp;ssl=1 10w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Visitor-Count-_-Display-2.png?resize=48%2C58&amp;ssl=1 48w\" sizes=\"(max-width: 532px) 100vw, 532px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Dynamic Messages<\/strong> \u2013 A toggle switch that enables automated message shifting based on your traffic volume. Turning this on unlocks three tiered alert fields:\n<ul class=\"wp-block-list\">\n<li><strong>Low Viewer Message<\/strong>: The specific phrase shown when traffic hits your minimum threshold value.<\/li>\n\n\n\n<li><strong>Medium Viewer Message<\/strong>: The text block displayed when viewing traffic rests in a standard, mid-tier range.<\/li>\n\n\n\n<li><strong>High Viewer Message<\/strong>: A prominent notice designed to trigger intense urgency when traffic hits your maximum volume cap.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Visitor-Count-_-Display-3.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"529\" height=\"548\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Visitor-Count-_-Display-3.png?resize=529%2C548&#038;ssl=1\" alt=\"\" class=\"wp-image-104039\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Visitor-Count-_-Display-3.png?w=529&amp;ssl=1 529w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Visitor-Count-_-Display-3.png?resize=290%2C300&amp;ssl=1 290w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Visitor-Count-_-Display-3.png?resize=12%2C12&amp;ssl=1 12w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Visitor-Count-_-Display-3.png?resize=48%2C50&amp;ssl=1 48w\" sizes=\"(max-width: 529px) 100vw, 529px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Single Product Page Placement<\/strong> \u2013 A toggle switch to turn the element on or off for individual item pages. It includes a dropdown to choose the exact layout zone (e.g., <em>Before Product Summary<\/em>) and a priority field to adjust vertical stacking order.<\/li>\n\n\n\n<li><strong>Archive \/ Shop Page Placement<\/strong> \u2013 A toggle switch to inject compact viewer micro-indicators right inside shop grid columns and collection indexes.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Visibility<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">This section determines exactly which products or categories in your store will display the live visitor counts.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Visitor-Count-_-Visibility.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"816\" height=\"799\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Visitor-Count-_-Visibility.png?resize=816%2C799&#038;ssl=1\" alt=\"\" class=\"wp-image-104040\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Visitor-Count-_-Visibility.png?w=816&amp;ssl=1 816w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Visitor-Count-_-Visibility.png?resize=300%2C294&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Visitor-Count-_-Visibility.png?resize=768%2C752&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Visitor-Count-_-Visibility.png?resize=12%2C12&amp;ssl=1 12w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Visitor-Count-_-Visibility.png?resize=48%2C47&amp;ssl=1 48w\" sizes=\"(max-width: 816px) 100vw, 816px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Trigger Type<\/strong> \u2013 A dropdown menu to select where your visitor configuration applies across your store:\n<ul class=\"wp-block-list\">\n<li><strong>All Products<\/strong>: Activates the viewer tracker site-wide across every single product page.<\/li>\n\n\n\n<li><strong>Specific Products<\/strong>: Restricts the counter strictly to manually selected inventory items.<\/li>\n\n\n\n<li><strong>Specific Categories<\/strong>: Restricts the rule to show only on items belonging to chosen collections.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Exclude Products<\/strong> \u2013 A toggle switch that opens a search bar tool, allowing you to blacklist specific items and prevent them from ever showing viewer count metrics.<\/li>\n\n\n\n<li><strong>Exclude Categories<\/strong> \u2013 A toggle switch that enables category-level filtering. Flipping this open allows you to select whole collections or product groups that should never display a viewer counter.<\/li>\n\n\n\n<li><strong>Hide Out Of Stock Products<\/strong> \u2013 A toggle switch to handle inventory shortages. Turning this active automatically strips the counter away from items that are sold out, preventing social proof elements from rendering on unpurchasable products.<\/li>\n\n\n\n<li><strong>Devices<\/strong> \u2013 Responsive viewport buttons to control display behavior across different screens. You can independently click <strong>Desktop<\/strong>, <strong>Tablet<\/strong>, or <strong>Mobile<\/strong> to activate or deactivate the counter layout for specific device breakpoints, keeping mobile screens clean and uncluttered<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Style<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">The Style Tab controls the appearance of your visitor alerts based on your selected configuration path. When the Style dropdown is set to theme defaults, the notification box seamlessly inherits your store&#8217;s global template styling. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Visitor-Count-_-Style.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"559\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Visitor-Count-_-Style.png?resize=1024%2C559&#038;ssl=1\" alt=\"\" class=\"wp-image-104041\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Visitor-Count-_-Style.png?resize=1024%2C559&amp;ssl=1 1024w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Visitor-Count-_-Style.png?resize=300%2C164&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Visitor-Count-_-Style.png?resize=768%2C419&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Visitor-Count-_-Style.png?resize=18%2C10&amp;ssl=1 18w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Visitor-Count-_-Style.png?resize=48%2C26&amp;ssl=1 48w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Visitor-Count-_-Style.png?w=1082&amp;ssl=1 1082w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">However, switching this selector to custom rules immediately opens a dedicated panel of advanced design options, unlocking color pickers for the background block, borders, text typography, and separate text foreground accent fills. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">It also provides an option to customize the icon color alongside interactive slider bars to fine-tune font sizing, corner roundness, vertical padding, and horizontal boundary spaces.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Backend Preview<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">The admin configuration dashboard includes an interactive preview panel located directly on the right side of your settings area. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Visitor-Count-_-Backend-Preview.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"824\" height=\"246\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Visitor-Count-_-Backend-Preview.png?resize=824%2C246&#038;ssl=1\" alt=\"\" class=\"wp-image-104042\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Visitor-Count-_-Backend-Preview.png?w=824&amp;ssl=1 824w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Visitor-Count-_-Backend-Preview.png?resize=300%2C90&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Visitor-Count-_-Backend-Preview.png?resize=768%2C229&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Visitor-Count-_-Backend-Preview.png?resize=18%2C5&amp;ssl=1 18w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Visitor-Count-_-Backend-Preview.png?resize=48%2C14&amp;ssl=1 48w\" sizes=\"(max-width: 824px) 100vw, 824px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">This live mock-up system helps you instantly visualize your visual arrangements and template alignments before saving changes. It provides a real-time layout block of your custom notification text string (e.g., &#8220;Popular product: 8 viewers&#8221;), letting you preview your selected text colors, font sizing adjustments, and icon colors identically as they will appear to your customers.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Frontend Preview<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">The Visitor Counter addon injects urgency text indicators directly across your live storefront.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">On the Shop Page, a compact notification pill renders inside active catalog grid rows, displaying your icon, message, and counter beneath the product pricing. For any item added to your backend exclusion list, like the Logo Collection, the counter block remains completely hidden.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Visitor-Count-_-Frontend-preview.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"762\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Visitor-Count-_-Frontend-preview.png?resize=1000%2C762&#038;ssl=1\" alt=\"\" class=\"wp-image-104030\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Visitor-Count-_-Frontend-preview.png?w=1000&amp;ssl=1 1000w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Visitor-Count-_-Frontend-preview.png?resize=300%2C229&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Visitor-Count-_-Frontend-preview.png?resize=768%2C585&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Visitor-Count-_-Frontend-preview.png?resize=16%2C12&amp;ssl=1 16w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Visitor-Count-_-Frontend-preview.png?resize=48%2C37&amp;ssl=1 48w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">When a customer loads a Single Product Page, the widget anchors itself between the price and the description. Because the addon uses simulated visitor data, every time a user refreshes the page, the count will change randomly within your preset limits to mimic dynamic website traffic and drive immediate add-to-cart actions.<\/p>\n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>Plugin Installation This plugin eases your life as several Modules are integrated into a single plugin. You can easily enable a functionality using a button and add it to your site. This is the very first step. This will help you install the Store One plugin in your WordPress dashboard. Smart Offers Smart Offers Addon [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"template":"","meta":{"footnotes":""},"class_list":["post-99607","docs","type-docs","status-publish","hentry","docscate-lite-plugin","docscate-pro-plugin"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/themehunk.com\/wp-json\/wp\/v2\/docs\/99607","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themehunk.com\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/themehunk.com\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/themehunk.com\/wp-json\/wp\/v2\/users\/1"}],"version-history":[{"count":92,"href":"https:\/\/themehunk.com\/wp-json\/wp\/v2\/docs\/99607\/revisions"}],"predecessor-version":[{"id":105262,"href":"https:\/\/themehunk.com\/wp-json\/wp\/v2\/docs\/99607\/revisions\/105262"}],"wp:attachment":[{"href":"https:\/\/themehunk.com\/wp-json\/wp\/v2\/media?parent=99607"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}