How to place FSB in cart page above subtotal - Symmetry

Follow these instructions to insert the Free Shipping Bar into the cart page above the Subtotal for the theme Symmetry.

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 the ellipses drop down(on the right side of the page)

4) Click 'Edit Code'

​​​

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

Screen_Shot_2022-09-15_at_5.40.29_PM.png

Screen_Shot_2022-09-15_at_5.41.03_PM.png


In that file find this section:

<div class="checkout-subtotal-container__right column column--half">



Just below that line, copy and paste in this code:

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

Like so:

Screen_Shot_2022-09-15_at_5.42.00_PM.png


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


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