Carousel view shortcode

The Carousels enable you to display multiple pieces of content within a limited space. This is especially useful for websites that want to showcase a variety of listings without making the homepage or landing page appear cluttered. Carousels add dynamism and visual interest to sites. With their sliding animation, they can make a webpage look more engaging compared to static images. Also, you can control the number of listings to be displayed per row.

Table of Contents

Carousel View Shortcode Configuration

If you wish to implement the Carousel View design on your website, you initially need to generate the appropriate shortcode. After obtaining this shortcode, you can insert it at any location on your website. This will present your directories in a Carousel style. Remember that the Carousel skin only shows the listings that have featured images.

In your WordPress admin panel navigate to Listdom → Shortcodes. Press the Add Shortcode button.

The Carousel view shortcode on the “Add New Shortcode” page, has these options:

1. Add Title: Type a name for this shortcode.

2. Skin: Select the skin type. Here we choose Carousel.

3. Style: Choose between 5 different styles for listing cards. You can select either the pre-made style or make new ones with Elementor.

👉 You can build custom styles for listing cards with Listdom Elementor Add-on.

4. Listing Per Row: Choose the number of listing cards to display per row. Options include 1, 2, 3, 4, or 6.

5. Limit: This sets the maximum number of listings to display.

6. Listing Link: Decide where the listing links will open:

  • Same Window: Opens the listing detail page in the same browser window.
  • New Window: Opens the listing detail page in a new window.
  • Open in Lightbox: Shows the listing detail in a lightbox.
  • Disabled: Deactivates the link.

👉 The Listing Link feature is only available on Listdom Pro Addon.

7. Display Labels: Determine whether to display the listing labels on the image or not. this option is disabled while the style 2 is selected.

8. Display Share Buttons: Enabling this option adds a share icon to each item. Hovering over this icon reveals the share buttons.

The rest of the options on the page are shared among various skin shortcodes. You can learn more about them in the Skins Shortcodes Common Settings.

Finally, click the Publish button.

To exhibit your listings in Carousel view using this shortcode, you can place it at any desired location on your website.

Still Stuck? We’re Here to Help.

Share:

LET'S GET STARTED

Start a directory site today!

Join thousands of Listdom users and build a directory and classified website.

Table of Contents