# Gallery

{% hint style="info" %}
**Pages -> gallery -> Gallery**
{% endhint %}

{% hint style="warning" %}
**IMPORTANT!** In order to make your Gallery page more attractive to buyers, add various sections by pressing **“Add section”**. The theme includes different content sections for a Product page, such as [<mark style="color:blue;">**Builder**</mark>](https://mpithemes.gitbook.io/shella-shopify-theme/home-page-sections/builder), [<mark style="color:blue;">**Article carousel**</mark>](https://mpithemes.gitbook.io/shella-shopify-theme/home-page-sections/article-carousel), [<mark style="color:blue;">**Brand Carousel**</mark>](https://mpithemes.gitbook.io/shella-shopify-theme/home-page-sections/brand-carousel),[ <mark style="color:blue;">**Product Carousel**</mark>](https://mpithemes.gitbook.io/shella-shopify-theme/home-page-sections/product-carousel), [<mark style="color:blue;">**Review Carousel**</mark>](https://mpithemes.gitbook.io/shella-shopify-theme/home-page-sections/review-carousel), [<mark style="color:blue;">**Contact Form**</mark>](https://mpithemes.gitbook.io/shella-shopify-theme/home-page-sections/contact-form), [<mark style="color:blue;">**FAQs**</mark>](https://mpithemes.gitbook.io/shella-shopify-theme/home-page-sections/faqs), [<mark style="color:blue;">**Gallery**</mark>](https://mpithemes.gitbook.io/shella-shopify-theme/home-page-sections/gallery), [<mark style="color:blue;">**Information line**</mark>](https://mpithemes.gitbook.io/shella-shopify-theme/home-page-sections/information-line), [<mark style="color:blue;">**Search Form**</mark>](https://mpithemes.gitbook.io/shella-shopify-theme/home-page-sections/search-form), [<mark style="color:blue;">**Subscription form**</mark>](https://mpithemes.gitbook.io/shella-shopify-theme/home-page-sections/subscription-form), [<mark style="color:blue;">**Collections**</mark>](https://mpithemes.gitbook.io/shella-shopify-theme/home-page-sections/collections), [<mark style="color:blue;">**Lookbook**</mark>](https://mpithemes.gitbook.io/shella-shopify-theme/lookbook), [<mark style="color:blue;">**One product**</mark>](https://mpithemes.gitbook.io/shella-shopify-theme/home-page-sections/one-product), [<mark style="color:blue;">**Slider Revolution**</mark>](https://www.themepunch.com/revsliderjquery-doc/slider-revolution-jquery-5-x-documentation/), [<mark style="color:blue;">**Spacer**</mark>](https://mpithemes.gitbook.io/shella-shopify-theme/home-page-sections/spacer). How to configure each of them you can read [<mark style="color:blue;">**here**</mark>](https://mpithemes.gitbook.io/shella-shopify-theme/home-page-sections).
{% endhint %}

## Gallery

&#x20;This section allows one to set the content width for the gallery. It may be either **“Full”** or **“Boxed”**. If you enable the **“Enable masonry”** option the gallery images will not have fixed height rows:

![](https://1204500216-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-McsaSlZSE2uMqzAxy2S%2F-Meysbxsmw0uoGJCBdID%2F-MeytlR4i5d5cc5wiZIH%2FScreenshot_63.png?alt=media\&token=7fc75f25-eb92-4be7-ae25-abec42d78f1d)

## Item

&#x20;In this section, you can add content to your gallery by adding the block **"Item"**. You can add as many “Item” blocks in the content as you wish. It depends on how many images you want to have in your gallery. Make sure that you have created a gallery page in your Shopify Admin first. How to add and edit a page you can read [<mark style="color:blue;">**here**</mark>](https://mpithemes.gitbook.io/shella-shopify-theme/get-started/how-to-add-and-edit-a-page).&#x20;

{% hint style="warning" %}
**Please note**, when creating a gallery page, you need to choose the **Theme template “gallery”** in the Template:
{% endhint %}

![](https://1204500216-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-McsaSlZSE2uMqzAxy2S%2F-MguPMWyl7rMU10ycWaa%2F-MguRBO7x5LWZhOBtQn7%2FScreenshot_17.png?alt=media\&token=da99da57-f613-4103-a3db-2b5feef0cb49)

&#x20;In the **“Page name”**, paste the Theme template to assign it to the needed page, e.g. “gallery”. You can also choose the size of the image proportion to the gallery row on the **“Size”** scale from 1 to 12, add a new **“Image”** that should be displayed in the gallery, and change its quality on the **“Image size”** scale from 200 to 1000px. There are two fields for the text lines **“Text line #1 - #2”**, which you may add to the gallery image. This text will be shown on the image when hovering over with the mouse:

![](https://1204500216-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-McsaSlZSE2uMqzAxy2S%2F-Meysbxsmw0uoGJCBdID%2F-MeyuvyfJLUPnfi--jsW%2FScreenshot_65.png?alt=media\&token=72f2b35c-3dba-454e-9ef2-de196447ad51)