The Nectar Slider allows you to create a versatile slider which can be edited to generate some great visual effects.
Using the Nectar Slider you can choose all sorts of options, such as adding arrow navigation to different slides and also adding bullet navigation, ( ie. bullet points that allow a user to click ahead through slides). This also allows you to add links and buttons to the slider.
On the options menu (below) you’ll need to assign a height value to the slider. This is used to prevent the images you add to the slider from exceeding a defined height if they are different sizes.
You’ll also need to ‘Select Slider’, this is currently on Home which means it will draw all the sliders added to the ‘Home’ location you’ll need to create before adding a Nectar Slider.
To add a location, you’ll need to leave the page (remember to save changes at the ‘Publish’ panel on the main page layout section) and go to the ‘Nectar Slider’ tab on the right menu (discussed previously).
There are four options available; ‘All Slides’ shows all created slides ready for editing or deletion. ‘Add New’ allows you to add a new slide. ‘Slider Locations’ allows you to create a location (ie. the page it will display on). ‘Slide Ordering’ allows you to change the order the slides appear in.
To create a new slide, click ‘New Slide’ and you will be presented with the folowing panel:
When creating a new slide you can choose between an image background and a video background. Then you can add the image by clicking ‘Upload’.
There are additional options including; font size and font colour available.
Moving further down the page you can change the ‘Heading’ (the heading on the slider) and ‘Caption’ (the description you can assign to the header which appears under the Heading).
Progressing down the page there’s also the option to add a button link to another page (either on your site or externally to another site).
After this you can add a location. Click on the ‘Slider Locations’ tab (after saving your changes to the slider that has just been created).
Then you will be presented with this:
Here you just assign a ‘Name’ to the slider location and then a ‘Slug’, which is the url of the page you want the slider to display on – for example; if you want to display the slider on the ‘About’ page, the ‘Name’ would probably be ‘About’ and the ‘Slug’ will most likely be ‘/about’.
After assigning the name and slug values return to the page you want to add the Nectar Slider to (previously discussed):
After creating your slider, you can return to the main page layout to add an additional element. Take note, primarily sliders go at the top of a page and the layout has added the Nectar Slider underneath the text and the image added.
You can fix this by dragging the Nectar Slider above the text block and single image by grabbing the move icon (3 straight lines to the far left of the row) and dragging it up: