# Layout and style

{% hint style="danger" %} <mark style="color:red;">Theme retirement</mark> Ira is no longer available on the Shopify theme store. **Theme support and updates for current users will end after May 18, 2024**. [Learn more here](https://github.com/fluorescent/kb-ira/blob/main/product-pages/readme/theme-retirement.md).
{% endhint %}

In the **Product overview** settings, you can customize the style and layout of your product page and media gallery.

* Choose to use the **Column, Grid**, or **Carousel** layout for product media.
* Enable **full width** to display the product overview across the full page.
* Enable the **sticky sidebar** to keep the product details and form fixed as customers scroll down.

<details>

<summary><mark style="color:blue;">STEPS</mark></summary>

In your theme editor (**Customize**):

1. Click the **Product overview** section to open the settings.
2. (*Optional*.) For long product forms, uncheck the **Enable sticky sidebar** checkbox so customers can easily access product details and buy buttons when they scroll down.

   > The default "sticky" sidebar keeps the product form in view when scrolling.
3. Check the **Enable full width** checkbox to expand the product page content across the entire page.

   > By default, the content of your product page will have a margin on either side when displayed on wide desktop windows.
4. Choose a **Layout** for your product media: either *Column,* *Grid,* *Carousel*.

   > **Grid** displays 2 columns and **Carousel** displays a single image at a time that visitors can click through to view more.

   ![Column layout](/files/qbpEvb8S2VlewIRDjhPL)

   ![Grid layout](/files/b0xRkKasm72euSw28pj8)
5. Check the **Enable video looping** checkbox to make product videos loop continuously after customers click to play them.

   > See Shopify's [Product media](https://help.shopify.com/en/manual/products/product-media) guide to learn more.
6. Click **Save**.

</details>


---

# 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://help.fluorescent.co/ira/product-pages/layout-and-style.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.