Replatforming to Shopify Plus? Contact us for a free consultation.

Theme Helpcenter

Documentation

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.

pasted image 0 (1).png

Complete the look

On your store settings, click on “Metafields”.

metafields (1).png

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

metafields-1.png

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

pasted image 0 (3).png

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

metafields-style.png

You are able to set unique styles to this section of your site through Shopify Admin > Product > Metafields > Style

pasted image 0 (5).png

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.

  1. Click on the “Complete the look” block
  2. On the products field, connect the relate product source per field.
  3. Save.

At the end, it should look like this:

Untitled (8).png

💡 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 Us
Was this article helpful?

Have more questions? Submit a request