Conditional Rendering
Conditional rendering is one of the most powerful features of Checkout Components. It allows you to show or hide components based on various cart and customer conditions. This can be used to create a more personalised shopping experience for your customers, and increase your average order value.
Below you will find an overview of the different conditional rendering options available for each type of component in Checkout Components.
- Name
Cart attribute- Description
- Specify a cart attribute to look for on the customers cart.
- Name
Cart value- Description
- Specify a cart value to look for on the customers cart.
- Name
Customer- Description
- Specify what type of customers to target.
- Name
Customer ISO Code- Description
- Specify a three letter country code that a customer must be in, or not in.
- Name
Customer Email- Description
- Specify an email address or domain to target
- Name
Product collection handle- Description
- Look for products in the customers cart that are in a specific collection.
- Name
Product tag- Description
- Look for products in the customers cart that have a certain product tag.
- Name
Shipping Address- Description
- Look for a substring in the customers shipping address, or an exact match.
- Name
Shipping Country- Description
- Identify the shipping address country.
- Name
Shipping Postcode- Description
- Identify the shipping address postcode.
- Name
Shipping State- Description
- Identify the shipping address state.
- Name
Shipping Method- Description
- Identify the customers selected shipping method.
- Name
Product name- Description
- Does the line items product name meet the specified criteria.
- Name
Product Collection Handle- Description
- Does the line items product appear in a specific collection and meet the specified criteria.
- Name
Product ID- Description
- Does the line items product ID meet the specified criteria.
- Name
Product tag- Description
- Does the line items product tag meet the specified criteria.
- Name
Product Vendor- Description
- Does the line items product vendor meet the specified criteria.
- Name
Line item property key- Description
- Does the line item have a line item property with the specified key (or opposite).
- Name
Line item property value- Description
- Does the line item have a line item property with the specified value (or opposite).
All Components (Except Line Item)
Supports
- Contains
- Does not contain
- Is equal to
- Is not equal to
Supports
- Is less than
- Is greater than
Supports
- is guest
- is not guest
Supports
- Contains
- Does not contain
- Is equal to
- Is not equal to
Supports
- Contains
- Does not contain
- Is equal to
- Is not equal to
Supports
- Contains
- Does not contain
- Is equal to
- Is not equal to
Supports
- Contains
- Does not contain
- Is equal to
- Is not equal to
Supports
- Contains
- Does not contain
- Is equal to
- Is not equal to
Supports
- Contains
- Does not contain
- Is equal to
- Is not equal to
Supports
- Contains
- Does not contain
- Is equal to
- Is not equal to
Supports
- Contains
- Does not contain
- Is equal to
- Is not equal to
Supports
- Contains
- Does not contain
- Is equal to
- Is not equal to
Line Item Components
Supports
- Contains
- Does not contain
- Is equal to
- Is not equal to
Supports
- Contains
- Does not contain
- Is equal to
- Is not equal to
Supports
- Contains
- Does not contain
- Is equal to
- Is not equal to
Supports
- Contains
- Does not contain
- Is equal to
- Is not equal to
Supports
- Contains
- Does not contain
- Is equal to
- Is not equal to
Supports
- Contains
- Does not contain
- Is equal to
- Is not equal to
Supports