Adding Add to Cart button + Price on Homepage

Technical Q&A
1

Hello, I just wanted to know why my add to cart buttons aren’t working properly, as well as my Price.

Here’s the link: Trinity Performance Labs | Engineered Nutrition for the Relentless.

It’s supposed to display 42.99, and actually does so in checkout, but the homepage button doesnt seem to work…

It also displays it correctly when its on the actual product page itself.

Hope someone can help me with this, thanks in advance!

2

Hey @Tanmingbye! I’d recommend checking:

  • Whether the homepage section is using a custom add-to-cart button instead of Shopify’s native product form
  • If the button is linked to a product without specifying a variant ID
  • Any upsell, bundle, or custom price script affecting homepage sections

If this is a theme section, try re-adding it or switching the button to “View product” instead of “Add to cart.” If it’s app-generated, contact the app or theme support—they’ll usually need to fix the button logic.

3

Have you tried in incognito mode or on another device?
As it seem to be working fine for me…

4

I can see 42.99 price on the homepage.

5

It’s working well on my end. Did you try using a different browser to check?

6

yup thanks everyone, i tinkered around abit more and finally got it to work haha :laughing:

Thanks for all the contribution!

7

Can you elaborate for future merchants, you can also mark your own posts so solutions when you give details.

8

Hey,

The “Add to Cart” button on your homepage is not working because it’s missing the necessary form action to submit the product to the cart. The price discrepancy for your product on the homepage is likely due to how product variants are being handled or an issue with the display logic for the default variant price.

To fix the add to cart button:

  1. In your Shopify admin, go to Online Store > Themes > Actions > Edit code.
  2. Open the file Sections/featured-collection.liquid (or similar section file for your homepage collection display).
  3. Locate the “Add to cart” button code.
  4. Ensure it’s wrapped in a <form> tag with the correct action="/cart/add" and a hidden input for id (product variant ID) and quantity.

To address the price display:

  1. In the same section file, verify that the price is being rendered from product.price or product.selected_or_first_available_variant.price.
  2. Check if there’s any JavaScript that might be altering the price display on page load.

Best,
Daniel Smith