Portal | Homepage | Blog

Updating Image Slider on Homepage


#1

To edit your slides go to the Page Content Editor on the Homepage and open the HTML, in here you will see code similar to this, these are your slides:

    <div style="text-align: left" id="slideshow" align="center">

    <a href="/Fabric/"><img src="/themes/images/slide1.jpg" border="0" class="customimage" height="300" width="960" /></a>
    <a href="/Fabric/"><img src="/themes/images/slide2.jpg" border="0" class="customimage" height="300" width="960" /></a>
    <a href="/30/Classes/"><img src="/themes/images/slide3.jpg" border="0" class="customimage" height="300" width="960" /></a>

</div>

There are two main parts to this code

the image:

img src="/themes/images/slide1.jpg" border=“0” class=“customimage” height=“300” width=“960”

This code contains the url of where your image is stored, in the case above the image url is stored at:

/themes/store_images/slide1.jpg.

You can change this image name to whatever you like.

the link

<a href="/Fabric/">

This contains the link to where your image will take you when clicked, you can change this to whatever department link you want. In this case it will brink you to the Fabric department

To upload any new images to your site you will need to use an ftp client.
Your ftp credentials can be gained through the Support Team or can be reset in the WSM:

There is also a nice training video here if you need further training on this topic:
https://www.youtube.com/watch?v=f17HShh6DVM


#2