# Product page

{% hint style="info" %}
&#x20;**Products -> Product page**
{% endhint %}

## &#x20;Sidebar

&#x20;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)
