How can I change the 'buy it now' button using the Gem Theme?

[Daniel19901]

Using the Gem Theme and I would like to switch the "buy it now" to something else, but I simply can't find the file, can anyone help me locate the folder where I can change it or tell me the steps.

Thank you in advance

https://woollenandkind.com/collections/medium-rugs/products/balouch-74-x-42

[DelightCart · Accepted solution]

@Daniel19901 May this help you.

1: Go to online store > themes > Actions > Edit code > Sections > main-product.liquid

2: find '{{ form | payment_button }}'

3: Please replace with this code

<button type="button" class="shopify-payment-button__button shopify-payment-button__button--unbranded" onclick="document.querySelector('[data-testid]').click();">Custom Text</button>
<div style="display:none;">
{{ form | payment_button }}
</div>

[SideNode]

@Daniel19901 May this help you.

1: Go to online store > themes > Actions > Edit code > Sections > main-product.liquid

2: find '{{ form | payment_button }}'

3: Please replace with this code

<button type="button" class="shopify-payment-button__button shopify-payment-button__button--unbranded" onclick="document.querySelector('[data-testid]').click();">Custom Text</button>
<div style="display:none;">
{{ form | payment_button }}
</div>
Let me know if need further assistance
Regards,

[Daniel19901]

Hi @SideNode  @DelightCart thank you both for giving me a hand! but it is not there. I already tried this 😞 

[Iris]

Hi @Daniel19901 ,

Thanks for reaching out here. This is a very interesting question!

To edit Buy it Now button text you will usually have to edit code within the sections part of the team code >main-product.liquid. However, this will vary from theme to theme and as you are using a third party theme, the best course of action is to contact the theme developer to see if they can complete this customization for you. 

I'm happy to confirm that this theme is made by Archetype Themes and their support page can be found on this link. 

I'm also curious to know what are you looking to rename this button to and what do you think will be benefits of this change. If you're happy to tell me more, feel for your free to share it in the thread below. 

In the meantime check our really exciting hub for the resources to get you ready for what could be the most profitable weekend of the year, also known as Black Friday/Cyber Monday weekend.

[Daniel19901]

Thank you all. I found it. It was hidden in a different folder!

This was the answer, just in a different folder with this theme.

1: Go to online store > themes > Actions > Edit code > Sections > main-product.liquid

2: find '{{ form | payment_button }}'

3: Please replace with this code

<button type="button" class="shopify-payment-button__button shopify-payment-button__button--unbranded" onclick="document.querySelector('[data-testid]').click();">Custom Text</button>
<div style="display:none;">
{{ form | payment_button }}
</div>