How can I make a section button into a Buy button? HELP

Store Design
1

Hi everyone,

I’m building my first store and I’m not sure how I can make a section button into a Buy button in my product page.

So, I create and customize a particular section, let’s say an “Image with text” section. Said section comes with a “Button” that allows me to customize the “Button label” and “Button link”. So how can I make this button actionable?

Meaning, how can I make it so that when a customer clicks said section button it either sends the customer to the top of the product page (where the “color” and “quantity” selections boxes are), or pops up a banner asking for color and quantity to add to cart?

See attachment for context.

Screenshot 2021-10-24 165849.png
Screenshot 2021-10-24 165849.png850×605 41.5 KB

I want it to look something like this (where every button in each section allows the customer to quickly add to cart):

Boom%20-%20One%20Product%20Electronics%20Shopify%20Theme.jpg
Boom%20-%20One%20Product%20Electronics%20Shopify%20Theme.jpg850×1452 100 KB

Any help is appreciated as I’m not knowledgeable with code.

2

@SarahHall

Please put product page url in "button link input box "

Thanks!

3

Thank you for your reply.

However, is this the only solution? I’ve done that as a temporary solution but that doesn’t really work as intended as it only refreshes the page and does not add nothing to the cart.

Is there any way of making these section buttons work as buy buttons?

4

@dmwwebartisan alternatively, is there any way I could replace the button imbedded in the section “image with text” with a shopify’s “Buy Button”?

Here’s the code for my “Buy Button”: