Palo Alto 6.2.1 has been released
Release notes
Palo Alto Doumentation
NewSupport
Latest version
Latest version
  • Palo Alto theme documentation
  • Updates
    • What's new in Palo Alto
      • Release notes
      • About 6.2 Release
      • About 6.1 Release
      • About 6.0 Release
      • About 5.9 Release
      • About 5.8 Release
      • About 5.7 Release
      • About 5.6 Release
      • About 5.5 Release
      • About 5.4 Release
      • About 5.3 Release
  • Sections
    • Palo Alto sections
      • Explore the sections
      • Accordions
        • Text block
        • Page block
      • Accordions with images
        • Text block
        • Page block
      • Banner image
        • Subheading block
        • Heading block
        • Text block
        • Timer block
        • Buttons block
        • Video button block
      • Banner with text columns
        • Column block
      • Blog posts
      • Buttons list
        • Button block
      • Collection list
        • Collection block
      • Contact form
        • Form heading block
        • Email block
        • Message block
        • Text line block
        • Telephone block
        • Divider block
        • Single checkbox block
        • Select dropdown block
        • Radio buttons block
      • Countdown
        • Subheading block
        • Heading block
        • Text block
        • Timer block
        • Buttons block
        • Video button block
      • Custom code
      • Custom content
        • Image block
        • Text block
        • Newsletter block
        • Testimonial block
        • Product block
        • Video block
        • Collection block
      • Divider
      • Featured collection
        • Promo block
      • Featured product
      • Grid
        • Collection block
        • Product block
        • Image block
        • Text block
      • Icons row
        • Item
      • Image
      • Image accordions
        • Image block
      • Image with scrolling text
        • Scrolling text block
        • Subheading block
        • Heading block
        • Text block
        • Timer block
        • Buttons block
        • Video button block
      • Image with text
        • Subheading block
        • Heading block
        • Text block
        • Button block
        • Accordion block
      • Locations
        • Locations block
      • Marquee
        • Text block
        • Free shipping message block
        • Custom HTML block
        • Image block
      • Multi column
        • Text block
        • Image block
        • Menu block
        • Collection block
      • Newsletter
      • Overlapping images
      • Press/Logo
        • Press block
      • Products list
      • Products with image
      • Promotion row
        • Custom promo block
      • Recently viewed products
      • Shop the look banner
        • Product block
      • Shop the look grid
        • Product block
      • Shoppable blog posts
        • Article block
      • Slideshow
        • Slide block
      • Social gallery
        • Image block
      • Split images
        • Image block
      • Sticky image cards
        • Image card with text block
      • Sticky images and text
        • Sticky images and text: Horizontal
        • Image and text block
      • Tab collections
        • Collection - block
      • Testimonials
        • Testimonial block
        • Text block
      • Testimonials with images
        • Testimonial block
        • Text block
        • Image block
      • Text
        • Subheading block
        • Heading block
        • Text block
        • Split text block
        • Button block
        • Image block
        • Icon block
        • Icon row block
      • Text columns with images
        • Column block
      • Video
  • Theme Settings
    • Theme settings
      • How to make changes
      • Colors
      • Typography
      • Buttons
      • Product grid
      • Product form
      • Quick shop
      • Cart
      • Upsells
      • Loading overlay
      • Appearance
      • Animation
      • Badges
      • Swatches
      • Pagination
      • Search
      • Social media
      • Currency
      • Favicon
      • Size chart
      • Custom CSS
      • Theme style
  • Header
    • Announcement bar
      • Settings and blocks
      • Text
      • Free shipping message
      • Custom HTML
      • Target settings
      • Image
    • Header
      • Header settings
      • Mega menu
      • Logo
      • Highlighted link
      • Transparent header
    • Mobile menu
      • Menu
  • Footer
    • Footer
      • Settings and blocks
      • Logo
      • Text
      • Link list
      • Newsletter
      • Blog
  • Products
    • Product pages
      • Variant images
      • Settings and layout
      • Size chart tabs
      • Size chart metafields
      • Custom color swatches
      • Pre-order
      • Gift card product
      • Out of stock notification
      • Metaobjects
      • Creating new product page templates
    • Blocks
      • Product blocks
      • Title and price
      • Form
      • Product description
      • Cutline
      • Accordion
      • Upsell
      • Share button
      • Pickup availability
      • Custom code
      • Text
      • Icon
      • Icon row
      • Siblings
      • Inventory countdown
      • Popup text
      • Line item property
      • Divider
      • Feature
      • Complementary products
      • Badges
      • Timer
      • Fit guide
  • Collections
    • Collection pages
      • Filtering options
      • Custom product badges
      • Cutline
      • Catalog banner images
      • Collection pages promo
  • Cart
    • Palo Alto Cart
      • Cart types
      • Empty cart buttons
      • Free shipping message
      • Custom message
      • Terms and conditions
      • Upsell promotion
  • Pages
    • Page templates
  • Blogs
    • Blogs and articles
      • Settings and layout
      • Recommended posts
      • Creating blog page templates
  • Overlay
    • Popups
      • Popup with image
      • Popup small
      • Cookie consent
      • Popup behavior
  • Promotions
    • Upselling
      • Upsell promotions
  • Siblings
    • Product siblings
      • About product siblings
      • How to setup siblings
      • Define a metaobject
      • Add product list entries
      • Activate using a metafield
      • Bulk update sibling products
      • Siblings block
  • FAQ
    • Frequently asked questions
      • Updating your theme
      • Highlight words
      • Image aspect ratio
      • Recommended image sizes
      • Adding a section
      • Reordering sections
      • Sharing a preview link
      • Check your theme version
      • How to add custom fonts
      • Remove 'Powered by Shopify'
      • CSS customizations
  • License
    • Theme license
  • Support
    • Theme support policy
    • Contact support
    • Hire a Shopify expert
