Making a Carousel Gallery (Slider)

Summary

Instructions for adding a slider (carousel image gallery) to the top of a page above the page's title and content in the new Site Template.

Body

Issue/Question

How do I create a carousel style or slider gallery?

Environment

  • Web CMS

Cause

The slider.pcf file is no longer used in the new templates. To add a slider gallery to your page, you must now create an image gallery asset and add it to your page. 

Resolution

  1. In Web CMS select Content and click Assets from the navigation bar. 
  2. Click New, select Image Gallery.
  3. Fill out required fields to create asset, click Create.
    Note: Be sure to set the appropriate Access Group and Available To when creating an asset. 
  4. Once the Image Gallery asset is created modifications can be made and images can be added.
  5. Configure the Gallery Options
    • Crop images to have the same height.
      Note: Read more about image sizing at the Web CMS Example Site Carousel Galleries page.
    • For a Carousel Gallery in the Advanced section insert:
    • style=carousel; 
  6. Add images by dragging images or select Upload Images. Each image that you upload will have the following items:
    • Title: The displayed name of the image in carousel view. 
    • Description: The text that will display over the image in carousel view.
    • Caption: The description that will display when a user hovers on an image. 
      • Note: While captions aren't required to save your gallery, they are required for Final Check Accessibility scan. This field is used for the images alternative description. 
    • Link: The URL to open when clicking on the image. 
  7. Click Save.

Details

Details

Article ID: 3276
Created
Tue 4/23/19 3:26 PM
Modified
Tue 11/12/24 11:12 AM

Related Articles

Related Articles (5)

Instructions for enabling the Image Slider Region at the top of a page and adding a gallery.
Instructions for adding an asset (reusable content, galleries, & forms) to a page in Web CMS.
Instructions for creating a form on a WKU page through Modern Campus CMS.
Instructions to fix the accessibility final check critical problem Images must have alternate text.
Instructions for creating a grid gallery asset in Web CMS.