Update Banner Slideshow Images

Owned by Oliver Fraatz
Last updated: Sept 04, 2019 by Jason O'Malley

The parameters to replace your website's banners (non header image slideshow) depend on the template style you have.

Note: Download a copy of the image you wish to replace so you have a backup in the event of an issue with the upload of your new image

Template V14:

  • In the CMS go to Content Management - Form Generator.
  • Select View Data for "HeaderBanner". Note: this form name may be different for your website.
  • To add a new image, select Add New
  • To replace an existing image select Edit in the relevant row.
  • Select Choose File to upload a new image.
  • Enter the URL for the page you want to link to, either on your website or another website entirely. Note: If you want to link to an external website, include the "https://" prefix for the URL.
  • Enter an optional text caption you want to appear as an overlay on the image.
  • Enter a priority to set the order in which the image will appear (1 first, 2 second and so on).
  • Click Save.

Templates Pre-V14:

Uploading Banner Slideshow images is a two-step process.

1. Image Upload

The first step is uploading your new Slideshow images to replace your existing images:

Slideshow Image Parameters:

  • Standard Style: 870px width x 230px height (normal) 
  • Full Widtih Style: 1920px width x Variable height. Download one of your existing images to confirm the height.
  • Name the images slideshow_1.jpg through slideshow_9.jpg

To upload the image, log in to the Straightsell Control Panel and navigate to:

  • Content Management > Documents & Images
  • Select the Upload tab
  • Choose the folder /documents/slideshow_fullwidth - FOR FULL WIDTH STYLE
  • Choose the folder /documents/slideshow - FOR STANDARD STYLE
  • Click Browse and select your image file (or zip file if uploading multiple files)
  • Check the Publish box and Uncheck the Optimise JPEGs box
  • Click Upload File
2. Text File Configuration

The second step requires modifying a text file named SlideshowLinks.txt which controls how many images will be displayed.

  • Go to Documents & Images – Simple Search.
  • Select /documents/slideshow or /documents/slideshow_fullwidth and click List All Files.
  • Locate SlideshowLinks.txt and click Download.
  • Open the file.

The first line in SlideshowLinks.txt must be slideURL.

  • Each subsequent line should have a hash (#) character to display an image, OR a link to a page your website.
  • In the below example, the first slideshow image will link to a page on the website, specifically http://standarddesign.straightsell.com.au/Living-Room/Lounge-Suites/pl.php.
  • The second and third images will display but not link anywhere as they have hashes, not a link.

  • Upload the modified SlideshowLinks.txt file into /documents/slideshow or /documents/slideshow_fullwidth