# Slider - Builder

<div align="left"><figure><img src="https://content.gitbook.com/content/wyL8woN53c9Mz63Z9SKh/blobs/qMP66vLmBHR1E2XSXZuZ/docs-img57.jpg" alt=""><figcaption></figcaption></figure></div>

### Create Slider Items

1. Navigate to the `Admin Menu -> Slider Builder`
2. Click `Add New` button on top
3. Put a Name as `Slide 1 - Home City`
4. **Click `Publish` button for save template**
5. Click `Edit with Elementor` and start adding the widgets you want

<figure><img src="https://content.gitbook.com/content/wyL8woN53c9Mz63Z9SKh/blobs/rtIlRzhz0Wcs7olARsQF/docs-img58.jpg" alt=""><figcaption></figcaption></figure>

Similarly create other slide items as "`Slide 2 - Home City`", "`Slide 3 - Home City`"

### Edit Slider Items

1. Navigate to  `Admin Menu -> Slider Builder`
2. Click "`Edit width elementor`" link from Slider Item you want changing
3. In Elementor page builder editor, you can change content, text, ...
4. Click `Update` button for save Slide

<figure><img src="https://content.gitbook.com/content/wyL8woN53c9Mz63Z9SKh/blobs/QAZ923AM6VdROZayqUY6/docs-img59.jpg" alt=""><figcaption></figcaption></figure>

### Display in Frontend

1. From Admin Menu -> Page
2. Select page you want show slider as "Home City", click "Edit width Elementor" link
3. In Elementor Page Editor, select and drag "PXL Slider" widget element to section
4. Add Slider item in the left panel with source template that previously created
5. Click Update for save page

<figure><img src="https://content.gitbook.com/content/wyL8woN53c9Mz63Z9SKh/blobs/avG0bconKBf1Mq0ZZWxc/docs-img60.jpg" alt=""><figcaption></figcaption></figure>
