Display option selections in the cart page

Displaying the option selections in the cart page is a great way to assure your customers that their selections are added to the order and that you will receive it once they purchase the item. Follow the steps below to get started.

Before proceeding, it's a good idea to test whether or not your options are already appearing on the cart page. Most themes support this by default, so you may not need to add additional code.

Getting Started...

1. From your Shopify admin, click Online Store to arrive at the Themes page.

2. Find the theme you want to edit, click the three dots to the left of the Customize button, then click Edit code.

3. On the left side, under the Templates heading, click on the cart.liquid file.

4. If you see that your cart.liquid file is guiding you to your cart-template.liquid file. Go into the cart-template.liquid file under the Sections folder. Otherwise, continue to the next step.

5. Locate the product's title by searching for either item.title or item.product.title.

item.title

item.product.title

When searching for the product's title, if you notice a few lines below that start with for p in item.properties or for p in properties, this means your theme already supports displaying the option selections.

6. Copy and paste the following code snippet below your product title or variants.

{% for p in item.properties %}
  {% if p.first contains '_io_' %}
    {% continue %}
  {% endif %}
  {% unless p.last == blank %}
    <br />{{p.first}}: {{ p.last }}
  {% endunless %}
{% endfor %}

Product variants tend to appear below the product title. They can be found by looking for {{ item.variant.title }}.

7. Save your changes.

Below is an example. Placement will vary depending on your theme.

Option selections now display on your cart page!

Here is an example of a cart page where the selection Bear has been chosen for the Cartoon design option under the product's title.