"Buy it now" Button

[Rokenzo27]

Hi, how to rename the "buy it now" button on the product page Shopify Debutify theme? I went to edit the code and theme.liquid and couldn't find the </head/ to import a code to change it, then I looked in the theme content language, but only found the add to cart text to change. Also, I looked inside the edit theme in product pages to see if there is anything to find with buy it now on the product page but found nothing, I would be grateful to get some help on this.

[dmwwebartisan]

@Rokenzo27 

If yes then simply do it like this.

1: Online store > themes > Actions > Edit code > Sections > main-product.liquid

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

3: 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>

Thanks!

[dmwwebartisan]

@Rokenzo27 

Please add this code to your theme.liquid above the </head> to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: Click on theme.liquid and paste the code above the </head>

<style> 
.shopify-payment-button__button {
  font-size: 0 !important;
}
.shopify-payment-button__button::before {
	content: 'Your text want to change here';
  	position: absolute;
  	visibility: visible;
  	top: 0;
  	left: 0;
  	bottom: 0;
	font-size: 14px;
    display: contents;
}

</style>

Hope this can help you solve the issue 

Thanks!

[Rokenzo27]

For some reason in my Debutify theme 

"Edit code > Sections > main-product.liquid

find '{{ form | payment_button }}' " Is not located there and also

"theme.liquid and paste the code above the </head> " is not located there, im not sure where the buy it now button is coded in which folder.

[Rokenzo27]

Found it thank you!!!