Install #1 Page Builder App for FREE and get deal 6 months of Standard Plan. Hurry up! See Detail  

Header background

Advanced Product Types

Annie

Written by Annie

Last updated

1435 views

On this page


Advanced Product Types will help you link other products that relate to your main product. We create Advanced Product Types option to help your customers have more choices to buy. Therefore, Shopify owners can increase their conversion rate.

11.gif

1. Create metafield

In Shopify backend, go to Settings > Custom data > Products > Click Add definition

1.1. Add Metafield - Advanced Product Title

If you don't wanna use different label/ title for the Advanced Product Types option, you don't need to configure the Advanced Product Types label

You need to configure some options below:

  • Name: You can add any name here. Example: Advanced Product Types.

  • Namespace and key: This is a required option, you have to add theme.advance_label key here.

  • Select Content Type: This is a required option, you have to choose Text > Single line text > One value.

12.webp

Then click the Save button to save all changes, we will get the metafield definition as image below:

13.webp

1.2. Add Metafield - Advanced Product Types products

You need to configure some options below:

  • Name: You can add any name here. Example: Advanced Products.

  • Namespace and key: You have to add theme.advance_pr_type key here.

  • Select Content Type: This is a required option, you have to choose Product (list of products).

2024-04-09_13-44-21.png

Then click the Save button to save all changes, we will get the metafield definition as image below:

15.webp

2. Add Metafield in Products

In Shopify backend, go to Products > All Products option and open the product that you want to add the Advanced Product Types.

In the product, please scroll down to the bottom of the page, you will see the Advanced Product Types metafield option > then choose some products in the list to show:

18.png

3. Config Metafield in Theme Customize

In Themes > Customize > Product page > Choose the product that you wanna configure the Advanced Product Types.

In Product main > Product Form, on the right side, scroll to bottom of the Setting sidebar, you will see the option to choose Advanced Product Types here:

16.webp

For the label:

  • you can enter the label directly on the label field, this label will show on all product pages.

  • Click connect dynamic source button to choose the title that you configure on point 1.1. Add Metafield - Advanced Product Title. When you use metafield, the Advanced Product Title will be different for each product.

19.png

For products:

  • you can click the Select products button to choose list of products you wanna use, those products will show on all product pages.

  • Click connect dynamic source button to choose the metafield that you configure on point 1.2. Add Metafield - Advanced Product Types products. When you use metafield, the Advanced Product Types will be different for each product.

17.png

[Private Offer] EComposer Partner Plan

ecomposer.jpg
Exclusively for The4 users, when you bougth any theme from us, you can get Ecomposer - Theme Partner Plan for ZERO and start making beautiful, high-converting store pages today:

  • FREE 100% EComposer Standard plan for 6 months (save you $114)
  • Build ANY Shopify pages: Landing page, Sale Funnel page, Lead pages, & other custom pages tailored for your marketing campaigns.
  • Create advanced sections & add to your theme with ease
  • 100+ professtional, stunning designer-made templates
  • Build pages with a love drag-drop editor, no coding required

How to claim offer. Install EComposer HERE. Then open chatbox icon in EComposer dashboard and leave a message with subject "Theme name+EComposer" to upgrade for free

Ecomposer1.jpg
Cheers, The4.

Enjoy a free 3-day trial. Then get your first month for $1. Try Now

We uses cookies to ensure you get the best experience on our website.