# Setting Up Model Info

**What You’ll Learn**

* How to enable and configure the “Model Information” block on your product pages
* How to create metafields for model photo and specs
* How to assign model info to individual products in your Shopify admin

> 💡 Tip: Model info only appears on desktop views by default in most OpenSpaces themes.

### 🧩 Step 1 – Enable the Model Info Block

1. In your Shopify Admin, go to `Online Store` > `Themes`, then click **Customize** on your current theme.
2. On the product page, check that the **Model Information** block is present under the Product Section.

### ⚙️ Step 2 – Add Model Metafields

1. Go to `Settings` > `Custom data` > **Products**.
2. Click **Add definition** to create a new metafield.
   * **Name**: `Model Image`
   * **Namespace and key**: `custom.model_image`
   * **Type**: `File`
   * Click **Save**
3.

```
<figure><img src="../.gitbook/assets/Screenshot 2025-04-10 at 9.55.53 PM.png" alt=""><figcaption></figcaption></figure>
```

3. Click **Add definition** again and repeat this for the specs:
   * **Name**: `Model Spec 1`
     * Key: `custom.model_spec_1`
     * Type: `Single line text`
   * **Name**: `Model Spec 2`
     * Key: `custom.model_spec_2`
     * Type: `Single line text`
   * **Name**: `Model Spec 3`
     * Key: `custom.model_spec_3`
     * Type: `Single line text`

> 💡 Tip\
> You can rename "Model Spec 1" etc. in your theme editor labels, but keep the keys exactly as shown.

### 🧾 Step 3 – Add Model Info to a Product

1. Go to `Products` in your Shopify admin and open any product.
2. Scroll down to the **Metafields** area and fill in:
   * The model image
   * Height or size info in Spec 1–3
3. Click **Save**.

### 👀 Step 4 – View on the Storefront

When a customer views the product, the model info should now appear visually next to the product image.

### **Need Help?**

* 💬 **Join our community on Discord:** <https://discord.gg/hcc2GvgZc6>
* 📧 **Email us at:** <support@openspaces.design>
* 💻 **Live chat with us:** Available Monday–Friday, 10AM–6PM EST, directly on our website


---

# 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://docs.openspaces.design/readme-1/advanced/setting-up-model-info.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.