How to set up the extended cart

You can customize the cart notification popup for individual products by setting up metafields. These metafields will override the default section settings when a product is added to the cart.

Setting Up Metafields

All metafields use the namespace squiggle_and_code. To set these up in your Shopify admin:

  1. Go to Settings → Metafields
  2. Click Products
  3. Click Add definition
  4. Set the Namespace to: squiggle_and_code
  5. Set the Key and Type as specified below

Product Benefits Section

These metafields let you show up to 3 benefit points with icons for each product:

Metafield KeyTypeDescription
cart_benefits_one_iconFileIcon image for first benefit point
cart_benefits_one_textSingle line textText for first benefit point
cart_benefits_two_iconFileIcon image for second benefit point
cart_benefits_two_textSingle line textText for second benefit point
cart_benefits_three_iconFileIcon image for third benefit point
cart_benefits_three_textSingle line textText for third benefit point

Upsells Section

These metafields let you show up to 2 related products as upsells:

Metafield KeyTypeDescription
cart_upsells_oneProduct referenceFirst upsell product to display
cart_upsells_twoProduct referenceSecond upsell product to display

Reviews Section

These metafields let you show a customer review with star rating:

Metafield KeyTypeDescription
cart_reviews_quoteRich textCustomer review quote
cart_reviews_nameSingle line textCustomer name for the review
cart_reviews_starsIntegerStar rating (1-5)

Content Section

These metafields let you add custom text and image content:

Metafield KeyTypeDescription
cart_content_textRich textCustom text content
cart_content_imageFileCustom image to display

How to Use

  1. Create the metafield definitions using the table above
  2. Go to any product in your admin
  3. Scroll down to the Metafields section
  4. Fill in the values for the sections you want to customize
  5. Save the product

Note: If you don't set a metafield value, the cart notification will use the default values from the section settings instead.