Skip to content

Checkout UI Extension app block not rendering in the correct position #2142

Open
@ctrlaltdylan

Description

Please list the package(s) involved in the issue, and include the version you are using

    "@shopify/ui-extensions": "2024.1.x",
    "@shopify/ui-extensions-react": "2024.1.x",
    "react": "^18.0.0"

Describe the bug

We're trying to help a merchant add one of our checkout extensibility blocks to their Checkout page, the block renders successfully but it's not placed in the correct position within the rendered checkout page.

In this screenshot attached you can see our app block is clearly placed below the Shipping Address section. But unfortunately the app block is still rendered above shipping.

The extension target is purchase.checkout.block.render and we don’t have any other problems placing this block below shipping with any other merchant.

Steps to reproduce the behavior:

I'm unable to reproduce except for this particular merchant's site.

All of our other merchants and development stores have no issues with accurate block section -> checkout page positioning.

Expected behavior

I expect the order of sections to be respected in the Checkout pages.

Screenshots

incorrectly positioned app block

Additional context

I can provide the merchant's shopify domain to official Shopify staff, please email me at dylan [at] getverdict [dot] com

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions