Maya
  • Overview
    • 💡Support and documentation
    • ✨Announcement bar
    • ✨Header
    • ✨Slideshow with marquee
    • ✨Hero carousel
    • ✨Trending products
    • ✨Collection carousel
    • ✨Rich text
    • ✨Featured collection
    • ✨Products grid
    • ✨Lookbook
    • ✨Highlight text with image
    • ✨Media with text
    • ✨Collapsible content
    • ✨Blog posts
    • ✨Vertical carousel
    • ✨Burst effects
    • ✨Collection tabs
    • ✨Best selling products
    • ✨Collection list
    • ✨Images comparison
    • ✨Images with text carousel
    • ✨Media with cards
    • ✨Media grid
    • ✨Media with text overlay
    • ✨Scrollable collections
    • ✨Scrolling text
    • ✨Scrollable marquee
    • ✨Testimonials
    • ✨Text with icons
    • ✨Custom liquid
    • ✨Featured product
    • ✨Footer
    • ✨Setup home-two page
    • ✨Theme settings
    • ✨Age verification popup
    • ✨Newsletter popup
    • ✨Template product
    • ✨Setup product specifications on product page
    • ✨Template default collection
    • ✨Template- Blog
    • ✨Template - Default blog post
    • ✨Template- Cart
Powered by GitBook
On this page
  • Follow the below steps:
  • Final result (Storefront):
  1. Overview

Setup product specifications on product page

Product specifications allows to showcase the product features or characteristics.

PreviousTemplate productNextTemplate default collection

Last updated 4 months ago

Follow the below steps:

To display content in this section, please ensure that the Product Specifications metaobject is added first.

  1. Go to Shopify admin → Settings → Custom data → Under Metaobject definitions click the Add definition button.

  2. Create a metaobject called Product specifications with the following fields:

Create file type field for the main image of the product feature ,as shown below:

Select the highlighted options and add image as Main image, as shown below:

Add single line text field named #1 Key Feature Title for the product feature title, as shown below:

Add file field named #1 Key Feature Image for the product feature image, as shown below:

Add single line text field named #2 Key Feature Title for the second feature title of the product, as shown below:

Add multi line text field named #2 Key Feature Description for the second feature title of the product, as shown below:

Save this metaobject, as shown below:

  1. Now link this metaobject with the product.

Go to Shopify admin → Settings → Custom data and click the Products tab.

Add definition named Specifications. Choose type- Metaobject and choose the created metaobject reference- Product specifications, as shown below:

  1. Now go to the product and add entries in each product, for the product features. Repeat this step to add multiple entries in the product.

  1. To link this metaobject entries in the product template, go to the product template from theme editor and link the metaobject dynamic source in product specifications block, as shown below:

Final result (Storefront):

✨