How to add a free shipping logo and remove 'shipping calculated at checkout' in Dawn?

Store Design
1

How can i remove the “shipping calculated at check out” and add a free shipping logo under my price.

2

Hi @markopolo508 ,

Could you please share URL and your store password if it enabled? So that we can help you.
Thank you.

3

https://myeventproducts.com/

4

Hi @markopolo508 ,

This is Victor from PageFly - Landing page builder, I’d like to suggest this idea:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/section-main-product.css->paste below code at the bottom of the file:

.product__tax.caption.rte {
    display: none;
    
}
div#ProductInfo-template--17603381297432__main > div:nth-child(5):before {
    content: "Free shipping";
}

PageFlyVictor_0-1677875481060.png
PageFlyVictor_0-1677875481060.png323×105 2.75 KB

Hope my answer will help you.

Best regards,

Victor | PageFly

5

Thank you for the quick response. It worked perfectly!
If you dont mind me asking two other questions

  1. Is there a way to add a free shipping image to go along with it?
  2. how can i remove from checkout the Taxes and shipping calculated at
    checkout" and have it just say free shipping ?

Thank you!

6

  1. I’m sorry but this is out of my scope

  2. You can try this code below and add it to component-totals.css:

h2.totals__subtotal:after {
    content: "\A FREE SHIPPING";
    white-space: pre;
    position: relative;
    top: 10px
}
h2.totals__subtotal {
    top: 19px;
    position: relative
}

small.tax-note.caption-large.rte {
    display: none;
}
.totals {
    padding-bottom: 30px;
}