Powered by GitBook
On this page
  • Product pages
  • Cart drawer and page
  • How to create
  • Step 1
  • Step 2
  • Step 3
  • Basic version
  • How to
Export as PDF
  1. Promotions
  2. Upselling

Upsell promotions

Cart and product page cross-selling

PreviousUpsellingNextProduct siblings

Last updated 2 months ago

Cross-sell unique products on product pages and also the cart. When a product metafield is used, each product can have a custom list of products for cross-selling.

Product pages

Cart drawer and page

Featuring: One-click button to add an upsell product into the cart.

How to create

Begin in the Shopify admin -> settings. Click on custom data and choose products:

Overview of metafield definition

  • Define a new product metafield definition. For the name, use "upsell list".

  • For the namespace and key, change to: theme.upsell_list (important).

  • For content type, choose product (list of products).

Step 1

  • Click the add definition button to begin.

  • For the name, use "upsell list".

  • Next, change the namespace and key (usually starts with 'custom') to theme.upsell_list

  • Important: Verify you have changed the namespace and key to theme.upsell_list

  • For the content type, choose product and then list of products:

  • Use the save button to complete.

Step 2

Promotions are chosen from a list in the product setup for each product. Start by picking a product in your Shopify admin -> products, and add the upsell products you'd like to display for this product.

  • Choose a product in your product library under the Shopify admin -> products.

  • Scroll down towards the bottom, find the metafields section

  • Choose from the list of products you'd like to promote with this product.

  • Use the save button to complete.

  • Repeat for other products that will display promotions.

Step 3

  • In the theme editor, ensure that the upsell block has been added to the product template:

  • Click on the upsell block for the settings.

  • In the upsell settings, click on the connect dynamic source icon:

  • Choose the theme.upsell_list metafield you created earlier:

  • Use the save button to save your theme editor changes.

Multiple promotions can be scrolled by dragging or using the control dots below:

Basic version

If your store only requires one product to be always promoted or one set of products, you can use the basic option which will appear on all your product pages (when using the same product template).

This method allows you to easily choose one or more products and they will instantly appear as promotions for all your products. No metafields are needed!

How to

In the theme editor, click on the upsell block when viewing the product template to choose your promotions.

  • Use the select products option under the product list:

  • Choose up to three products that will be shown as promotions on all product pages:

Products can be sorted:

  • The first item will be the first promotion on all product pages using the same product template

Product page - Promotion displayed with upsell block
Cart drawer with upsell promotion - scrollable list of products