Order items List

The Order Items List Block displays a list of a customer's orders directly on the customer account pages. It provides easy access to order details, helping customers manage their purchases efficiently.

Key features

  • Default block: The Order Items List Block is automatically included and does not require additional setup.

  • Customizable in Shopify editor: Add a heading and manage its placement directly in the Shopify Account Editor.

  • Actions integration: Enhance the block with Order Item Actions to allow features like reordering or contacting support.

Order items List block

The Order Items List Block displays a customer’s orders directly on their account page. It is highly customizable through Shopify’s Account Editor and additional configurations unlocked by generating a Block ID.

1

Access Special Blocks

Open the sidebar and click the Special Blocks card.

2

Select Order items List

Click the Customize button that is in the Order Items List card.

3

Generate the Block ID

On the Order Items List page, click the Generate Block ID button (located in the “Get your Block ID” card).

4

Configure additional settings

Once the Block ID is generated, the following options become available:

Enabled: On or Off, this controls the visibility of your block.

Block ID: Use this to publish your block in a later step.

Manage Order Item Actions: This is a link towards Order Item Actions, a block that can be integrated.

5

Publish your block

Click the Publish button that is in the right-top corner and follow the steps that will appear.

6

Configure Editor settings

Layout and theming settings are available within the Shopify's Account Editor for this block.

Configure settings such as:

Optional heading: add a heading (e.g., “Your Orders”) above the list to improve clarity.

Background color: choose from these styles: Card, Base, Subdued, or Transparent.

Toggle enable/disable Order item Actions: toggle interactive actions (e.g., reorder, support) for each order item.

Use Shopify’s Account Editor to adjust the block’s placement and add an optional heading.

Last updated