Skip to content

Carousel Skin

View Demo

The Carousel Skin shows listings in an interactive horizontal carousel. Multiple listing cards can appear in each slide, and users can click navigation arrows or swipe to see more. Only listings with a featured image are included; any listing without an image is skipped automatically. This skin is ideal for compact sections like a “Featured Listings” row.

  1. Add a Carousel Shortcode: Go to Listdom > Shortcodes and create a new shortcode. Select Carousel as the skin in the Skin tab.
  2. Choose Style & Elements: In the Style tab, pick a style for the carousel if available. Toggle which elements (title, price, etc.) appear on each slide.
  3. Configure Carousel Settings: In the Layout tab, set how many listings per slide, whether it auto-plays, and the listing limit. Adjust map, sort, search, and filters as needed.
  4. Publish and Embed: Publish the shortcode, then use the [listdom] code in your page. A carousel of listing cards will appear, which users can scroll through horizontally.

Selecting Carousel in the Skin tab enables the carousel view. The skin description reminds you that only listings with featured images are shown because each slide relies on the listing image. Carousel is available in Listdom Lite, so no addon is required just to use the skin.

In Carousel skin, the Style settings control how each slide looks.

  • Title: Toggle the listing title overlay or caption. Enabled by default so users know which listing each slide represents.
  • Categories: Show category labels on the slide if you want to highlight listing types.
  • Price: Display the listing price if relevant.
  • Review Stars: If you use the Reviews addon, you can show star ratings on each slide.
  • Favorite/Compare Icons: If the Favorite or Compare addons are active and supported by the style, you can enable icons for quick interaction. Many carousel styles hide these by default to keep slides clean.

Because the carousel layout emphasizes imagery, elements are typically minimal. Titles and maybe a price or category are most common.

Carousels are usually used without a map. If you leave Map settings empty, no map will show. You can include a map above or below the carousel if desired, but this is uncommon for narrow carousel sections.

  • Autoplay: Enable or disable automatic slide cycling. Autoplay is on by default so slides advance every few seconds, but you can turn it off for manual navigation only.
  • Listings Per Row: Choose how many listing cards appear at once within the carousel viewport. Options typically range from 1–6; the default is 3. Higher numbers fit more slides but make each card smaller.
  • Limit: Set how many listings the carousel cycles through in total. The default is 8. The carousel loops through this set without pagination.
  • Listing Link: Pro users can decide what happens when a slide is clicked—open in a new tab, lightbox, or panel. In Lite, slides open the listing normally.

Carousel shortcodes honor the Default Sort settings so you can control the order of slides (e.g., Date Descending or Random). Sort controls are typically hidden from users for this skin.

Attaching a search form to a carousel is uncommon. Leave the Search Shortcode empty unless you have a specific use case where users should filter the carousel.

Use filters to control which listings populate the carousel. For example, include only listings with a specific category, label, or author to build a “Featured” carousel. Remember that the carousel automatically excludes listings without images.

Homepage Featured Listings Carousel

Create a shortcode filtered to a “Featured” label. In Layout, set Listings Per Row = 3, Autoplay = On, and Limit = 6. Embed it on the homepage for a scrolling strip of featured listings.

Brand Carousel with Minimal Info

Use a style that hides text, showing only images or logos. Set Listings Per Row to 5 or 6 for a fast-scrolling logo carousel. Titles, categories, and other text are disabled for a clean look.