# Metafield ready sections

## The Basics

For sections that are Metafield enabled you'll see an option to `Enable metafield detection`\`  that can be set.  This will remove the default content and allow the section to disappear on pages where no data is set.

<figure><img src="/files/pzoqJaNM7VIC9UpgC1DH" alt="" width="305"><figcaption></figcaption></figure>

### Create MetaObjects

For sections with blocks, the ideal structure is often creating a MetaObject definition that corresponds with all the options that can have dynamic data.

For example in the Gallery grid, for the image block, the image and the link can have dynamic data.  You can tell by the cylinder beside the field.

In this case, you'd make a MetaObject definition that would have an File/image field and a URL field. Then you'd make an entry for each image you'd want for any product.

<figure><img src="/files/JwQVWWAIp0wcGYzK6yya" alt="" width="305"><figcaption></figcaption></figure>

### Create a Metafield

You'd then want to make a Metafield on the product that would be a list of gallery image MetaObjects.

<figure><img src="/files/FBVeUTkrXxlVjif1jU6T" alt="" width="375"><figcaption></figcaption></figure>

### Connect MetaObjects to Product via the Metafield

On the product page, you'll now be able to choose from any entry of the Gallery images available and you can connect any number of them.

<figure><img src="/files/BREy2GZNqZ2rdfPnJEsx" alt="" width="563"><figcaption></figcaption></figure>

### Setup in theme editor

Once the Metafields are set up, you can go to the theme editor add the section, then add an image block.  At the top of the image block you see a connect dynamic source for the block.  Choose this and select the metafield.  This will populate a block per MetaObject and set the data up.

<figure><img src="/files/a40jt51JDdN923sPweVv" alt="" width="375"><figcaption></figcaption></figure>

<figure><img src="/files/72eTTrtlLr7RC0gPdE8e" alt="" width="305"><figcaption></figcaption></figure>

If the data doesn't line up correctly, you can go in a manually re-align it.

## Gallery Grid

Gallery grid is one of the first sections we've converted.  Now you can have a unique gallery on each product page, and if some of the products don't have a gallery the section will eleganly disappear for that product.

<div><figure><img src="/files/4UaR9h4yCXHyyFbURzzh" alt=""><figcaption></figcaption></figure> <figure><img src="/files/FH8tFBV6g1Cm29XmGIUd" alt=""><figcaption></figcaption></figure></div>

## Sections with "Enable metafield detection" Setting

### Banner & Hero Sections

* Banner - Video Background
* Banner Image - Parallax
* Banner Image - Simple
* Banner Image with Accounts
* Banner Image with Angles v2
* Banner Image with Boxes v2
* Banner Image with Geolocation v2
* Banner Image with Scheduling v2
* Slideshow with Text

### Collection Sections

* Featured Collection - Expand
* Featured Collection - Scroll
* Featured Collection - Simple
* Featured Collection - Slider
* Featured Collection - Slider w/ Text
* Featured Collection with Text
* Featured Collection - Blocks
* Featured Collection - Fashion
* Featured Collection - Lifestyle
* Featured Collection - Masonry
* Featured Collection - Vibe
* Product List - Lifestyle

### Content Sections

* About with Parallax
* About with Photo Frame v2
* Address with Map
* Announcement - Slider
* Artistic Arches
* Columns - Simple
* FAQ - Icons
* Image with Text
* Video with Text

### Blog & Gallery Sections

* Blog - Tagged Grid
* Blog - Tagged Scroll
* Gallery Grid
* Lookbook Grid


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://design-packs.gitbook.io/docs/fundamentals/global-section-settings/enable-metafield-detection-setting/metafield-ready-sections.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
