How to place FSB in cart drawer - Boundless

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

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

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 Layout folder. In there you'll find the file theme.liquid. Open that file.

In that file find this section:

<div id="CartDrawer" class="drawer drawer--right drawer--has-fixed-footer">
  <div class="drawer__header">
  <div class="drawer__close">
  <button type="button" class="drawer__close-button js-drawer-close">
  <span class="icon icon-x" aria-hidden="true"></span>
  <span class="icon__fallback-text">{{ 'cart.general.close_cart' | t }}</span>
  </button>
</div>

After that section, copy and paste in this code:

<div id="fsb_placeholder" style="width: 80%;">&nbsp;</div> 

Like so:

Save the theme and test.

This should be the result:

The bar cannot be placed underneath the items, or lower down in the cart, unfortunately, due to that section of the cart being dynamically loaded.