We’re currently adapting our existing app to offer compatibility for checkout extensibility. Is it possible to use custom html and js files for the order status and thank you pages within checkout extensibility? Our app provides a couple different buttons on the left side of the original order status page and so we are trying to replicate that functionality for our Shopify Plus users.
Hi @MrDiou did you resolve this?
Here’s the reply that I got from Shopify that were answers to some of our questions that may or may not be directly relevant for you:
- The boxes on the checkout order page need to be aligned with the background.
- For the background color, if you are using a View to create those boxes around its extension, you can use the background property to adjust the color of the view, and keeping in mind that it will follow the merchants branding if applied, in that case they believe it will follow the white background if background=“base”
- Adjust the width of the text modals.
- Our internal team tried to reproduce the width issue which gave the same result, and it could be that you wrapped your modal within a grid.
<Button overlay={ <Modal padding> <Grid columns={["auto"]} inlineAlignment="center"> <Heading>Your gift message:</Heading> <TextField multiline label="Note" /> <Button>Save</Button> <Button kind="plain">Cancel</Button> </Grid> </Modal> } > Open modal </Button>
- The radio button lacks an indication.
- You can refer to ChoiceList docs that show what the radio is supposed to look like, and it includes the current selection.