Glossary Item Box

Squirrelcart v4.5.0

Slideshows - Creating and Modifying

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.

  1. Click the Modules > Slideshow > Slideshows link

     
  2. To add a new slideshow, click . To modify an existing slideshow, click the pen icon at the beginning of it's record row. (You can also click anywhere on the row to edit a record)
  3. Fill out the form fields, using the field descriptions in the Record Guide section below as a guide.
  4. Click the Save and Preview Changes button 
  5. Upon saving the record, a preview of the slideshow will appear, along with code that can be used to display the slideshow in Squirrelcart or on any web page.
  6. If this is a new slideshow, you will need to add it's code to Squirrelcart or to a non-Squirrelcart web page. For instructions on doing this, see the Adding to a Page topic in this section.

 

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.