Website View:
Admin View:
This is a tool where you can create and manage Image Sliders, or flash galleries, for your website. Multiple sliders can be created, and they can be placed on any page.
Table of Content
Creating an Image Slider
Click the "Tools" tab.
Select "Image Sliders".
Fill out the name and (though optional) the description in the green "Add New Image Slider" box.
Click the "Add Image Slider" button.
Editing an Image Slider
Click the name of an image slider to open and edit it.
Click the "Browse" button to open the website's file browser and select an image or graphic from there.
You can upload images of any size in the slider, but for the best results we recommend uploading ones at the size indicated below the "Image" field.
Having images of various sizes in the image slider will cause content to be pushed or pulled around on the website every time the slider transitions to an image, which can be jarring for some users. If you want to avoid this, it is best to have all the images in there to be the same size.
Optional: Set up a link in the image and adjust how it will open.
Adjust the "Publish" field if you want the image to be published in the slider immediately, or if you want it scheduled to start running and / or end on a specific date and time.
Optional: Add text in the "Caption Heading" and "Caption Description" fields.
On the website, the text will display on the bottom part of the image in the slider.
Click the "Add Image" button. Repeat Steps 2-6 for additional images.
Example of a Caption Heading & Description in a Slider:
Note: The link, schedule, caption and description for a slider image can be adjusted at anytime within the "Current Slides" box by clicking the "Edit Slide Options" button next to the image.
Adding an Image Slider in a Page
If your slider is not on a page yet, you can follow the steps listed below.
Select Menu & Pages > Main Pages.
Open the page you plan to add your slider on (e.g. "Music").
If it will be in a sub-page, open it in the menu page it is under.
Create a new stack item by typing out a name for it (e.g. "Music Slider") and select the item type "Image Slider".
Click the "Add Item" button.
Click the "Warning" icon next to the item you created to open its settings.
Click "Image Slider" tab in the pop-up, then choose your slider in the "Select an Image Slider" field.
Optional: Turn off the headlines for the stack item.
Click the "Save Changes" button.
Optional: If you like to get rid of the stack item background behind your image slider on the front-end, you can follow the steps shown below.
a.) In the stack item's settings, click the "Item Display" tab.
b.) Type in the word stack-override in the "Class Name" field.
c.) Click the "Save Changes" button. Make sure to refresh your website to see the change you made.
If applying this does not remove the item's background on the website, clearing out your browser cache will help fix this. For more details on how to do it, click here.
Note: If you wish to disable the thumbnails for an image slider, contact us at anytime and we will be happy to make the change!
Need More Help? Use the Support icon in the bottom right for help,
call us at 217-239-0975, or email us at support@envisionwise.com.