Glossary Item Box

Squirrelcart v4.5.0

Custom Slideshows

Overview

Before reading this topic, we recommend you read the other topics in this section that appear above this one to familiarize yourself with the Slideshow module.

The Show field on your slideshow records in the control panel controls what the slideshow will display. When set to product images by category or product images by selection, Squirrelcart will display product images in the slideshow using the settings on the slideshow record.

If you wish to create a slideshow that displays custom images, you can set the Show field to custom instead. You then have the ability to specify the URLs to your slideshow images, thumbnail images, captions, and links.

Instructions for Creating a Custom Slideshow

  1. If you only need to display products in your slideshow, you should NOT be following these instructions. Instead, just create a slideshow record with Show set to anything other than custom. If you are sure you need to create a custom slideshow, continue on below.
  2. Click the Modules > Slideshow > Slideshows link

     
  3. Click .
  4. Enter a name for the slideshow in the Name field
  5. Set the Show field to custom
  6. A new field labeled URLs and settings will appear. This field is used to enter parameters which will control the custom slideshow. Use the Parameter Guide section below to fill out this field
  7. Save the record
  8. Add the slideshow to a page

Parameter Guide (for URLs and settings field)

This guide explains how to format the URLs and settings field for Custom slideshows. Each slide's parameters must be entered on a separate line. You can enter up to 4 parameters for each image in the slideshow. Only the first parameter is required. When using more than one parameter, separate the parameters with ^^

IMAGE^^THUMBNAIL^^CAPTION^^LINK

The first parameter should be set to the URL for the primary image for the slide

The second parameter when used should be set to the URL pointing to the thumbnail image for the slide

The third parameter when used should be set to a short caption to display for the slide

The fourth parameter when used should be the URL that you wish to link to. When the slide image is clicked, this link will be visited.

 

The examples below show example code that could be entered in the URLs and settings field to create different slideshows.

Basic Example

For this example, only the first parameter is used which will create a basic slideshow without thumbnail images, captions, or links.

http://example.com/img1.jpg
http://example.com/img2.jpg
http://example.com/img3.jpg

 

Example with Thumbnails

http://example.com/img1.jpg^^http://example.com/img1-thm.jpg
http://example.com/img2.jpg^^http://example.com/img2-thm.jpg
http://example.com/img3.jpg^^http://example.com/img3-thm.jpg

 

Example with Thumbnails, Captions, and Links

http://example.com/img1.jpg^^http://example.com/img1-thm.jpg^^Caption 1^^http://example.com/pg1.htm
http://example.com/img2.jpg^^http://example.com/img2-thm.jpg^^Caption 2^^http://example.com/pg2.htm
http://example.com/img3.jpg^^http://example.com/img3-thm.jpg^^Caption 3^^http://example.com/pg3.htm

 

 

You must use the same number of parameters for all slides.

Incorrect:

http://example.com/img1.jpg
http://example.com/img2.jpg^^http://example.com/img2-thm.jpg^^Caption 2^^http://example.com/pg2.htm
http://example.com/img3.jpg^^http://example.com/img3-thm.jpg^^Caption 3

 

Correct:

http://example.com/img1.jpg^^http://example.com/img1-thm.jpg^^Caption 1^^http://example.com/pg1.htm
http://example.com/img2.jpg^^http://example.com/img2-thm.jpg^^Caption 2^^http://example.com/pg2.htm
http://example.com/img3.jpg^^http://example.com/img3-thm.jpg^^Caption 3^^http://example.com/pg3.htm

 

 

 

 


© 2001-2014 Lighthouse Development. All Rights Reserved.