How do I remove the Pre Order Button from my Product pages?

[maota]

Hello,

I would like to remove the Pre Order Button from my Products Pages completely. I would like to still show my website, but without the button. 

https://maotajp.com/collections/collection-ii/products/natural-green-bomber?variant=34679380246572

It would be just the button, everything else should remain. 

Thank you for your support!

[PageFly-Theodor · Accepted solution]

Hi @maota ,
This is Theodore from PageFly - Shopify Page Builder App.
For solving the problem about the How Do I Remove The Pre Order Button From My Product Pages?, let’s try this solution:

Online Store ->Theme ->Edit code->theme.liquid

<style>
button#pre-order, input#pre-order {
    display: none !important;
}
</style>

I’ll be so happy if my suggestion can help to solve your problem. If you have any further questions, please feel free to tell me.
Best regards,
Theodore | PageFly

[maota]

Wow thank you for your fast reply! It worked out perfectly.

[PageFly-Theodor]

Thank you

[TanyaSharma]

Is there any other way to solve this issue. I added the above mentioned code and still it's showing the preorder button on my website. I am currently using Kalles 4.1.4 theme.

[jerrypoynter]

By chance is there another work around for this issue. I edited Online Store ->Theme ->Edit code->theme.liquid and was unable to get this to work.

Thank you in advance.

[JayAdra]

What's your store URL? You might have a different theme/setup and need tweaks to the code.

Additionally, are you currently offering pre-orders as well? Or trying to turn them off? More information would be useful, thanks!