# Product page

{% hint style="info" %}
 **Products -> Product page**
{% endhint %}

##  Sidebar

 The option **“Gallery size”,** enables one to decide the image size using 12 grid areas. You can choose to display the gallery of images: 4/12, 5/12, 6/12, 7/12 or 8/12 of a line:

![](https://1204500216-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-McsaSlZSE2uMqzAxy2S%2Fuploads%2FW8JwMCeyDxeFgxl4PfOa%2Fproducts_gallery.size.png?alt=media\&token=d4930954-e979-4702-aea3-af59ce727cf8)

&#x20;If you enable this option, a sidebar will be shown on the product page. You can choose on which side of the product page it should be shown: **“Left”** or **“Right”**. In case you don´t want it to be shown, you can choose the “Off” option in the “Sidebar position”. You can configure content for the sidebar section by adding Theme Blocks in *Products -> Product page -> Add block.* More information about how to customize the sidebar you can find [<mark style="color:blue;">**here**</mark>](https://mpithemes.gitbook.io/shella-shopify-theme/products/product-page/theme-blocks#sidebar-on-the-product-page).

![](https://1204500216-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-McsaSlZSE2uMqzAxy2S%2Fuploads%2Fs3RV6vx6FWzdxUnzCGnn%2Fproducts_sidebar.png?alt=media\&token=67cc0709-c961-4ed0-b649-d8cc3fe264ff)

&#x20;The option **“Enable sticky sidebar”** allows the sidebar to remain sticky on the product page while scrolling down the browser page. If you disable this option, there will be a blank white space on the left or right side of the product when scrolling down the browser page.

## Tabs <a href="#tabs" id="tabs"></a>

&#x20;Here you can enable the option **“Show tabs”** if you want them to be displayed on product pages. If you do not desire to have any tab, disable the option.&#x20;

![](https://1204500216-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-McsaSlZSE2uMqzAxy2S%2F-MhIsBROkx6dEIS_U5nS%2F-MhIwg8_5HwTVDczxuZd%2Fproduct%20page_show%20tabs.png?alt=media\&token=13829f59-4e80-4e66-b5c0-ee5af4e91719)

&#x20;Additionally, you can decide whether to show tabs **“Show tab for Description”** and **“Show tab for Reviews”** by enabling or disabling the options. Checkmark **“Scrolling to open tab”** in case you need to scroll up to the opened tab. This option works only for the vertical tabs on both desktop and mobile versions.

### Tabs type

&#x20;In this section, you can select one of the options: **“Default tabs”** or **"Sheet of tabs"**.

&#x20;Once you select the “Sheet of tabs" option, the Reviews, and Description blocks will be displayed without a tab, but all other tabs will be hidden using this combination.&#x20;

![](https://1204500216-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-McsaSlZSE2uMqzAxy2S%2F-MhIsBROkx6dEIS_U5nS%2F-MhIwjqBtmY9PMUh4ezj%2Fproduct%20page_sheet%20of%20tabs.png?alt=media\&token=4ed4d5eb-232f-4a3c-9824-ac3b1a03f266)


---

# 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/products/product-page.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.