Glossary Item Box
Instructions
In order to display a slideshow, you must first create a record for it in your control panel. That record will tell Squirrelcart what images to display, and how to display them.
Record Guide
Use the information below to aid you in creating and modifying slideshow records.
Details
Name
This for your reference, to identify the slideshow.
Show
This field controls what images will be shown. Values are as follows:
product images by category
Display product images for products that are in one or more selected categories
product images by selection
Display product images for products that you select individually
product images for one product
Display product images for a single product, using that product's Large Image and Extra Image fields
![]() |
For instructions on creating a product slideshow using either option above, see the Product Slideshows topic in this section. |
category images
Display category images from your category records
![]() |
For instructions on creating a category image slideshow, see the Category Slideshows topic in this section. |
images from a directory
Display images from a folder inside your sc_images folder
![]() |
For instructions on creating a directory slideshow, see the Directory Slideshows topic in this section. |
custom
Display custom images, with optional captions, links and thumbnail images
![]() |
For instructions on creating a custom slideshow, see the Custom Slideshows topic in this section. |
Products
This field only appears when the Show field is set to product images by selection. The field displays a list of all of your products for you to select for use in the slideshow. To select multiple values, hold down the CTRL key when selecting values (on a Mac, use the COMMAND key instead).
Categories
This field only appears when the Show field is set to product images by category or category images. The field displays a list of all of your categories for you to select for use in the slideshow. To select multiple values, hold down the CTRL key when selecting values (on a Mac, use the COMMAND key instead).
Show Captions
When checked, product names will be shown as captions in the slideshow
Link to Products
When checked, each slideshow image will link to the corresponding product page.
Randomize
When checked, images will be shown in random order.
Number of Slides
Use this field to designate how many slides to show. The higher the value you choose, the longer it may take to load the page containing the slideshow in your browser.
Show Controller
When checked, a controller will appear on top of the slideshow when a slide is moused-over:
This controller can be used to navigate through the slides, pause, and play
Transition Effect
This controls the effect used to change from one slide image to another. Values are as follows:
fade - images fade in on top of one another
fold - images unfold on top of one another
push - images push previous image out of the frame
kenburns - images are reduced in size gradually while moving to give an almost cinematic effect
Effect Duration
This controls the time (in seconds) that the transition from one slide to the next occurs
Show Each Slide For
Number of seconds to show each slide before transitioning to the next one
Overlap Slides
When checked, slides transition on top of one another. When unchecked, a slide is transitioned out before the next one is transitioned in.
Loop
When checked, the slideshow will play over from the beginning when the last slide is reached.
Start Paused
When checked, the slideshow will start in a paused state. The user must click the play button in the controller in order to start the slideshow.
Style
This controls the style used to display the slideshow. 11 built-in styles are included.
Style Variant
This field only appears when the Style selected has variants to choose from. This is used to change some aspects of a style (color for example) without changing the overall appearance of the style.
Size
This controls the overall size of the main images for the slideshow
Orientation
This controls the orientation of the frame used to display the slideshow. Landscape and portrait are both supported.
Image Source Field
When displaying products in a slideshow, this field is used to specify which image field from your product records to use as the source for the main images for the slideshow. We recommend you set this field to Large Image
Resize Images
Your source images may be larger than the frame used to display the slideshow. When this happens, Squirrelcart can resize the images automatically to fit the slideshow frame. This requires the GD PHP extension.
Show Thumbnails
When checked, smaller thumbnail images representing your slideshow images will appear alongside the slideshow frame. These thumbnails can be clicked on to navigate through the slideshow.
Thumbnail Size
When Show Thumbnails is checked, a Size field appears to control the size of your thumbnails. Squirrelcart will automatically create these thumbnail images for you when the GD PHP extension is installed.
Thumbnail Placement
When Show Thumbnails is checked, this field appears. It controls the placement of your thumbnail images. You can put them below, above, to the right, or to the left of your slideshow.
Style Preview
This fieldset displays an example image showing the frame that will surround the slides. This example image will change when you change the Style field on the slideshow record. For a full preview of the show, click the Save and Preview button on the slideshow's record.
Code to Display Slideshow
This fieldset only appears after you have saved the slideshow record. It contains the code necessary to display your slideshow. For more information on using this code, see the Adding to a Page topic in this section.
© 2001-2014 Lighthouse Development. All Rights Reserved.