How to place FSB in cart drawer - Impulse

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

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

Next, you'll need to get into the code editing space. For that click on: 

1 ) Online Store

2) Themes

3) Then click the ellipses drop down(on the right side of the page)

4) Click 'Edit Code'

​​​

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

To place the bar above the subtotal:
In cart-drawer.liquid file find this section:

<div class="cart__item-sub cart__item-row">
   <div class="ajaxcart__subtotal">{{ 'cart.general.subtotal' | t }}</div>
   <div data-subtotal>{{ cart.total_price | money }}</div>
</div>

Above that section, copy and paste in this code:

<div id="fsb_placeholder" style="margin-bottom:44px;"></div>

Like so:

This should result in the bar loading above the Subtotal in the cart drawer.

To place the bar above the items near the top:

In cart-drawer.liquid file find this section:

<div class="drawer__inner">
<div class="drawer__scrollable">
<div data-products class="appear-animation appear-delay-2"></div>

Above that section, copy and paste in this code:

<div id="fsb_placeholder" style="margin-bottom:10px; min-height:31.5px;"></div>

Like so:

This should result in the bar loading above the items in the cart drawer.