---
description: Updated on February 17, 2022  Bluesky Team
---

# Gallery

### Overview

The interaction between customers as well as store owners is necessary. Especially when the store owner is not online or the customer has duplicate questions. We bring in Gallery module to solve this problem.

### Introduction to PageBuilder - Gallery

Learn how you can create **Gallery** with PageBuilder :

{% embed url="https://youtu.be/LRbxAR1KdiQ" %}

### How to Configure

![](https://1228290169-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOKXJeKzPNYFTVQat5VJw%2Fuploads%2FJ4yky7aDwJDUX8sHYrui%2Fgas1.png?alt=media\&token=05ae753e-a5d8-4ec7-8432-4cdeb6957e48)

Step 1. Add new image to gallery. Click to the image box then edit.

* In the **Image** field: Upload image. Maximum file size: 4 MB. Allowed file types: JPG, GIF, PNG.
* In the **Link** field: Add a link to the image to which redirect the customers when they click to the images.
* In the **Image Caption** field: Specify caption of the image.
* In the **CSS Classes Custom** field: Add your custom class css. Space separated list of classes

Step 2. Click to the module edit button to configure the Gallery module.

* In the **Layout Design** field: Determine how the images are displayed within the galler.
* In the **Action Link** field: Determine action when customers click to the image.

![](https://1228290169-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOKXJeKzPNYFTVQat5VJw%2Fuploads%2F5YIhdMgSxTybSB38ANkj%2Fga2.png?alt=media\&token=ed3c39e7-a9d0-4e5f-a8ce-3f5d1a7ce13d)

* In the **Space Between Item** field: Setup Space between Collections.

Copyright © 2022 [Blueskytechco.com](https://blueskytechco.com/). All Rights Reserved.
