Metaobject template examples

This page explains the process of generating the Recipe metaobject template using Easy Content Builder.

• Step 1: Create metaobjects
• Step 2: Add metaobject entries
• Step 3: Create the template
• Step 4: Add sections and showcase your metaobject entries on your theme.

Here is the live demo of the recipe: click to view.

Steps

1. Create metaobjects

We've defined two metaobjects for the Recipe: ECB Media and ECB Rich Text. Check out the screenshot below.

For steps to create a metaobject definition with just one click, click here.

2. Add metaobject entries

Next, we added metaobject entries for ECB Media and ECB Rich Text.

• ECB Media is where we store sample cooking images.
• ECB Rich Text is where we store sample Cooking methods, ingredients, how-to steps, etc.
  

For steps to add metaobject entries, click here.

ECB Media entry:

ECB Rich Text entry:

Check out the different sample recipes on our live demo. Each recipe is linked to an ECB Media entry and ECB Rich Text entry.

3. Create the template

After adding custom data (also known as Metaobject entries) for the Recipe, the next step is to create a Metaobject template to showcase this data on the storefront.

For steps to create a template, click here.

Consider using the blog post to create your Recipe pages. This allows you to utilize the default Shopify listing page, displaying all your recipes with pagination. You can still customize the page layout in a versatile multi-column format (ranging from 1 to 4 columns) to showcase your recipes, such as this example.

Once you have finished creating the Recipe template, you will be directed to the Theme Editor, where you can begin customizing the template.

Note: After creating a template, you can always return to edit your recipe template in the Manage Templates section.

4. Add sections

Finally, you'll need to add sections and link them to the Metaobject data to showcase your recipe on your theme.

For steps to add sections to a template, click here.

Below are the sections we included in this sample recipe. You will be able to see which section is linked to which metaobject entry.