Coding to get rid of unwanted message in cart section

Shopify Discussion
,
1

Hi! I have one problem. Since I am a dropshipper, I offer free shipping on my store. Currently, in the cart section underneath the “Subtotal” it says “Taxes and shipping will be calculated at checkout” underneath that is my terms and conditions checkbox app called “ROAR Terms and Conditions Checkbox”. I need a code to get rid of the “taxes and shipping will be calculated at checkout” but I need to make sure that the new code will still keep the terms and conditions checkbox. I use the refresh theme as the base template for my Shopify store. If you could provide me with a code and where to put it, that would be great.

2

Hi Jace2,

The code and where to put it will depend on which theme you’re using and which, if any, customizations have been made to the cart page. Please post a link to your store, I can probably show you how to add a CSS snippet for your cart page that will hide the text you’re wanting to hide, but this is impossible without me actually seeing the cart page on your store.

3

@evanc Hi! my store URL is https://newmillennia.shop/

Thanks for responding, haven’t got an answer for 3 weeks about this question haha.

Also I am using the Refresh Theme

4

Thanks @Jace2 , It looks like you figured it out? I don’t see the message you’re referring to on the cart page, there is no shipping info listed beneath the subtotal:

Screen Shot 2023-01-11 at 1.54.42 PM.png
Screen Shot 2023-01-11 at 1.54.42 PM.png888×940 59.8 KB

5

@evanc Hi! yes, it looks fine on the mobile version but on the desktop version, the checkout and subtotal section was moved way to the right. It is no longer on the left. I contacted Shopify support yesterday to get rid of the message which did work but now I don’t know how to get that section back over to the right. Do you know? Again, only on desktop version.

6

@Jace2 Great! To be honest, if I were you I’d ask the Shopify support rep that made the change to correct the alignment. However, if you feel comfortable editing code, I’d do this:

  1. Duplicate the active theme by going to Online Store > Themes, clicking the three dots on the active theme, and selecting ‘Duplicate’.

  2. Once the duplicate theme is created, select the three dots on the duplicate theme, and select ‘edit code’.

  3. In the left-hand sidebar, scroll down to the ‘Assets’ section and look for a file called component-cart.css or component-cart.liquid. Open this file if it exists.

  4. In the code editor, without changing any of the other styles, add this line of CSS to the top of the file:

.cart__footer>div.cart__blocks { margin-left: 0; }

  1. Then, save the file, and click “Preview Store” on the top right. If the cart page looks correct, then make the same changes from steps 3 and 4 in the production theme to apply it to production.
7

@evanc Hey! Everything looks and works great now. Thanks to you! Appreciate it.