Palo Alto 6.2.1 has been released
Release notes
Palo Alto Doumentation
NewSupport
Palo Alto 4.1
Palo Alto 4.1
  • Palo Alto Theme Documentation
  • Changelog
    • The new experience
    • What's new in 4.1
  • Cart
    • Terms and conditions
    • Empty cart buttons
    • Custom Message
    • Upsell
  • Header
    • Announcement bar
    • Transparent header
    • Highlighted link
    • Mega Menu
    • Loading Icon
    • Logo
  • Sections
    • How to use sections
    • Recommended Image Sizes
    • Product sections
    • Image sections
    • Text sections
    • Custom sections
  • Theme settings
    • Theme Settings Intro
    • Colors
    • Typography
    • Appearance
    • Product grid
    • Checkout
    • Theme style
  • Products
    • Using the new Palo Alto Product Pages
    • Creating new Product page templates
    • Pre-order using metafields
    • Section blocks
    • Swatches
    • Product ratings
  • Collections
    • Using the new Palo Alto Collection Pages
    • Filtering options
    • Subcollections
    • Badges
  • Popup
    • Popup with image
    • How to change the "You agree to..." text
    • Cookie consent
    • Popup bar
  • Footer
    • Blocks and settings
    • How to remove the Shopify credit
  • Blogs
    • Using the new Palo Alto Blog Pages
    • Creating new Blog page templates
  • Pages
    • Using the new Palo Alto Pages
  • Updates
    • Checking your theme version
    • Downloading the latest version
    • Updating your theme
  • Support
    • Contacting support
    • Sharing a preview link
  • Custom
    • How to make CSS customizations
    • How to add Custom Fonts
    • Adding Custom Icons
Powered by GitBook
On this page
  • Setting up the new metafield definition
  • Product setup
Export as PDF
  1. Cart

Upsell

PreviousCustom MessageNextAnnouncement bar

Upsell a product in the cart drawer (and the cart page) using a custom metafield definition. You can set different combinations for different products.

Setting up the new metafield definition

This feature uses metafields so our first step is to create a new metafield definiton. The most important part is to use this namespace and key: theme.upsell

To start, navigate to your Shopify Admin -> Settings and choose Metafields from the left panel. Next, click on Products (click images to zoom):

Click the Add definition button to begin. Choose a name, we'll use 'upsell'. Next, we will use a custom namespace. This is required.

A crucial step here is to change the default namespace (usually called 'my_fields') to theme

Add a description (this is optional) then choose Select content type. Here, choose the Product type and Save your new definitions.

Product setup

Now that our custom metafield has been defined, the final step is to edit any of your products in the Shopify Admin -> Products and update the new upsell metafield.

All you need to do is scroll to the bottom of the product setup page and fill them in:

Don't forget to Save your product and preview it on the cart drawer (or cart page).

Under 'Metafields', click on 'Products'
Click on the 'Add definition' button