Re: Why my store Add to cart not working?

Solved

Why isn't the add to cart button working in my store?

i_hussain
Excursionist
26 1 0

Today i Installed and setup facebook app and my business manager to my shopify store, after that i realized that my product add to buttons are not working as you can see in attached screenshot. What should i do now? my website is live www.jacketcreator.com. i deleted facebook but it's still not working.

 

Screenshot (1302).png

Accepted Solution (1)
tim
Shopify Partner
3630 314 1343

This is an accepted solution.

No this was not the code you have to add, it's a code already present in one of the versions of your theme which I recommended to remove.

 

If my post is helpful, consider liking it -- it will help others with similar problem to find a solution.
I can be reached via e-mail tairli@yahoo.com

View solution in original post

Replies 8 (8)
i_hussain
Excursionist
26 1 0

It's not working after clearing browser's cache, even i tried in different browsers and incognito mode as well.

tim
Shopify Partner
3630 314 1343

Have you edited any theme code?

The problem is that in the HTML served by your site I see this:

<script></div>
<!-- END sections: footer-group -->

The <script> opening tag is not closed and this prevents some of the base JS code from executing properly.

 

Hopefully, it is the only single stray tag at the bottom of the sections/footer.liquid and removing it will solve the problem.

 

If my post is helpful, consider liking it -- it will help others with similar problem to find a solution.
I can be reached via e-mail tairli@yahoo.com
i_hussain
Excursionist
26 1 0

yes i changed some codes in footer.liqued, now i restore it's original file so it's working fine but now some time of square box appearing in my website as you can see in screen shot. you can see the white box. you can see i did highight with red lines.

 

Screenshot (1303).png

Screenshot (1304).png

tim
Shopify Partner
3630 314 1343

Hmm, the black one  is due to some code, I believe in layouts/theme.liquid:  -- some kind of override for button pseudo-borders -- this is for mini-cart popup "View cart" button

<style>
@media only screen and (max-width: 767px) {
a.button.button--secondary:after {
    height: 100px;
    top: -29px;
    width: 100px;
    left: 10px;
}
}
@media screen and (min-width: 768px) {
a.button.button--secondary:after {
    height: 300px;
    top: -410px;
    width: 350px;
    left: -120px;
}
}
</style>

 

 White one -- the same code, but applies to the "View All" button which is shown white-on-white at the bottom of this section:

Screenshot 2024-04-22 at 6.58.10 pm.png

 

I have no idea why this code is there, I'd say comment it out or delete it altogether -- some arbitrary values in pixels...

If my post is helpful, consider liking it -- it will help others with similar problem to find a solution.
I can be reached via e-mail tairli@yahoo.com
i_hussain
Excursionist
26 1 0

code is not working, and i even don't why it was showing. so i restore the old theme.liquid file.

 

Thanks for you efforts

tim
Shopify Partner
3630 314 1343

This is an accepted solution.

No this was not the code you have to add, it's a code already present in one of the versions of your theme which I recommended to remove.

 

If my post is helpful, consider liking it -- it will help others with similar problem to find a solution.
I can be reached via e-mail tairli@yahoo.com

kaiyaa
Trailblazer
292 23 28

Hello @i_hussain 

This is showing two errors so you are facing this issue. Have you updated any code in theme?

kaiyaa_0-1713757474799.png


If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

Was I helpful? Buy me a coffee
For fast response Message me
Need Help Message me
i_hussain
Excursionist
26 1 0

yes i changed some codes in footer.liqued, now i restore it's original file so it's working fine but now some time of square box appearing in my website as you can see in screen shot. you can see the white box. you can see i did highight with red lines.

Screenshot (1304).png

Screenshot (1303).png