Dawn theme showing price twice in checkout

Technical Q&A
, ,
1

website address is: happytappyshop.com

Thank you!

2

Hello @happytappy ,

Do you have any product which is available for purchase which I can add to cart and check the issue ?

Regards
Guleria

3

All products should be available, thank you.

4

Yes that should be but in your store all products are sold out.
Can you provide a link of any one product which is available at the moment ?

5

https://happytappyshop.com/products/ice-popsicles-fidget-clicker-with-wrist-17381?variant=51604685586768

6

Both of variants of this product is sold out.

7

I’m not really sure what suggest now as it’s all showing as in stock for me

8

Kindly make the product in stock so that we can provide you solution code.

9

Hi, I believe I may have fixed the issue now

10

Not sure its related, but there is a problem in your code (at least one).

sections/header.liquid originally has this code https://github.com/Shopify/dawn/blob/main/sections/header.liquid#L297-L304 :

{% javascript %}
  class StickyHeader extends HTMLElement {
    constructor() {
      super();
    }

    connectedCallback() {
      this.header = document.querySelector('.section-header');

Yours looks like this:

{% javascript %}
  class StickyHeader extends HTMLElement {
    constructor() {
      super();
    }
let items = document
    .querySelector(".header__inline-menu")
    .querySelectorAll("details");
for (const item of items) {
    item.addEventListener("mouseover", () => {
        item.setAttribute("open", true);
        item.querySelector("ul").addEventListener("mouseleave", () => {
            item.removeAttribute("open");
        });
        item.addEventListener("mouseleave", () => {
            item.removeAttribute("open");
        });
    });
}
Linking code in sections/header.liquid:

    connectedCallback() {
      this.header = document.querySelector('.section-header');

Which is a broken code – open menu on hover code pasted in a wrong place.

Please, restore to original.