Implementing deferred purchase options (Pre-Order) in Shopify app

Retired Boards Appdev Graphql Basics And Troubleshooting
1

Hi everyone!
I am struggling with how to implement deferred purchase options (Pre-Order) in my app. Basically, I have used SellingPlan API to create and add products to Selling Plan group but when I test the checkout process it still doesn’t delay the payment to a fixed date but rather pay immediately with all amount.

Basically I want to fully implement like this:

pre-order-product-form-7b70494b8c1801ea36a31f5eb24d83721c8cd4f3d533ea6cf65a88216192133c.png
pre-order-product-form-7b70494b8c1801ea36a31f5eb24d83721c8cd4f3d533ea6cf65a88216192133c.png2880×1878 333 KB

Can someone explain further what I have to do with Plan purchase and checkout task? I was following this link: https://shopify.dev/apps/purchase-options/deferred/modeling#building-deferred-purchase-options-in-your-app

But I don’t understand how to implement it, do I have to create a new Liquid template file for the checkout page?
Any help would be greatly appreciated. Thanks

2

You can follow this link to implement pre-order in your app: https://shopify.dev/apps/purchase-options/deferred/modeling

3

@Zach321 I follow these steps but there is an issue, nothing is displayed on screen. can you help me ?