[{"data":1,"prerenderedAt":639},["ShallowReactive",2],{"navigation_docs":3,"-docs-apps-depositfee-depositfee-display-matching-fees-on-product-pages":258,"-docs-apps-depositfee-depositfee-display-matching-fees-on-product-pages-surround":634},[4,8,252],{"title":5,"path":6,"stem":7},"Getting Started","/docs","docs/index",{"title":9,"path":10,"stem":11,"children":12,"page":251},"Apps","/docs/apps","docs/apps",[13,23,57,139,145,167,189,219,241],{"title":14,"path":15,"stem":16,"children":17},"Badgefly - Product personalizer","/docs/apps/badgerfly","docs/apps/badgerfly/index",[18,19],{"title":14,"path":15,"stem":16},{"title":20,"path":21,"stem":22},"Installation Instructions for Badgerfly Product Customizer","/docs/apps/badgerfly/badgerfly-installation-badgerfly-product-customizer","docs/apps/badgerfly/badgerfly-installation-badgerfly-product-customizer",{"title":24,"path":25,"stem":26,"children":27},"BundleDiz- Create Combo Products","/docs/apps/bundleone","docs/apps/bundleone/index",[28,29,33,37,41,45,49,53],{"title":24,"path":25,"stem":26},{"title":30,"path":31,"stem":32},"Bundle creation","/docs/apps/bundleone/bundleone-bundle-creation","docs/apps/bundleone/bundleone-bundle-creation",{"title":34,"path":35,"stem":36},"How to create BUY1GETX offer on Shopify?","/docs/apps/bundleone/bundleone-how-to-create-buy1getx-offer-on-shopify","docs/apps/bundleone/bundleone-how-to-create-buy1getx-offer-on-shopify",{"title":38,"path":39,"stem":40},"How the inventory works","/docs/apps/bundleone/bundleone-how-to-track-inventories","docs/apps/bundleone/bundleone-how-to-track-inventories",{"title":42,"path":43,"stem":44},"Installation Manual for Bundlediz","/docs/apps/bundleone/bundleone-installation-manual-for-bundlediz","docs/apps/bundleone/bundleone-installation-manual-for-bundlediz",{"title":46,"path":47,"stem":48},"Set up a custom price for your bundle","/docs/apps/bundleone/bundleone-set-up-a-custom-price-for-your-bundle","docs/apps/bundleone/bundleone-set-up-a-custom-price-for-your-bundle",{"title":50,"path":51,"stem":52},"Why discount is not  adding to the checkout?","/docs/apps/bundleone/bundleone-why-discount-is-not-adding-to-the-checkout","docs/apps/bundleone/bundleone-why-discount-is-not-adding-to-the-checkout",{"title":54,"path":55,"stem":56},"How to add Fees to Product Bundles individually in Shopify","/docs/apps/bundleone/depositfee-how-to-add-fees-to-product-bundles-individually-in-shopify","docs/apps/bundleone/depositfee-how-to-add-fees-to-product-bundles-individually-in-shopify",{"title":58,"path":59,"stem":60,"children":61},"Pfand - Deposit & Cart Fee","/docs/apps/depositfee","docs/apps/depositfee/index",[62,63,67,71,75,79,83,87,91,95,99,103,107,111,115,119,123,127,131,135],{"title":58,"path":59,"stem":60},{"title":64,"path":65,"stem":66},"Add Deposit / Cart Fees to Shopify POS (One-time + Multiple)","/docs/apps/depositfee/depositfee-add-deposit-cart-fees-to-shopify-pos-percentage-fees","docs/apps/depositfee/depositfee-add-deposit-cart-fees-to-shopify-pos-percentage-fees",{"title":68,"path":69,"stem":70},"DepositFee: Apply discount only on products (ignore fee amounts in bundled carts)","/docs/apps/depositfee/depositfee-discount-ignoring-fees-for-bundle-product-carts","docs/apps/depositfee/depositfee-discount-ignoring-fees-for-bundle-product-carts",{"title":72,"path":73,"stem":74},"Display Matching Fees Banner on Product Pages","/docs/apps/depositfee/depositfee-display-matching-fees-on-product-pages","docs/apps/depositfee/depositfee-display-matching-fees-on-product-pages",{"title":76,"path":77,"stem":78},"FAQ","/docs/apps/depositfee/depositfee-faq-why-fees-are-not-adding","docs/apps/depositfee/depositfee-faq-why-fees-are-not-adding",{"title":80,"path":81,"stem":82},"DepositFee Fee Strategy: Bundle with Product vs Bundle with Fees","/docs/apps/depositfee/depositfee-fee-strategy-bundle-fee-vs-bundle-product","docs/apps/depositfee/depositfee-fee-strategy-bundle-fee-vs-bundle-product",{"title":84,"path":85,"stem":86},"Add fees to individual or multiple products inside Product Bundle in Shopify","/docs/apps/depositfee/depositfee-how-to-add-fees-to-products-inside-bundle-product-on-shopify","docs/apps/depositfee/depositfee-how-to-add-fees-to-products-inside-bundle-product-on-shopify",{"title":88,"path":89,"stem":90},"How To Create Percentage based Product / Cart fees on Shopify","/docs/apps/depositfee/depositfee-how-to-create-percentage-based-product-cart-fees-on-shopify","docs/apps/depositfee/depositfee-how-to-create-percentage-based-product-cart-fees-on-shopify",{"title":92,"path":93,"stem":94},"How to create Pfand deposit fees in Shopify","/docs/apps/depositfee/depositfee-how-to-create-pfand-deposit-fees-in-shopify","docs/apps/depositfee/depositfee-how-to-create-pfand-deposit-fees-in-shopify",{"title":96,"path":97,"stem":98},"How to create range based fees in Shopify","/docs/apps/depositfee/depositfee-how-to-create-range-based-fee-in-shopify","docs/apps/depositfee/depositfee-how-to-create-range-based-fee-in-shopify",{"title":100,"path":101,"stem":102},"How to create Surcharge Fees in shopify?","/docs/apps/depositfee/depositfee-how-to-create-surcharge-fees-in-shopify","docs/apps/depositfee/depositfee-how-to-create-surcharge-fees-in-shopify",{"title":104,"path":105,"stem":106},"How to display Fee items text in Cart  below subtotal section in Shopify","/docs/apps/depositfee/depositfee-how-to-display-fee-items-text-in-cart-below-subtotal-section-in-shopify","docs/apps/depositfee/depositfee-how-to-display-fee-items-text-in-cart-below-subtotal-section-in-shopify",{"title":108,"path":109,"stem":110},"How to Hide Fee to appear as Product  in cart page.","/docs/apps/depositfee/depositfee-how-to-hide-fee-to-appear-in-cart-page","docs/apps/depositfee/depositfee-how-to-hide-fee-to-appear-in-cart-page",{"title":112,"path":113,"stem":114},"How to hide Fees from Collection & Home page?","/docs/apps/depositfee/depositfee-how-to-hide-fees-from-collection-home-page","docs/apps/depositfee/depositfee-how-to-hide-fees-from-collection-home-page",{"title":116,"path":117,"stem":118},"How to hide the fees from search results?","/docs/apps/depositfee/depositfee-how-to-hide-the-fees-from-search-results","docs/apps/depositfee/depositfee-how-to-hide-the-fees-from-search-results",{"title":120,"path":121,"stem":122},"How To Return Deposit Fee to customer","/docs/apps/depositfee/depositfee-how-to-return-deposit-fee-to-customer","docs/apps/depositfee/depositfee-how-to-return-deposit-fee-to-customer",{"title":124,"path":125,"stem":126},"How to Create Optional Fees in Shopify |  Manual mode.","/docs/apps/depositfee/depositfee-how-to-setup-manual-mode","docs/apps/depositfee/depositfee-how-to-setup-manual-mode",{"title":128,"path":129,"stem":130},"How to target my customers using deposit fees","/docs/apps/depositfee/depositfee-how-to-target-my-customers-using-deposit-fees","docs/apps/depositfee/depositfee-how-to-target-my-customers-using-deposit-fees",{"title":132,"path":133,"stem":134},"Installation & Update Manual","/docs/apps/depositfee/depositfee-installation-manual-pfand","docs/apps/depositfee/depositfee-installation-manual-pfand",{"title":136,"path":137,"stem":138},"Return Pfand in Shopify POS (Apply Return Credit)","/docs/apps/depositfee/depositfee-pos-return-pfand-credit","docs/apps/depositfee/depositfee-pos-return-pfand-credit",{"title":140,"path":141,"stem":142,"children":143},"Feedback Kitty","/docs/apps/feedback-kitty","docs/apps/feedback-kitty/index",[144],{"title":140,"path":141,"stem":142},{"title":146,"path":147,"stem":148,"children":149},"Job Portal - Create Career Landing page on Shopify.","/docs/apps/jobportal","docs/apps/jobportal/index",[150,151,155,159,163],{"title":146,"path":147,"stem":148},{"title":152,"path":153,"stem":154},"Ask Custom question to on application form","/docs/apps/jobportal/jobfly-ask-custom-question-to-on-application-form","docs/apps/jobportal/jobfly-ask-custom-question-to-on-application-form",{"title":156,"path":157,"stem":158},"Creating Career landing page on Shopify","/docs/apps/jobportal/jobfly-creating-career-landing-page-on-shopify","docs/apps/jobportal/jobfly-creating-career-landing-page-on-shopify",{"title":160,"path":161,"stem":162},"Job portal installation","/docs/apps/jobportal/jobfly-job-portal-installation","docs/apps/jobportal/jobfly-job-portal-installation",{"title":164,"path":165,"stem":166},"How to write good  job description with Images","/docs/apps/jobportal/jobfly-what-should-i-write-in-job-description","docs/apps/jobportal/jobfly-what-should-i-write-in-job-description",{"title":168,"path":169,"stem":170,"children":171},"NoaxAI - Transform Your Customer Service with AI","/docs/apps/noaxai","docs/apps/noaxai/index",[172,173,177,181,185],{"title":168,"path":169,"stem":170},{"title":174,"path":175,"stem":176},"NoaxAI Advanced Configuration - Expert Settings & Features","/docs/apps/noaxai/noaxai-advanced-configuration","docs/apps/noaxai/noaxai-advanced-configuration",{"title":178,"path":179,"stem":180},"NoaxAI Custom Responses - Personalize Your AI Assistant","/docs/apps/noaxai/noaxai-custom-responses","docs/apps/noaxai/noaxai-custom-responses",{"title":182,"path":183,"stem":184},"NoaxAI Installation Guide - Quick Setup for Your Store","/docs/apps/noaxai/noaxai-installation-guide","docs/apps/noaxai/noaxai-installation-guide",{"title":186,"path":187,"stem":188},"How to Train Your NoaxAI Assistant - Complete Guide","/docs/apps/noaxai/noaxai-training-guide","docs/apps/noaxai/noaxai-training-guide",{"title":190,"path":191,"stem":192,"children":193},"Onboardly - Onboard users to know you Site Better","/docs/apps/onboardly","docs/apps/onboardly/index",[194,195,199,203,207,211,215],{"title":190,"path":191,"stem":192},{"title":196,"path":197,"stem":198},"Best Practices for Creating Effective Onboarding Tours with Onboardly","/docs/apps/onboardly/onboardly-best-practices","docs/apps/onboardly/onboardly-best-practices",{"title":200,"path":201,"stem":202}," Install the Onboardly App in Shopify","/docs/apps/onboardly/onboardly-installation-shopify","docs/apps/onboardly/onboardly-installation-shopify",{"title":204,"path":205,"stem":206},"Install the Onboardly App in Wix","/docs/apps/onboardly/onboardly-installation-wix","docs/apps/onboardly/onboardly-installation-wix",{"title":208,"path":209,"stem":210},"How to Use the Onboardly App Dashboard","/docs/apps/onboardly/onboardly-using-dashboard","docs/apps/onboardly/onboardly-using-dashboard",{"title":212,"path":213,"stem":214},"How to Use the Onboardly App on Your Shopify Site","/docs/apps/onboardly/onboardly-using-on-site-shopify","docs/apps/onboardly/onboardly-using-on-site-shopify",{"title":216,"path":217,"stem":218},"How to Use the Onboardly App on Your Wix Site","/docs/apps/onboardly/onboardly-using-on-site-wix","docs/apps/onboardly/onboardly-using-on-site-wix",{"title":220,"path":221,"stem":222,"children":223},"RoundHoop - Rounding to nearest cents POS","/docs/apps/roundhoop","docs/apps/roundhoop/index",[224,225,229,233,237],{"title":220,"path":221,"stem":222},{"title":226,"path":227,"stem":228},"Automatic Rounding is here for RoundHoop! POS","/docs/apps/roundhoop/roundhoop-adding-auto-round-ups-to-cart","docs/apps/roundhoop/roundhoop-adding-auto-round-ups-to-cart",{"title":230,"path":231,"stem":232},"Creating Round Ups in POS to nearest cent | Shopify","/docs/apps/roundhoop/roundhoop-creating-rounding-pos-shopify","docs/apps/roundhoop/roundhoop-creating-rounding-pos-shopify",{"title":234,"path":235,"stem":236},"Enable RoundHoop POS Extension in POS","/docs/apps/roundhoop/roundhoop-installation","docs/apps/roundhoop/roundhoop-installation",{"title":238,"path":239,"stem":240},"Managing Home Screen Tiles and Visibility in RoundHoop POS","/docs/apps/roundhoop/roundhoop-managing-home-screen-tiles-visibility","docs/apps/roundhoop/roundhoop-managing-home-screen-tiles-visibility",{"title":242,"path":243,"stem":244,"children":245},"TodoGenie - Shoplist To Cart","/docs/apps/shotgenieai","docs/apps/shotgenieai/index",[246,247],{"title":242,"path":243,"stem":244},{"title":248,"path":249,"stem":250},"TodoGenie - Shoplist To Cart Installation Guide","/docs/apps/shotgenieai/shotgenieai-installation-guide","docs/apps/shotgenieai/shotgenieai-installation-guide",false,{"title":253,"path":254,"stem":255,"children":256},"ChangeLog","/docs/changelog","docs/changelog/index",[257],{"title":253,"path":254,"stem":255},{"id":259,"title":72,"body":260,"description":621,"extension":622,"links":623,"meta":624,"navigation":631,"path":73,"seo":632,"stem":74,"__hash__":633},"docs/docs/apps/depositfee/depositfee-display-matching-fees-on-product-pages.md",{"type":261,"value":262,"toc":612},"minimark",[263,271,276,279,292,303,307,317,321,337,340,345,356,371,374,384,388,395,562,566,608],[264,265,266],"p",{},[267,268],"img",{"alt":269,"src":270},"feenoticebanner","https://i.ibb.co/GQBwSvcN/image.png",[272,273,275],"h2",{"id":274},"requirement","Requirement",[264,277,278],{},"If you ever wanted to showcase the fee LABEL/BADGE on your product page? This will surely help in many ways and works intelligently.",[280,281,282,286,289],"ul",{},[283,284,285],"li",{},"1. Giving user's consent before purchasing.",[283,287,288],{},"2. Complying with Legal Rules (EU GDPR)",[283,290,291],{},"3. Shows the fee which is assigned to the particular product, if no fee is assigned to it will not appear.",[264,293,294,295,302],{},"For the above reason, we thought to publish this feature to the app & its finally here , Thanks & shout out - to ",[296,297,301],"a",{"href":298,"rel":299,"title":298},"https://sweet-street-gmbh.myshopify.com/",[300],"nofollow","sweet-street.de"," store, for allowing us to know it better.",[272,304,306],{"id":305},"demo","Demo",[264,308,309],{},[296,310,313],{"href":311,"rel":312},"https://youtu.be/ZlsNEh0Jzds",[300],[267,314],{"alt":315,"src":316},"Watch Video","https://img.youtube.com/vi/ZlsNEh0Jzds/hqdefault.jpg",[272,318,320],{"id":319},"installation-recommended","Installation (Recommended)",[264,322,323,324,328,329,332,333,336],{},"1. Open ",[325,326,327],"strong",{},"Online Store → Customize",".\n2. Go to a product page template.\n3. Click ",[325,330,331],{},"Add block"," and select ",[325,334,335],{},"Fee notice",".\n4. Drag the block where you want it to appear (usually near the price or add-to-cart).",[264,338,339],{},"The block will always show inside the theme editor for easy styling. On the live storefront it will only appear if the product has a fee assigned.",[341,342,344],"h3",{"id":343},"tokens","Tokens",[264,346,347,348,351,352,355],{},"You can use these tokens in both ",[325,349,350],{},"Header text"," and ",[325,353,354],{},"Content",":",[280,357,358,365],{},[283,359,360,364],{},[361,362,363],"code",{},"{feename}"," → fee name",[283,366,367,370],{},[361,368,369],{},"{feeprice}"," → fee price",[264,372,373],{},"Example:",[375,376,381],"pre",{"className":377,"code":379,"language":380},[378],"language-text","Header text: Additional fee for {feename}\nContent: An additional fee of {feeprice} will be added to the cart for this product.\n","text",[361,382,379],{"__ignoreMap":383},"",[272,385,387],{"id":386},"manual-installation-legacy","Manual Installation (Legacy)",[264,389,390,391,394],{},"If you prefer manual theme edits, place this block in your product template (e.g., ",[361,392,393],{},"main-product.liquid","):",[375,396,400],{"className":397,"code":398,"filename":393,"language":399,"meta":383,"style":383},"language-html shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cdiv class=\"pfandfee_label\"\n  borderColor=\"#f8ca79\"\n  bgColor=\"rgba(248,202,121,.2)\"\n  textColor=\"#002133\"\n  headerText=\"Additional fee for {feename}\"\n  headerTextColor=\"#002133\"\n  headerBgColor=\"#9ad0ff\"\n  borderRadius=\"12\"\n  feetxt=\"An additional fee of {feeprice} will be added to the cart for this product.\"\n>\u003C/div>\n","html",[361,401,402,432,447,462,477,492,506,521,536,551],{"__ignoreMap":383},[403,404,407,411,415,419,422,425,429],"span",{"class":405,"line":406},"line",1,[403,408,410],{"class":409},"sMK4o","\u003C",[403,412,414],{"class":413},"swJcz","div",[403,416,418],{"class":417},"spNyl"," class",[403,420,421],{"class":409},"=",[403,423,424],{"class":409},"\"",[403,426,428],{"class":427},"sfazB","pfandfee_label",[403,430,431],{"class":409},"\"\n",[403,433,435,438,440,442,445],{"class":405,"line":434},2,[403,436,437],{"class":417},"  borderColor",[403,439,421],{"class":409},[403,441,424],{"class":409},[403,443,444],{"class":427},"#f8ca79",[403,446,431],{"class":409},[403,448,450,453,455,457,460],{"class":405,"line":449},3,[403,451,452],{"class":417},"  bgColor",[403,454,421],{"class":409},[403,456,424],{"class":409},[403,458,459],{"class":427},"rgba(248,202,121,.2)",[403,461,431],{"class":409},[403,463,465,468,470,472,475],{"class":405,"line":464},4,[403,466,467],{"class":417},"  textColor",[403,469,421],{"class":409},[403,471,424],{"class":409},[403,473,474],{"class":427},"#002133",[403,476,431],{"class":409},[403,478,480,483,485,487,490],{"class":405,"line":479},5,[403,481,482],{"class":417},"  headerText",[403,484,421],{"class":409},[403,486,424],{"class":409},[403,488,489],{"class":427},"Additional fee for {feename}",[403,491,431],{"class":409},[403,493,495,498,500,502,504],{"class":405,"line":494},6,[403,496,497],{"class":417},"  headerTextColor",[403,499,421],{"class":409},[403,501,424],{"class":409},[403,503,474],{"class":427},[403,505,431],{"class":409},[403,507,509,512,514,516,519],{"class":405,"line":508},7,[403,510,511],{"class":417},"  headerBgColor",[403,513,421],{"class":409},[403,515,424],{"class":409},[403,517,518],{"class":427},"#9ad0ff",[403,520,431],{"class":409},[403,522,524,527,529,531,534],{"class":405,"line":523},8,[403,525,526],{"class":417},"  borderRadius",[403,528,421],{"class":409},[403,530,424],{"class":409},[403,532,533],{"class":427},"12",[403,535,431],{"class":409},[403,537,539,542,544,546,549],{"class":405,"line":538},9,[403,540,541],{"class":417},"  feetxt",[403,543,421],{"class":409},[403,545,424],{"class":409},[403,547,548],{"class":427},"An additional fee of {feeprice} will be added to the cart for this product.",[403,550,431],{"class":409},[403,552,554,557,559],{"class":405,"line":553},10,[403,555,556],{"class":409},">\u003C/",[403,558,414],{"class":413},[403,560,561],{"class":409},">\n",[272,563,565],{"id":564},"customization-notes","Customization Notes",[280,567,568,587,593],{},[283,569,570,573,574,573,577,573,580,573,583,586],{},[361,571,572],{},"borderColor",", ",[361,575,576],{},"bgColor",[361,578,579],{},"textColor",[361,581,582],{},"headerTextColor",[361,584,585],{},"headerBgColor"," accept hex or named colors.",[283,588,589,592],{},[361,590,591],{},"borderRadius"," accepts a number (px).",[283,594,595,596,351,598,600,601,351,604,607],{},"Tokens ",[361,597,363],{},[361,599,369],{}," are supported in both ",[361,602,603],{},"headerText",[361,605,606],{},"feetxt",".",[609,610,611],"style",{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":383,"searchDepth":434,"depth":434,"links":613},[614,615,616,619,620],{"id":274,"depth":434,"text":275},{"id":305,"depth":434,"text":306},{"id":319,"depth":434,"text":320,"children":617},[618],{"id":343,"depth":449,"text":344},{"id":386,"depth":434,"text":387},{"id":564,"depth":434,"text":565},"Customization: Show Fees Banner when product has fee aligned to it on Product pages","md",null,{"date":625,"banner":626,"categories":627,"tags":629},"2022-07-28","https://i.ibb.co/8BnDGBk/image.png",[628],"depositfee",[630],"customization",true,{"title":72,"description":621},"qaos11tqCB8aW1QmUtbKg6SsejuvEfpjrt0U3WMibHo",[635,637],{"title":68,"path":69,"stem":70,"description":636,"children":-1},"Create discounts that ignore deposit_fee lines and embedded bundle_product fee amounts, so percentage discounts apply only to real product value.",{"title":76,"path":77,"stem":78,"description":638,"children":-1},"Faqs related to common question asked on Deposit fee app",1776406889020]