How to place FSB in cart notification - Sense

Follow these instructions to insert the Free Shipping Bar into the cart notification for the theme Sense.

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

 

Next, you'll need to get into the code editing space. For that click on: 
1 ) Online Store
2) Themes
3) Then click Actions drop down(on the right side of the page) and click 'Edit Code'

 

 

On the left hand side, open the the Snippets folder. 
 

Screen_Shot_2022-08-18_at_3.24.21_PM.png



In there you'll find the file cart-notification.liquid. Open that file.

 

Screenshot 2024-01-29 at 2.51.43 PM.png


In that file find this section:

<div
id="cart-notification"
class="cart-notification focus-inset{% if color_scheme %} color-{{ color_scheme }} gradient{% endif %}"
aria-modal="true"
aria-label="{{ 'general.cart.item_added' | t }}"
role="dialog"
tabindex="-1"
>


 
After that section, copy and paste in this code:

<div id="fsb_placeholder" style="margin-bottom:8px;">&nbsp;</div>

 
Like so:
Screenshot 2024-01-29 at 3.28.36 PM.png

 

Save and test by visiting your shop and adding an item to the cart.

 

This should be the result:

Screenshot 2024-01-29 at 3.24.57 PM.png

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