[Part 1] What is SHOPIFY's metallic? Explanation with procedure up to how to implement it with no code

In this article, we will explain "Metao Basket" that can be used in SHOPIFY using actual usage examples!

• What is SHOPIFY Metropic?
• What can you do?
• What is different from Metafield?
• I'm worried, but it looks difficult and I can't get it ...
• I don't know about the object because I don't have the knowledge of coding ...

If you are such a person, please read this article and practice it.

If you read the official help page of SHOPIFY, you will find the following description.

You can add and save structured information to the store by using a metao -do gect. For example, you can save product information such as functions, specifications, and size charts.

Metao Budgets have two major components.

Definition: Multiple fields that define the structure of the object. It can be managed by [Settings]> [Custom Data] on the management screen.
Entry: Content or data of metao must -go. The entry is created and managed in the Content> Metao Best on the management screen.

https://help.shopify.com/ja/manual/custom-data/metaobjects

……… I don't know ...

If you visually represent the metao must be, it will be as follows.

Objects defined as "branches" can set fields such as address, phone number, and business hours.

Objects defined as "people" can set fields such as names, gender, and nationality.

Did you become able to imagine a metao must -see?
At this stage, it's okay if you still know "blurred".

If you have a store in SHOPIFY, or if you are investigating SHOPIFY, you may have heard the word "metafield".

Here is a brief explanation of the difference from the theme "Metao Basket" of this article.

Metafield is For saving additional data for things (objects) that already exist in SHOPIFY is.
Things (objects) that already exist in SHOPIFY refers to products, pages, customers, etc.
For example, it refers to the details and contents of the SHOPIFY standard product registration screen for the product (object) that cannot be defined.

On the other hand

Metaover Things (objects) themselves So you can set the field freely in the object.

I explained roughly about metao must -see, but what kind of scene can it be used in the actual SHOPIFY store?

As with the branch objects listed in the example in "What is Metao Budget?", You can create an object of the store, and set a field such as the store name, address, telephone number, business hours, etc. for each.

I explained what I could do in the previous section, but it may be a bit difficult to understand if it is just a character, so I will introduce the procedure from here.

• Define the creator's metallorect

• Add an entry (each individual) to the creator's metallorect

• Create an introduction page for the creator entry (individual)

• Create a page for the creator list

The procedure will be a little more, but we will explain each one with a screenshot on the screen, so please try it on your screen together.

 Working page: Settings → Custom data 

Scroll below and click "Add Definition" in the "Define the first metallorect"

Add name and explanation. It is OK with easy -to -understand ones.
The name may be Japanese, but the type below it must be the alphabet. If you want to set the name in Japanese, rewrite the type "edit" to the name of the alphabet.

Next, add your favorite field from "Add Field".
This time, I want to define the name of the creator, so I will select a "single line text".

There are various options, but it is OK if only the name can be entered.

In the same procedure, INTRODUCTION introduction (multiple lines text), images images (files), Product products (products) have been defined.

Once completed, click "Save".

 Working page: SHOPIFY management screen → Left menu → Content → 

Select "Creator" created earlier and click the "Add Entry" button on the next screen.

After switching to an entry addition screen, it was set when the definition was created earlier.Set names, introduction sentences, and images.

Earlier, I created a metallorect entry from the creator named "John DOE". In this section, I will create John Doe's page.

 Working page: SHOPIFY management screen → Left menu → online shop → "Customize" for the theme during use 

To display information, you need a template on the page. Let's set from the SHOPIFY theme customizer.

Click on the "Homepage" on the top of the screen, and select "Create a metao must -do template" from the displayed. On the subsequent screen, select the metao must -do "Creator" created earlier.

Click "Create a template" on the next screen.
(On this screen, you can configure the titles, discontents, and URLs on the page related to SEO. I will omit the detailed settings this time).

Select the section you want to display. This time, I selected the image with text and inserted it.

Select the headline of the image section with text, click the icon (such as the server) icon "Add Dynamic Sauce", and select "Metao Bugout" from the displayed.

Then the system will automatically take the entry content from the metao -do gect and display it!
In the same procedure, set the introduction to the text.

In the case of the image, select "Image with text", click a similar (server -like) icon at the right end of the image column, and select Image.

Once you've finished selecting everything, it's like this!

Did you try so far and don't feel a little more as a man -hours to display a page of one creator? Creating a blank template and adding images, names, and introductions is enough to work ...?

 The advantage of creating a template for a metaodo must -do is not just creating a page for one person.

As long as the information is registered as "entry", it is possible to display it without creating an individual page one by one!

Press "Change" to the right of the preview and change to another entry. This time, I have already added information about EMILY.

Then, Emily's information was displayed like John! Of course, this display can be confirmed not only from the management screen but also from customers.

Because the URL has already been assigned as a "handle" No more troublesome settings are required.  

Working page: SHOPIFY management screen → Left menu → online store → Customize

Select a page in the part that is currently the homepage, and then click "Create a template"

Enter the name of the template on the next screen and click "Create a template".

 Working page: SHOPIFY management screen → Left menu → online store → page 

Enter the title from "Add Page", select and save the template created in the procedure (1) in the theme template column.

 Working page: SHOPIFY settings → Custom data → Page 

The pages to work are getting a little complicated, as they go back and forth. However, please be assured that you only have to set up both the previous work and this work, so there is no need to work later.

Select a page from the custom data of the settings and enter the name

Select a metao must -go from "Select a type" and select "List of Entry".

From "Select Entry", check everything (or any) entry and save.

Working page: SHOPIFY management screen → Left menu → online store → Customize

This is the final step of the Metao Bugl list display!

Display the Creators template created on the customization screen and procedure (2).

Add the "multiple columns" section and select the first Row.

Click "Connect Dynamic Source" and select Creators.

 Then!

The information of JOHN and EMILY, added to the Metao Bugout called Creator, was displayed at once!

The button link is also automatically set to the individual page of each creator.

After that, change the style freely, adjust text and headlines.

Thank you for your hard work! !

How was it? At first you may have felt a little hard.

but,Once you make this setting, just add a metacodo meter entry, even if the number of creators increases.inAutomatically generates individual pagesBe, Names and photos are also displayed in the list of creatorsIt will be.

This time, I introduced an example of a handmade product creator, but as I introduced what I can do using a metaomo, I created a list of stores and branches, creating a FAQ and automatically displayed it. There are still many ways to use!

Please look for how to use a metao must -go that suits your business.

This time, I introduced how to use it with no code, but there are still many steps, so there is no one who can respond to it ... I want to make a more customized store in code editing! Please contact Go Ride in case.