Second Button in Product Section on Homepage

Shopify Discussion

Topic summary

A user wants to add a second button alongside the existing ‘Buy Now’ button in their homepage product section. The goal is to offer customers two options: purchasing immediately (adding directly to cart) or viewing the full product page for more information.

Current Issue:

  • Enabling ‘Dynamic Button’ only adds a Shop button below Buy Now, not the desired side-by-side layout
  • User is working with the Taste template

Proposed Solution:
A community member suggested editing the theme code by:

  1. Accessing the product section file (main-product.liquid or featured-product.liquid)
  2. Adding HTML code for a “View Product” button after the existing Buy Now button
  3. Applying CSS styling as needed

Complications:

  • User cannot locate the Buy Now button code in the theme files
  • Additional request emerged: displaying 3 product variants on the homepage above the buttons, allowing customers to select a variant and proceed directly to checkout

The discussion remains unresolved, with the user seeking more detailed guidance on code implementation.

Summarized with AI on November 1. AI used: claude-sonnet-4-5-20250929.
1

Im looking to add a second button next to my ‘Buy Now’ Button where my product section sits on my homepage. I want my new customer to have the option to buy immediately (which the button adds directly to cart) and also the option to view the product page to learn more.

I tried turning ‘Dynamic Button’ on but that only adds the Shop button below the Buy Now button.

Can someone assist?

Screen Shot 2025-02-10 at 5.25.11 PM.png
Screen Shot 2025-02-10 at 5.25.11 PM.png536×151 4 KB

2

What template did you use? Did you ever change anything in the snippets/Product.liquid file?

3

Hi @AaronS89291 ,

To add a “View Product” button next to “Buy Now” on your homepage:

  1. Go to Shopify Admin → Online Store → Themes → Edit Code.
  2. Find the product section file (main-product.liquid or featured-product.liquid).
  3. Locate the “Buy Now” button code and add this after it:
View Product

  1. Ensure proper styling with CSS if needed.

  2. Save & check the homepage.

4

Hi, I dont know where the Buy Now button code is, where it starts or end. Can you assist further?

5

Im using the Taste template. I don’t recall changing anything in the code previously.

6

Hey again, i tried doing this and trying also looking for multiple ways and kept messing up the code. im also looking to display my 3 variants on the homepage above my two buttons im trying to create to direct the customer to the checkout once they click a variant and then have them go directly to checkout. can you assist?