Metafields
Configuring metafields on your store is an important step for activating the additional handy features we’ve built on Mojave. This enables you to activate the “Complete the look” or “Complete your routine” feature on product pages from our demo stores.
Complete the look
On your store settings, click on “Metafields”.
Click on “Products”
Click on “Add definition”
On the name field copy & paste: Related product - 1
On the “Namespace and key” field enter the following: related_products.product_1
On content type, chose "Products" under “Reference” And lastly, click on "One-product".
Click “Save”.
Repeat this step with the following details until the fourth related product.
Product 2:
- Name: Related product - 2
- Namespace and key: related_products.product_2
Product 3:
- Name: Related product - 3
- Namespace and key: related_products.product_3
Product 4:
- Name: Related product - 4
- Namespace and key: related_products.product_4
You are able to set unique products to this section of your site through Shopify Admin > Product > Metafields > Related product 1 to 4
Adding Style option for extra filtering
On your metafields, Click on "Products" Click on “Add definition”
On the name field copy & paste: Style
On the “Namespace and key” field enter the following: my_fields.style
On content type, select “Single line text”,
Click “Save”.
You are able to set unique styles to this section of your site through Shopify Admin > Product > Metafields > Style
Connect your dynamic field to the right block
Open the theme editor (Customize), then open your product page template.
Metafields are connected to blocks or sections on pages. For this example, we are connecting the dynamic content for the Complete the look feature.
- Click on the “Complete the look” block
- On the products field, connect the relate product source per field.
- Save.
At the end, it should look like this:
💡 If you get a Liquid error, remove your "Complete the look" block and add a new "Related products" block and re-do the last step of the documentation.
Contact UsWas this article helpful?
Have more questions? Submit a request