Website Loading Big Checkmark before homepage load - Loading cart first?

Theme Dawn 4.0

This was the first checkmark issue:
https://imgur.com/a/eOZ76YX

then it was fixed by making this code a comment like so:

https://imgur.com/a/TWLOkst

but now a slight new issue which leads me to believe the website is loading the cart before the website:
https://imgur.com/a/dbGajqL

1 Like

@erawinofficial

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

era.win
pw erawinerawin

1 Like

@erawinofficial

We have checked for this issue in real system and browserstack but it is working ok. In which system configuration or browser you are checking?

Hi @KetanKumar

I am checking in Chrome and I also see the issue in Edge. It doesn’t happen on page refresh I think, but it happens from when going from Google for example to our website.

Thank you

It doesn’t happen every time either and it is harder to notice now that I have removed the check mark, but when it does happen its actually really hard to see it. I was barely able to stop the browser and capture that screenshot it look me 10 minutes. It is quite annoying seeing the frame skip to then to homepage though. It looks quite unprofessional.

Tried Firefox I don’t see the problem. I also tried Google Chrome Incognito and didn’t see the problem there either. Which led me to believe it was an extension I have, so I disabled all my extensions, cleared cookies/cache, but no luck out of incognito. I had a friend also try on Chrome & Edge and the issue persists on these 2 browsers for them.

1 Like

@erawinofficial

sorry i can’t see but can you try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/style.css ->paste below code at the bottom of the file.
.cart-notification {
    display: none !important;
}
1 Like

@KetanKumar

That fixes the issue actually but it removes the ‘Add to Cart’ notification functionality completely which is quite useful to assist the customer in proceeding to checkout.

Image of what it removes:
https://imgur.com/a/b7nGL7H

Appreciate all the help so far with this…

1 Like

@erawinofficial

i can see you have comment SVG code i thing now working fine

The method of making it a comment also removes the check mark from the pop up add to cart box. Use method below instead to fix it. I found it on github.

Go to edit code and find this ----> cart-notification.liquid

You have to relocate/move the style tag shown below in the pictures:

Move it right above

I read on github from user ComicDansMS that The style tag sits after the liquid block instead of before it, which causes the element to be rendered before the style is loaded.

see pictures for before and after for proper placing of code.

Wrong location:

Right Location

![checkmark two.png|1842x665](upload://w7O7ppJZ64zGwX3sHj9ge13kcMz.png)
2 Likes

@11rv11

can you please try this way

2 Likes

That way works, but it also removes the checkmark from the pop up add to cart notification. The way I mentioned, doesn’t remove the checkmark. Both ways fix it, but one leaves the checkmark.

If you just relocate/ move the the code you get the cart notification like this with white a checkmark, like below.

![check1.png|388x275](upload://ikqJmMdyjmaUe0gFIevBl5lwklL.png)

If you delete the code you mentioned or the comment method, it removes the check mark from the pop up add to cart, like below.

![check2.png|357x257](upload://8RsNr7iVJpWnewozPIqfuuqLGPJ.png)
2 Likes

@11rv11

ok remove comment again and show checkbox icon after add this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/base.css ->paste below code at the bottom of the file.
.cart-notification__heading .icon-checkmark{display: none;}
.cart-notification.active .icon.icon-checkmark {display: block;}
1 Like

Nice. That seems to work, and the checkmark also stays on cart pop up. Thanks.

2 Likes

This ended up being my solution, I have reverted my checkmark comment code as well now.

Browsing from any webpage back to my website does not flash the add to cart notification and I also have the little checkmark back! I was beginning to think this wasn’t going to get resolved, so I thank you a ton for finding that Github post, now I wonder how you found it because I was scouring the internet everywhere for a fix!

Unsure what further work you and Ketan did there after your post and what it resolved, but it seems just moving that block of code above the liquid code was my fix.

I appreciate all the help @11rv11 & @KetanKumar ! I will leave this post up for others suffering this annoying bug

1 Like

You’re welcome! I just searched ( dawn check mark loading shopify ) and it came up as the 4th result in google search.

Have a good day!

@erawinofficial

its my pleasure to help us