Palo Alto 6.2.1 has been released
Release notes
Palo Alto Doumentation
NewSupport
Palo Alto 4.6
Palo Alto 4.6
  • Palo Alto Theme Documentation
  • Changelog
    • The new experience
    • What's new in 4.6
  • Header
    • Announcement bar
    • Transparent header
    • Mega Menu
    • Highlighted link
    • Logo
  • Sections
    • Target Settings
    • How to use sections
    • Recommended Image Sizes
    • Highlight words
    • Palo Alto sections
      • Collection list
      • Featured collection
      • Featured product
      • Products list
      • Tab collections
      • Marquee
      • Custom content
      • Grid
      • Image accordions
      • Image with text
      • Overlapping images
      • Shop the look
      • Slideshow
      • Split images
      • Video
      • Banner with text columns
      • Blog posts
      • Contact form
      • Custom Code
      • Icons row
      • Locations
      • Newsletter
      • Press/Logo
      • Shoppable blog posts
      • Tabs
      • Testimonials
      • Text
      • Text columns with images
      • Promotion row
      • Divider
  • Upsell
    • Upsell
  • Theme Settings
    • Theme Settings Intro
      • Colors
      • Typography
      • Appearance
      • Product Grid
      • Quick shop
      • Cart
      • Loading icon
      • Checkout
      • Theme style
      • Buttons
  • Products
    • Product Pages
    • Creating new Product page templates
    • Pre-order
    • Theme blocks
      • Title and price
      • Form
      • Product description
      • Accordions
      • Upsell
      • Share button
      • Text
      • Icon
      • Icon row
      • Inventory countdown
      • Popup text
      • Divider
      • Cutline
      • Complementary products
    • Swatches
    • Product ratings
  • Collections
    • Collection Pages
    • Filtering options
    • Sub-collections
    • Collection pages promo
    • Cutline
    • Badges
  • Popups
    • Popups
    • Popup Behavior
  • Footer
    • Footer
      • Logo
      • Link list
      • Text
      • Blog
      • Newsletter
    • How to remove the Shopify credit
  • Blogs
    • Blog Pages
    • Creating blog page templates
    • Recommended posts
  • Pages
    • 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
Powered by GitBook
On this page
  • Upsell one product
  • Setting up the new metafield definition
  • Product setup
  • Upsell a list of products
  • Setting up the new metafield definition
  • Product setup
Export as PDF
  1. Upsell

Upsell

PreviousDividerNextTheme Settings Intro

Upsell products in the cart and product pages using a custom metafield definition. You can set different combinations for different products.

Upsell one product

Setting up the new metafield definition

Create a new metafield definition. Use the namespace and key: theme.upsell

From your Shopify Admin -> Settings and choose Metafields. Next, click on Products (click images to zoom):

Click the Add definition button and set a name, we'll use 'Upsell'. Next, we will use a custom namespace.

This step is required. Change the default namespace (usually called 'my_fields') to theme

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

Product setup

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).

Upsell a list of products

Setting up the new metafield definition

Create a new metafield definition. This time, use the namespace and key: theme.upsell_list

Choose the Product type then set it to a 'List of products'.

Product setup

The final step is to edit any of your products in the Shopify Admin -> Products and update the upsell_list 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 the changes and test them out in the cart:

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