add short description to cart page

[Caro_]

Hi, 

how can i add something like a short product description next to the product on cart page ? 

need only 2 bullet points for each product. 

Thanks ! 

[PeanutButter]

hi @Caro_ , can you share the following:

- Your site url, either here or by PM
- Your password if the site is password protected
- What theme you are using

And also, one question, is the description you want to add different from the product description you want to show in your product page?

[PeanutButter]

Hi @Caro_ so I implemented this in a test site and this is how is looking:

can you confirm this is what you want and I will send the steps to you?

thanks

[Caro_]

Yes this is exactly what i need  ! 

would be great if you can share how to get there ! 

thanks a lot ! 

[PeanutButter]

Sure @Caro_ 

taking a lunch break now, will share in 1-2 hours

[PeanutButter · Accepted solution]

@Caro_ here are the steps:

1- Add a metafields app to your store (free)

Metafields allow to add extra fields to products, orders, etc...  We will be adding 2 new fields to your products (Inhalt and Alkohol)
Add the Bonify Custom Fields app to your store and select the Free Plan. This plan is enough for your current needs

2- Access the Bonify app and add the fields

First in the left sidebar, inside products, click + Add Field and then select Text field

As a label add Inhalt and click Create Field

You will now see the following, just close by clicking the X on the top-right. Your field has already been created

Now repeat with the Alkohol field.

After creating the second field, if you go to products > configure fields you should see the 2 fields:

3- Add values to your products for this field

In the Shopify Admin, go to one of your products and click on More Action > Edit Custom Fields

It should take you to editing your new fields in the Bonify App:

Add a value to those fields for a product for testing the next step

4- Add the code to show the fields in the cart page

Open your Sections/cart-template.liquid file and find this

                    <div class="list-view-item__title">
                      <a href="{{ item.url }}" class="cart__product-title" data-cart-item-title data-role="product-title">
                        {{ item.product.title }}
                        
                      </a>
                    </div>

(Around lines 28-33)

Just after that, paste the following code:

                    <div class="list-view-item__metafields">
                        {% if item.product.metafields.custom_fields["inhalt"] != blank %}
                        <div class="custom-field custom-field__inhalt custom-field__type--text">
                            <p class="custom-field--title">
                                <span class="custom-field--title">
                                    Inhalt:
                                </span>
                                <span class="custom-field--value">
                                    {{ item.product.metafields.custom_fields["inhalt"] }}
                                </span>
                            </p>
                        </div>
                        {% endif %}
                        {% if item.product.metafields.custom_fields["inhalt"] != blank %}
                        <div class="custom-field custom-field__inhalt custom-field__type--text">
                            <p class="custom-field--title">
                                <span class="custom-field--title">
                                    Alkohol :
                                </span>
                                <span class="custom-field--value">
                                    {{ item.product.metafields.custom_fields["alkohol"] }}
                                </span>
                            </p>
                        </div>
                        {% endif %}
                    </div>

The resulto should be this:

5- Test the customization

Add the product you added values for your new fields to the cart and visit the cart page.
Your should see the following:

On a side note:
- the Bonify Custom fields app has a google chrome extension which allows editing custom fields directly from the admin
- It also allows to import fields in bulk

Let me know if you have any issues following the steps

[Caro_]

@PeanutButter Wow ! thank you so much ! 

just tried it with one product and it works perfectly ! 

your description is really easy to follow and helped me a lot ! 

[PeanutButter]

Really happy to hear @Caro_ !

You can do a lot with metafields and now you know how to use them