Hide buy button only on a specific theme template

[Hugobrunto]

Hi, 

I have a hundreds of product that is assigned to a special template called "Special-order". 

I want to remove the "Buy It Now" button only from all products within this template.

I want to keep the other button "Beställ" and make it centered. 

Any specialist that could help me with this? 

Lots of love xx 

[KetanKumar]

@Hugobrunto 

Sorry for facing this issue, it's my pleasure to help us.

Welcome to the Shopify community!
and Thanks for your Good question. 😊

Please share your site URL,
So I will check and provide a solution here.

[Hugobrunto]

Hi! 

Sure, here it is: www.hugobrunto.se 🙂 

Thanks for your kindness so far 🙂 

[namphan]

Hi @Hugobrunto,

Please go to Actions > Edit code > Layout >theme.liquid file and paste the below code before </head>:

{%- if template contains 'Special-order' -%}
      <style>
        .product-form__buttons .product-form__submit {
          width: 100%;
        }
        .product-form__buttons .shopify-payment-button {
          display: none;
        }
      </style>
    {%- endif -%}

[Sangeetanahar]

hello @Hugobrunto 

Go to online store ----> themes ----> actions ----> edit code ---->assets ----> base.css

add the code end of the file

{%- if template contains 'Special-order' -%}
  <style>
    .product-form__buttons .product-form__submit {
      display: block;
      margin: 0 auto;
   width: 100%;

    }
    .product-form__buttons .shopify-payment-button {
      display: none;
    }
  </style>
{%- endif -%}

If this was helpful, hit the like button and accept the solution.
Thanks

[Dan-From-Ryviu]

Hi @Hugobrunto 

You can do that by adding this CSS code to Custom CSS of product information section of that product template in theme's customize 

.shopify-payment-button { display: none; }