How to place FSB in cart drawer - Crave


Follow these instructions to insert the Free Shipping Bar into the cart drawer for the theme Crave.


First, ensure that the bar is set to manual placement in the bar configurations:


Screen_Shot_2022-08-18_at_1.23.39_PM.png


On the left hand side, open the the Snippets folder. In there you'll find the file cart-drawer.liquid. Open that file.


Screen_Shot_2022-08-18_at_3.24.21_PM.png


Screen_Shot_2022-08-18_at_3.58.01_PM.png



In that file find this section:

 <div class="drawer__header">
<h2 class="drawer__heading">{{ 'sections.cart.title' | t }}</h2>
<button class="drawer__close" type="button" onclick="this.closest('cart-drawer').close()" aria-label="{{ 'accessibility.close' | t }}">{% render 'icon-close' %}</button>
</div>


 
After that section, copy and paste in this code:


<div id="fsb_placeholder"></div> <div>&nbsp;</div>

Like so:

Screen_Shot_2022-08-18_at_3.48.22_PM.png


This should be the result:


Screen_Shot_2022-08-18_at_3.47.47_PM.png

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us