Add SKU to display on checkout/cart pages - Symmetry Theme

Solved

Add SKU to display on checkout/cart pages - Symmetry Theme

OpalProducts
Tourist
6 2 2

Good afternoon,

 

Looking for some support adding the SKU field into our checkout and cart pages for visibility purposes if possible please?

 

We've managed to get the SKU to display on the product pages for the variants but this doesn't follow through to the checkout and cart areas. 

 

I've checked on the app store to see if there is a third party plugin that can do this but found nothing so far.

 

We currently use the Symmetry theme.

 

Many thanks!

Accepted Solution (1)
OpalProducts
Tourist
6 2 2

This is an accepted solution.

 

For anyone looking at this thread, I managed to get to the solution myself, after a bit of testing.

 

I had to add this into the code on the sections tab > main-cart.liquid drop a line after line 42 and enter:

<div class="variant"> SKU: {{ item.sku }}</div>

 

This drops the SKU in underneath the product title, by doing it this way it pulls the top level product or variant SKU through.

 

This now works how we needed it to 🙂

View solution in original post

Replies 3 (3)

PageFly-Theodor
Shopify Partner
691 86 98

Hi @OpalProducts ,
This is Theodore from PageFly - Shopify Page Builder App.

 

To display SKU on cart and checkout pages in your Shopify store with Symmetry theme:

  1. Manual editing (for developers): Edit cart-template.liquid and checkout.liquid to include {{ item.variant.sku }} in the product information loop.
  2. Shopify App (easier): Search for "cart SKU" or "checkout SKU" apps and choose one with good reviews.


Best regards,
Theodore | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

OpalProducts
Tourist
6 2 2

Hi Theodore,

 

As mentioned, I can't find an app on the store to do what I need. They all involve a lot more than we need, or give random permissions to a third party app that's nothing to do with what we're after.

 

We're not trying to fundamentally change things but at a minimum, we just need to show the SKU underneath the product variant on the cart page - surely there is a simple way to do this? 

 

The cart template code is basically empty, so I'm assuming it's the sections tab that I'd need to edit for the symmetry theme.

 

Many thanks

OpalProducts
Tourist
6 2 2

This is an accepted solution.

 

For anyone looking at this thread, I managed to get to the solution myself, after a bit of testing.

 

I had to add this into the code on the sections tab > main-cart.liquid drop a line after line 42 and enter:

<div class="variant"> SKU: {{ item.sku }}</div>

 

This drops the SKU in underneath the product title, by doing it this way it pulls the top level product or variant SKU through.

 

This now works how we needed it to 🙂