Changes in snipcart-summary-fees__notice

Not showing up changes in the division with new text.

<div hidden id="snipcart" data-api-key="I have used my API KEY here>
				    <component-to-override section="snipcart-cart__content">
				        <!-- You can't have more than one root element in your template. -->
				        <div class="snipcart-summary-fees__notice">
									 <p>
									 Shipping and taxes will be calculated at checkout.
									 We will require some information from you to complete the service. We will collect this infomation from you after checkout.
								 	</p>
								</div>


				    </component-to-override>
				</div>

Hi @Deep,

There are a few issues in the Snippet you provided. Doing the following changes should do the trick:

  • “component-to-override” should be replaced with the name of the component you’d like to override. In this case, I believe summary-fees.
  • The section attribute must link to “section” we’ve defined, not a class. In this case, none are available for the summary-fees component, so you’ll need to paste the content of the original template here.

Here’s quick example for the snipcart-summary-fees:

<div hidden id="snipcart" data-api-key="YOUR_API_KEY_HERE">
    <summary-fees>
        <div class="root">
            <!-- Your custom markup here -->
         </div>
    </summary-fees>
</div>

I hope this helps, and don’t hesitate to let us know if you need any further assistance!