# One product

{% hint style="info" %}
**Add section -> One product**
{% endhint %}

## One product

&#x20;Here you can select a product from the options in the **“Product”**. There you will see all products that you have added to your Shopify Admin. How to add and edit the products you can find [<mark style="color:blue;">**here**</mark>](https://help.shopify.com/en/manual/products)**.**

In the dropdown list of **“Layout”,** you can choose the position of the text on mobile: to display the centered information or aligned to the left.

&#x20;The option **“Reverse layout”** allows you to change the positioning of the content with the image from the left to the right side.

## Gallery

&#x20;Here you can enable the **“Show gallery”** option and the product's images will be shown in this section.

&#x20;In case you want to have a completely different image of this very product, you can press **“Image”**. If your product has several images, you may need some arrows that will help your customer to check all images of the product. In order to get them simply enable the option **“Arrows”**.

## Labels

Here you can decide which labels should be shown on the product. The following labels are available: “In stock”, “Pre-order”, “Out of stock”, “Sale”, “New”, and “Hot”:

![](/files/-MduffNqxNo6-yimBK3W)

## Elements

&#x20;In the **“Elements”**, you can choose what kind of product information should be displayed on the home page, e.g.: title, price, SKU, buttons, quantity, etc.

![](/files/-MdugqTfQB-_ymeYmosv)

## Background image

&#x20;In order to make this section more attractive for the clients, you can add the **“Background image”** for a desktop and a mobile view. The image size can be changed by choosing one of the options from the dropdown list in the **“Image height”**. If you want to show another image for mobile, press **“Select Image”** in the **“Mobile background image”**.

&#x20;We have added the background image, and this is what we have got:

![](/files/-Mduo2_soc6Unm8-VGfC)


---

# 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://mpithemes.gitbook.io/shella-shopify-theme/home-page-sections/one-product.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.