Add to Cart button on Image Frame not working

edited August 2025 in WooCommerce

On my Shop page, I have the image frames enabled so that, when a user hovers over my product, they can click to add to cart, view product, or see a quick view. However, in my case, both the 'add to cart' and 'view product' buttons on my image frame both link to the individual product page. I want the 'add to cart' button to do what it's supposed to: add it to cart.

Here's my preview link. You can hover over any product, click the 'add to cart' icon on the image and see what i mean. I don't know what to do or how to fix this.


Another note: I notice when inspecting my 'add to cart' element vs. a prebuilt BeTheme website's 'add to cart' button, the <a href=""> is different, causing the problem. My href is linking to the page whereas it should be something like <a href="?add-to-cart=PRODUCT_ID">...</a>. Please help.

Comments

  • Hello,

    Please, turn off all of the plugins, refresh your cache, and check if the problem persists.

    Moreover, if you use a child theme, switch to the parent, and recheck it.

    Thanks

  • @Phil Hey there Phil, I have found the culprit: It's the plugin 'YITH WooCommerce Product Add-ons & Extra Options'. Here's the plugin homepage: [Links visible only for registered users]


    This is kind of an important plugin to have on my site, as it is used for product add-ons for my products. Do you have advice as to how I can combat this or suggestions as to what you would do in my shoes? Thanks!

  • Sorry, but we did not test this plugin with the theme. Our policy states that we do not support third-party plugins or custom code, so, unfortunately, we cannot help you.

    Also, we cannot recommend any plugins other than the ones we support. You can find the list on this page:

    https://support.muffingroup.com/documentation/bundled-plugins/#compatibility

    So, regarding this issue, you should contact the plugin author to resolve this.

    The only thing that comes to my mind that might help is to disable the AJAX option in the WooCommerce settings:

    Thanks

  • Thanks for the help! I ended up just uninstalling the plugin and found a different one that achieves the same result. Thanks Phil!

Sign In or Register to comment.
This website uses cookies

We use cookies to personalise content and ads, to provide social media features and to analyse our traffic. We also share information about your use of our site with our social media, advertising and analytics partners who may combine it with other information that you’ve provided to them or that they’ve collected from your use of their services.

Cookies are small text files that can be used by websites to make a user's experience more efficient.

The law states that we can store cookies on your device if they are strictly necessary for the operation of this site. For all other types of cookies we need your permission. This means that cookies which are categorized as necessary, are processed based on GDPR Art. 6 (1) (f). All other cookies, meaning those from the categories preferences and marketing, are processed based on GDPR Art. 6 (1) (a) GDPR.

This site uses different types of cookies. Some cookies are placed by third party services that appear on our pages.

You can at any time change or withdraw your consent from the Cookie Declaration on our website.

Learn more about who we are, how you can contact us and how we process personal data in our Privacy Policy.

Please state your consent ID and date when you contact us regarding your consent.