How to fix buy now button

[tmitch]

Hello. I've been trying to change buy with shop pay into the regular buy it now button. How do I fix this?

[Pepino-Solution]

Olá @tmitch 

For this you have to change the theme code.

[tmitch]

Yes I know but I don't know how.

[GTLOfficial]

Hello @tmitch 
Go to your Online store -----> Themes ----> Edit code ----> open product-button.liquid,
find this line of code

{%- if show_dynamic_checkout -%}

and add this code right above

<button type="button" class="like-ShopPay-button shopify-payment-button__button--shoppay">BUY NOW</button>
<style>
  .like-ShopPay-button {
    margin-top: 13px;
    color: #fff !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    border-width: 1px !important;
    border-style: solid !important;
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important;
    -webkit-box-shadow: 0 0 0 0 transparent !important;
    box-shadow: 0 0 0 0 transparent !important;
    font-weight: 700 !important;
    line-height: 16px !important;
    padding: 0 !important;
    text-align: center !important;
    -webkit-transition: all 0.2s ease-out !important;
    transition: all 0.2s ease-out !important;
    width: 100% !important;
    font-size: 16px !important;     
    -webkit-box-flex: 1 !important;
    -ms-flex: 1 !important;
    flex: 1 !important;
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
    padding: 4px !important;
    min-height: 44px !important;
    max-height: 60px !important;       
    padding-top: 16px!important;
    padding-bottom: 16px!important;
    font-family: 'Jost';        
    background: #5a31f4 !important;
    border-color: #5a31f4 !important;                    
  }    
  .like-ShopPay-button:hover {
    background: #3c0def !important;
    border-color: #3c0def !important;                      
  }
  .productView-groupBottom { display: none !important; }
</style>
<script>
  $(".shopify-payment-button__button--shoppay").on('click', function (event) {
    event.preventDefault();      
        $( ".shopify-payment-button__more-options").trigger( "click");
  });
</script>     

Thanks

[tmitch]

Where do I find it? It doesn't show on my theme.

[GTLOfficial]

Search this file -->  product-button.liquid
and then search this code in it -->  {%- if show_dynamic_checkout -%}

[tmitch]

See its not in here

[Pepino-Solution]

@tmitch 

What GTL forgot to mention is that this solution he proposed is generic, not every theme has this specific file. I recommend hiring a specialized agency approved by Shopify to help you with this.

[GTLOfficial]

Hello @tmitch 
you have Taste theme so please kindly check file name:-  buy-buttons.liquid its there