# Gallery Slider

![](https://3301969549-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoBBXF4uM9fQS8Kd3Rdft%2Fuploads%2F2Wu01mFDmi8xGcGDcS9O%2Fgallery-slider-demo.jpg?alt=media\&token=492d9de7-54df-48f4-93c5-eb60e1bda978)

## 1. Create the page "Gallery Slider" in sp page builder

The page is built with SP Page Builder, so please make sure this component has been already installed. 

* Go to Admin > Components > SP Page builder > Pages > Add new
* Click to add a new row > add new addons > A list of add-ons appears > open the tab "**Jollyany**" on the left, you'll see all Jollyany addons
* This page is used with the following addons: **UK Text, and UK Slider.** Look for these 2 addons in the list and add them to the page and start configurations.

![Jollyany addons](https://3301969549-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoBBXF4uM9fQS8Kd3Rdft%2Fuploads%2F2VTDWGq0oRP593dCcEir%2Fjollyany-addons.jpg?alt=media\&token=7dfacf71-5d0e-48de-b3da-4eb5d2ff8c2e)

![Create Slider page with SP Page Builder](https://3301969549-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoBBXF4uM9fQS8Kd3Rdft%2Fuploads%2Ft6I4rUNixZ9HsxM92GZv%2Fslider-sppb.jpg?alt=media\&token=c50ba272-ac48-43f0-a54a-9c5d0e388625)

{% hint style="info" %}
**UK Text:** edit the addon, enter a title and add its content, as well as configure other options

**UK Slider:** edit the addon, click "**Add item**", with each item, you can upload an image, give it a title, link, and so on. 
{% endhint %}

![Edit UK Slider](https://3301969549-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoBBXF4uM9fQS8Kd3Rdft%2Fuploads%2Fh7OxmM4A0Txa38YdXmbC%2Fuk-slider.jpg?alt=media\&token=17f658eb-3c32-41ea-a502-a2c8cc2fd57a)

## 2. Add a new menu item

This step is to add a new menu item for the page "Gallery Slider" so that it can display properly in the main menu

* Go to **Admin > Menus > Main menu > Add new**
* Menu item type: **SP Page Builder > Pages**
* Select page: **Gallery Slider**
* Template style: **tz\_alex - default**

![Create a menu item for gallery slider](https://3301969549-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoBBXF4uM9fQS8Kd3Rdft%2Fuploads%2FkhKTh3KBCLVrSSm2COnI%2Fgallery-slider.jpg?alt=media\&token=0446277d-69fb-40a8-a9a1-565c3e46d3c4)