Adding a text box below add to cart button focal theme

Hello,

I have the Focal theme and I want to add a text box under the add to cart button on a specific product I have for preorder right now. I saw a different website has this option and Id like to do the same for a specific product. Is this possible? my website below:

https://microgainz.com/products/micro-gainz-1-25lb-magnetic-weight-attachment-for-nuobell-adjustable-dumbbells

Website with text box under add to cart button:

https://repfitness.com/products/rep-x-pepin-fast-series-adjustable-dumbbell?variant=43428954898590

@Microgainz
You can search your focal theme snippets/product-form.liquid and search

<button id=“AddToCart” after this block end add your custom CSS ,as this theme has no option for add custom text under add to cart button and buy button

So this custom text would show up under all our products then? Not just the one product I want to use it for?

In that case we can give condition in liquid to check the product id and then show only the product.

Cool. How do I do that?

How are you conditionally showing the “Pre-order” button at the moment? Is this just an edit in your theme liquid? Or are you using an app?

Most pre-order apps have the option to add custom messaging to the product, and other features like Coming Soon and Notify Me When Available functionality. I believe that is how the example store you linked is handling their pre-order buttons and messaging (for context, I run a pre-order app Early Bird).

They also have the added benefit of showing the pre-order info (including expected ship date) throughout the entire customer journey (including post-checkout), and extra features like partial/deferred payments.

1 Like