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

[i_hussain]

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.

 

[i_hussain]

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

[tim]

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.

[i_hussain]

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.

[tim]

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:

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

[i_hussain]

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 · 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.

[i_hussain]

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.