How to place FSB in cart drawer - Ride

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

**Please note: Due to conflict between theme design and app design, the bar may not display 100% of the time when the first item is added to the cart. But it usually does for subsequent items.

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.

 

 

In that file find this section:

 <cart-drawer-items
{% if cart == empty %}
class=" is-empty"
{% endif %}
>

Just above that section, copy and paste in this code:

<div id="fsb_placeholder" style="min-height:40px; margin: 6px 0;">&nbsp;</div> 

Like so:

 

Save and test.