How Do I Add Multiple Buy Buttons on Refresh Theme Product Page?

[dudeabides85]

I'm creating landing pages for various products using the Refresh Theme.

Currently I am limited to a single Buy Button per product pages.

I want multiple Buy Buttons on a product page (one above the fold, maybe one or two below the fold).

Can anyone tell me how to remove the single buy button limit so I can add as needed throughout a page?

Thanks.

[dudeabides85]

Thanks Freddie. The theme does not allow multiple buy button blocks by default. I'm hoping to find the code to change to remove this limit. Paying a subscription just to add an additional buy button or two on a page is something I'd like to avoid if possible.

[namphan · Accepted solution]

Hi @dudeabides85,

Please go to Customize > Add block > Custom Liquid and add code:

Code:

{%- assign product_form_id = 'product-form-' | append: section.id -%}
<button
form="{{ product_form_id }}"
type="submit"
            name="add"
            class="product-form__submit button button--full-width button--primary">
            <span>Add to cart
</span>
            {%- render 'loading-spinner' -%}
          </button>

[dudeabides85]

Thanks so much Namphan. I also found the Buy Button app to be excellent when using the custom liquid block.

[namphan]

Hi @dudeabides85,

You're welcome and happy to help 😊