Welcome to the Eight Themes Docs

How To Set Up the Cross Sells block in the Product form Using Metafields

mceclip0.png

The Cross sells block can be added to the product form on the product page. By using metafields you can promote up to two further products that are relevant to each of your individual products. You can follow our handy guide to set up this block.

 

Note: You can also add cross sell products as a section to your product page which you can do following this guide.

 

Step 1: Define a Cross Sell metafield

You can create a dynamic Cross Sell block by adding metafields to your products.

  1. Within your Shopify admin, go to Settings.
  2. Go to Metafields.
  3. Select Products and click Add definition.Untitled.png
  4. Provide a name and key for your metafield.
  5. From the content type select Reference and Product.
    Untitled__1_.png
  6. Save your changes

 


Step 2: Assign metafields to your products

You can now assign your metafields to your products.

  1. Within your Shopify settings, go to Products.
  2. Select the relevant product.
  3. Scroll down to the metafield option and select the metafield you defined above.
  4. From here, you can select the product that you want to be displayed in the cross sell block.
  5. Save your changes.

Untitled__2_.png


Step 3: Set up Cross Sells on your store

Next, you can set up the Cross Sell block on your product page.

  1. Within the theme editor, navigate to your product page.
  2. Add a Cross sells block
  3. Click to select a dynamic source.
  4. From the dropdown, select product - main page
  5. Select your cross sell metafield
  6. Save your changes and you should see your cross sell products display if you are previewing a product that has cross sell products assigned

Was this article helpful?