> For the complete documentation index, see [llms.txt](https://docs.jollyany.co/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.jollyany.co/templates/alex/gallery-slider.md).

# Gallery Slider

![](/files/WFxTy8cJ1mtgpevgVNgf)

## 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](/files/GxnKEm3jgwCc4SI1bwy4)

![Create Slider page with SP Page Builder](/files/Tky6O31VLx9NP6gWp1Tt)

{% 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](/files/J0AR9sIVPdmQez1nYIny)

## 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](/files/fzE3abLqUEmSozm2nqiI)