# Heading

✨ [Demo store](https://optis-product-options-variant.myshopify.com/products/heading?variant=51026014273814)

### 1. How Does the Heading Display?

The Heading option displays as a bold, attention-grabbing line of text on your product page. It’s used to separate sections within your options list or label a group of options to improve clarity and organization. It does not collect any input from customers.

Example of how it appears on a product page:

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXfmIEWpR9ExKSZRl5gPHr1WRTBkdYj7wlxk0-c04dXlcHh5s6ry7R7_g8n3aApoSkJRuOUNjlyz02dluQXJiIFHnv-sho-M-38CVlF1uwafov1-4QIlu0rnssJgbfQe19_M2QMh?key=DC83dM0yOWsDjpoRFQoUWeuE" alt=""><figcaption></figcaption></figure>

### 2. How to Create a Heading

**Step 1: Add a New Option**

* Click Add Option > Heading to create a new option

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXewpMyTBMU4Yo7ijc6CqovUrty-aznvKBuj7__wGhroIfEwKgmhB4hM-iUtBVuZ6xXF9ss-WLN5-WkcKqdihF2yEEG8dNhJl3SbqM8WN_85pz_whIwZ5TdUHvGczMejK0-h0KnHvA?key=DC83dM0yOWsDjpoRFQoUWeuE" alt=""><figcaption></figcaption></figure>

**Step 2: Add information to the Heading**

* Enter an option name for the Heading (This will not show on the store front)
* Enter your heading text in the field (e.g.: Step 1: "Choose your Size”).
* Adjust Size, Text color, Font weight for the heading.

<figure><img src="/files/bip01vYIwOSk0IrOFPEy" alt=""><figcaption></figcaption></figure>

**Step 3: Advanced Settings (If Needed)**

{% hint style="success" %}
**Conditional Logic:** Enable conditional logic if you want the Heading to show/hide only when a customer selects a specific option from another field. [How to set up Conditional logic?](/product-options/getting-started/other-popular-features/how-to-set-up-conditional-logics.md)
{% endhint %}

**Step 4: Save and Test**

* Click Save to apply the settings.
* Visit the product page on your store to check if the Heading works correctly.

### 3. Real-World Applications of Heading

* Grouping related customization fields
* Adding titles for steps in a multi-step configuration
* Drawing attention to specific sections (e.g., "Gift Options", "Upload Your Image")
* Improving layout and readability of long forms

### 4. Key Features of Heading

* Purely for visual organization, not for customer input
* Makes long option lists easier to navigate
* Fully supports conditional visibility
* Displayed as bold text, styled consistently with your theme


---

# 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.optis.me/product-options/18-option-types/markdown/heading.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.