Lay Theme Carousel Addon

Transition type “Fade”, autoplay activated, 2000 milliseconds autoplay speed, captions left and numbers right.

Transition type “Sliding”, mouse cursor controls: “Previous” and “Next” cursors, “Show Multiple Slides” on.

Transition type “Sliding”, “Free Drag:” on, “Slides Width:” 40%.

Transition type “No Transition”, mouse cursor controls: “Previous” and “Next” cursors, numbers left and captions right.

Transition type “Slide”, mouse cursor controls: “grab” hand cursor and circles as navigation.

Description

Show multiple images, videos (.mp4 or YouTube / Vimeo), project thumbnails or text slides in a slideshow. Choose from three different carousel styles: “sliding (swipeable)”, “fade” or “no transition”. Features captions and numbers like “1/4” or circles as navigation, autoplay and random order.

Compatible with all other Lay Theme Addons. Only works with Lay Theme.

How to Install

Download the zip file after your purchase, then follow these steps:

  • Log in to your WordPress admin area at “http://yourwebsite.com/wp-admin/”
  • Go to “Plugins” → “Add New”
  • At the top click “Upload Plugin”
  • Upload the .zip file and click on “Install Now”
  • Afterwards click “Activate Plugin”

How to Use

Add a Carousel to a project, page or category in the Gridder by clicking “+Carousel”.

The “+Carousel Button”
Carousel Modal shows up after clicking "+Carousel"

In the Edit Carousel modal you can add images, videos, text slides or project / product thumbnails as slides. The + Video button covers both .mp4 files (uploaded from your Media Library) and YouTube / Vimeo videos via URL. Toggle Random Order, Autoplay, Free Drag and Show Multiple Slides, choose the transition (Slide / Fade / None), and decide whether each slide should fit a Custom Aspect Ratio or a Fixed Height (e.g. 100vh for a browser-height carousel).

Carousel Options

After you install the Addon, find the global settings under Lay Options → Carousel Addon. The page is split into eight tabs across the top:

The Carousel Addon options page — General tab

These are the available options:

  • General
  • Transition Type: Slide (swipeable), Fade, No Transition, Horizontal Scroll
  • Transition Speed (ms)
  • Position of Captions, Numbers and Circles + alignment to slide width
  • Wait until autoplay starts (ms) + Autoplay Speed (ms) + Pause Autoplay on Mouseover
  • Loop Slides + Loop on Touch Devices too (off by default — iOS Safari can stutter)
  • Lazyload images
  • Vertical / Horizontal Alignment of Slides and Text Slides
  • Mouse Cursor
  • Cursor Controls: “Previous”+“Next”, only Next, Pointer hand, Grab hand (for Slide), or none
  • Use DOM cursor rendering (global; sharper than SVG-on-cursor)
  • Custom Previous/Next cursor images (PNG)
  • Circles as Navigation
  • Show Circles + Space Top/Bottom + Space between circles + Circle Size + Color
  • Captions for Slides
  • Show Captions + Position (left / right / center)
  • Textformat + Space Top/Bottom + Space Left/Right
  • Numbers
  • Show Numbers (e.g. “1/4”) + Position + Textformat + Spaces
  • Previous/Next Buttons
  • Show Buttons + Custom “Next” button (Previous mirrors it) + optional Alternative button
  • Color + Space between buttons and the carousel edge
  • Text Spacings
  • Horizontal space around text inside Text slides
  • Other
  • Advanced / experimental toggles — use with care.
(plus VAT)

Questions & Answers

Can I use this addon for multiple Lay Theme websites?

Yes, purchase it once and use it on as many Lay Theme websites as you like.

Does this addon work on any website?

No, Lay Theme Addons only work with Lay Theme websites.

Is this addon compatible with other Lay Theme addons?

Yes, all Lay Theme addons are intercompatible.

Can I have different settings for each carousel?

Yes, most settings can be set differently for each Carousel when you edit a Carousel.

Do you offer refunds?

This depends on the reason given. If you’d like a refund please write an email to info@laytheme.com.