Module How-To: Carousel

A quick how-to on how to use the Carousel module.

Module How-To: Carousel

  1. 1. Go to your Drag and Drop Module drawer - Select your the widget you want and drag it to the zone of your choice.

    Go to your Drag and Drop Module drawer - Select your the widget you want and drag it to the zone of your choice.
  2. 2. Click on Carousel

    Click on Carousel
  3. 3. Edit the Widget - Click on the Pencil icon.

    Edit the Widget - Click on the Pencil icon.
  4. 4. Name Your Widget "Image Carousel". To help organize your content and modules, its good practice to name your module.

    Name Your Widget "Image Carousel". To help organize your content and modules, its good practice to name your module.
  5. 5. Click on Add new record

    Click on Add new record
  6. 6. Enter a Title

    Enter a Title
  7. 7. Optional: Select a Page to Link to

    If you want the carousel to link to different pages or objects select a page or enter a URL.

    Optional: Select a Page to Link to
  8. 8. Click on Select to Link a Page

    Click on Select to Link a Page
  9. 9. Pick a Page

    Pick a Page
  10. 10. Click on Select

    Click on Select
  11. 11. Enter a Category

    Enter a Category
  12. 12. Select a Category Color

    Select a Category Color
  13. 13. Add an Image

    Add an Image
  14. 14. Click on Select

    Click on Select
  15. 15. Select an Image

    Select an Image
  16. 16. Click on Select

    Click on Select
  17. 17. Click on Update

    To complete your edits, click on Update to exit to the carousel lister variations.

    Click on Update
  18. 18. Click on Add new record

    To add another carousel image.

    Click on Add new record
  19. 19. Preview Your Edits

    Click on the Live Preview Editor

    Preview Your Edits
  20. 20. Preview Your Carousel

    Preview Your Carousel