Shella Shopify Theme
  • User Manual
  • Shopify help
  • Get Started
    • How to create a new Template
    • How to add and edit a Page
    • How to build Metaobjects
    • How to find a handle
    • Filters logic
    • Pre-Order
  • Product variants
  • Header
    • Theme Blocks
  • Footer
    • Theme Blocks
  • Metafields
    • How to create custom filters
  • Theme Sections
    • Builder
      • Promo box (Banner)
      • Slick Slider
      • Revolution Slider
      • Instagram
      • Product column
      • Custom HTML
      • Space for vertical menu
    • Spacer
    • Article carousel
    • Brand carousel
    • Product carousel
    • Review carousel
    • Contact form
    • FAQs
    • Gallery
    • Information line
    • Search form
    • Subscription form
    • Brands
    • Collections
    • Lookbook
    • One product
    • Collection page heading
      • Theme Blocks
    • Collection banner builder
      • Theme Blocks
    • Ticker
  • Products
    • Product page
      • Theme blocks
    • Related product carousel
    • Usage information sidebar
  • Collections
    • Product grid
      • Current filters
      • Collections
      • Filters
      • Filter settings
      • Tags
      • Products
      • Custom HTML
      • Subscription
      • Promo box (Banner)
  • Collections list
  • Page categories
    • Policy page
    • Lookbook
      • Page
    • Gallery
      • Page
    • FAQs
      • Page
    • Contact
      • Page
    • Brands
      • Page
    • Password
      • Social media
    • Search
      • Current filters
      • Filters
      • Filter settings
      • Products
      • Custom HTML
      • Subscription
      • Promo box (Banner)
    • Quick view
  • Blogs
    • Theme Blocks
  • Blog posts
    • Theme Blocks
  • Theme settings
    • Quick Start
    • License
    • Logo and Favicon
    • Layout
    • Colors
    • Typography
    • Collection and Search page
    • Product -> General
    • Product -> Variants
    • Product -> Collection Page
    • Product Page and Quick View
    • Search
    • Currency
    • Cart
    • Wishlist and Compare
    • Payments
    • Social Media
    • News Subscription
    • Blog and Article Pages
    • Account
    • Reviews
    • Services
    • Apps and Language
    • Button, Input and Promo Box
    • Notifications
    • Pre-loader
    • Animations
    • Developer
    • Custom CSS
  • Theme features
  • Back to Help Center
Powered by GitBook
On this page

Was this helpful?

  1. Get Started

How to build Metaobjects

Metaobjects allow to create and store a custom data with the following displaying this new structured information in the storefront.

PreviousHow to add and edit a PageNextHow to find a handle

Last updated 9 months ago

Was this helpful?

The same metaobjects can be used across multiple pages, allowing you to edit the information just once in your admin and automatically update it in all sections where the metaobjects are used throughout a store.

Find more information about Metaobjects in the following .

To organize and display the additional structured information in your store, follow the next main steps:

Step 1. Build a Metaobject.

To create and store additional information in your store, create a Metaobject definition with the list of entries. Each entry will include as many fields as you form while adding the Metaobject definition. The entries can be used to display in different theme sections and blocks.

  • Add Metaobject definition. Go to Shopify Admin -> Settings -> Custom data -> Metaobject definitions and press the “Add definition” button:

Then, type the name of the metaobject definition and change the “Type” if needed:

In the “Fields” drop-down, choose the type of the field:

Edit the popup to create a new field:

Add as many fields as needed:

Hit the “Save” button to store settings.

  • Operate Metaobject entries. To edit fields, you are going to create metaobject entries.

Navigate to Content -> Metaobjects in your Shopify admin and press the “Add entry” button. Next, choose the Metaobject definition in the drop-down for which the entry will be used:

Then, edit fields with the content. And save the changes.

Add as many entries as you need:

Step 2. Create a Metafield.

Create a Metafield definition to connect Metaobject entries with a product. Thus, you will be able to assign each entry to a Metafield in the desired sequence and for each individual product.

  • Add a Metafafield definition. Go to Shopify Admin -> Settings -> Custom data -> Metafield definitions and choose the part of a store to create metafields definitions. In our case, it will be “Products”.

Then, press the “Add definition” button:

Create a metafield with the format:

  • Name = e.g. Feature 1

  • Namespace and key = custom.feature_1

  • Description = Your text (optional)

  • Select content type -> Metaobject

  • Reference = your Metaobject definition

Save the changes.

Add numerous metafields:

  • Connect Metafields with the entries for a product. Navigate to Products and select a product.

Use each Metafield to connect with different entries:

Save the settings.

Step 3. Connect the Metaobject with the theme sections.

To link metaobjects to the theme blocks or sections, go to the theme Editor and select a part of a store to work on it, for example, “Products”. Then, decide what section or block to use on a page:

Press the source icon next to each field in the block/section to connect the Metaobject reference with the field:

In the Metaobject reference, select an entry to use for each field:

Use different Metaobject references to connect with different sections in the block:

Save the settings.

The same metaobjects can be used in other dynamic sections on the Product page. Add a section and specify the content using the source icon.

In our example, we used the “Information line” section with three “Content” blocks:

In case you need to use custom icons, you can find the list of icons .

here
documentation