{"id":369460,"date":"2025-11-02T11:21:53","date_gmt":"2025-11-02T05:21:53","guid":{"rendered":"https:\/\/directorist.com\/?post_type=docs&p=369460"},"modified":"2025-11-02T11:36:51","modified_gmt":"2025-11-02T05:36:51","password":"","slug":"listings-slider-carousel-listing","status":"publish","type":"docs","link":"https:\/\/directorist.com\/docs\/listings-slider-carousel-listing\/","title":{"rendered":"Listings Slider & Carousel Listing"},"content":{"rendered":"\n
\nhttps:\/\/youtube.com\/watch?v=C6jODgGN0FE%3Ffeature%3Doembed\n<\/div><\/figure>\n\n\n\n

The Listings Slider & Carousel<\/strong> extension allows you to display your directory listings in a stylish slider or carousel layout anywhere on your website. This helps attract more attention to your listings and provides a modern, dynamic browsing experience.<\/p>\n\n\n\n

Installation:<\/strong><\/h2>\n\n\n\n

Firstly, Navigate to this Directory Listings > Themes & Extensions > Sign in<\/strong> And install and activate the plugin.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Settings: <\/strong><\/h2>\n\n\n\n

Navigate to this Directory Listings > Settings > Extensions > Listing Slider & Carousel<\/strong> path. Users will get multiple customization options here.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

The settings option is divided into three parts, which are explained below:<\/p>\n\n\n\n

    \n
  1. General settings<\/strong>:<\/li>\n<\/ol>\n\n\n\n
    \"\"<\/figure>\n\n\n\n

    Display By<\/strong>: Users can set the display type to either \u2018Slider\u2019 or \u2018Carousel\u2019 from here.<\/p>\n\n\n\n

    Listing Type<\/strong>: Users can select the listing type to display from here.<\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    Total Number of Listings<\/strong>:  Users can determine the total number of listings.<\/p>\n\n\n\n

      \n
    1. Listing Slider Settings<\/strong>:<\/li>\n<\/ol>\n\n\n\n
      \"\"<\/figure>\n\n\n\n

      Slider Image Cropping<\/strong>: If the slider images are not in the same size, it helps automatically resize.<\/p>\n\n\n\n

      Custom Width & Height<\/strong>: Users can change the height and width of the listings slider from here.<\/p>\n\n\n\n

      Display Title<\/strong>: Users can show or hide the title of the listing.<\/p>\n\n\n\n

      Excerpt Words Limit<\/strong>: Users can set the word limit from here.<\/p>\n\n\n\n

      Display the Thumbnail on the Slider and the number of Thumbnail Columns, Navigation: <\/strong>Users have the option to display the thumbnail on the slider and determine the number of thumbnails that will be displayed and also have the option to hide\/show the navigation icon.<\/p>\n\n\n\n

      Display Slider Navigation<\/strong>: Users have the option to hide\/show the navigation icon.<\/p>\n\n\n\n

      Autoplay & Autoplay Speed<\/strong>: Users can turn off\/on the Autoplay feature and also determine the autoplay speed.<\/p>\n\n\n\n

        \n
      1. Listings Carousel Settings<\/strong>:<\/li>\n<\/ol>\n\n\n\n
        \"\"<\/figure>\n\n\n\n

        Carousel Image Cropping<\/strong>: If the slider images are not in the same size, it helps automatically resize.<\/p>\n\n\n\n

        Custom Width & Height<\/strong>: Users can change the height and width of the listings Carousel from here.<\/p>\n\n\n\n

        Display Title<\/strong>: Users can show or hide the title of the listing.<\/p>\n\n\n\n

        Display Publish Date & Category<\/strong>: Users have the option to display the publish date and category of the listing. <\/p>\n\n\n\n

        Custom Height<\/strong>: Users can determine the number of columns on the desktop view and it will adjust the hide automatically.<\/p>\n\n\n\n

        Number of Columns on Tab<\/strong>: Users can determine the number of columns on the Tab view.<\/p>\n\n\n\n

        Number of Columns on Mobile<\/strong>: Users can determine the number of columns on the Mobile view.<\/p>\n\n\n\n

        Display Carousel Navigation & Position<\/strong>: Users have the option to hide\/show the navigation icon and also can set the position.<\/p>\n\n\n\n

        Autoplay & Autoplay Speed<\/strong>: Users can turn off\/on the Autoplay feature and also determine the autoplay speed.<\/p>\n\n\n\n

        Page Setup:<\/strong><\/p>\n\n\n\n

        Navigate to this Pages > All Pages<\/strong> path, activate the edit mode of any existing page, and insert the following shortcode in the suitable position: [directorist_slider_carousel].<\/p>\n\n\n\n

        On the other hand, users can create a new page and use the following shortcode: [directorist_slider_carousel]. <\/p>\n\n\n\n

        Shortcodes:<\/strong><\/p>\n\n\n\n

        There are numerous shortcodes are available to display the listing slider & carousel.<\/p>\n\n\n\n

          \n
        • display_by: Display all listings by slider or carousel view. The default is slider. Example: [directorist_slider_carousel display_by=”carousel”].<\/li>\n\n\n\n
        • listing_type: Options available : a_to_z, z_to_a, latest_listings, oldest_listings, popular_listings, price_low_high, price_high_low, random_listings. (Default is latest_listings) Example [<\/li>\n<\/ul>\n\n\n\n

          <\/p>\n\n\n\n

          Settings can be found going Directory Settings >> Extensions Settings >> Listing Slider & Carousel. The [directorist_slider_carousel]<\/code> shortcode can be used to display listing slider & caorusel.<\/p>\n\n\n\n

          Shortcode Attributes for Slider<\/h2>\n\n\n\n
            \n
          • display_by<\/strong>: Display all listing by slider or carousel view. Default is slider. Example: [directorist_slider_carousel display_by=\"slider\"]<\/code>.<\/li>\n\n\n\n
          • listing_type<\/strong>: Options available : a_to_z, z_to_a, latest_listings, oldest_listings,popular_listings,price_low_high,price_high_low,random_listings. (Default is latest_listings) Example [directorist_slider_carousel listing_type='latest_listings']<\/code>.<\/li>\n\n\n\n
          • number_of_listing <\/strong>: [directorist_slider_carousel number_of_listing='10']<\/code><\/li>\n\n\n\n
          • slider_cropping<\/strong>:[directorist_slider_carousel slider_cropping='yes']<\/code><\/li>\n\n\n\n
          • slider_image_width<\/strong>:[directorist_slider_carousel slider_image_width='668']<\/code><\/li>\n\n\n\n
          • slider_image_height<\/strong>:[directorist_slider_carousel slider_image_height='419]<\/code><\/li>\n\n\n\n
          • display_slider_title<\/strong>:[directorist_slider_carousel display_slider_title='yes']<\/code><\/li>\n\n\n\n
          • display_slider_excerpt<\/strong>:[directorist_slider_carousel display_slider_excerpt='yes']<\/code>.<\/li>\n\n\n\n
          • excerpt_words_limit <\/strong>: [directorist_slider_carousel excerpt_words_limit='35']<\/code><\/li>\n\n\n\n
          • display_thumbnail <\/strong>: [directorist_slider_carousel display_thumbnail='yes']<\/code><\/li>\n\n\n\n
          • slider_thumbnail_columns<\/strong>: [directorist_slider_carousel slider_thumbnail_columns='4']<\/code><\/li>\n\n\n\n
          • slider_navigation<\/strong>: [directorist_slider_carousel slider_navigation='yes']<\/code><\/li>\n\n\n\n
          • categories<\/strong>: Display specific category by category slug. (Example [directorist_all_listing categories='food,travel,medical']<\/code>)<\/li>\n\n\n\n
          • tags<\/strong>: Display specific tag by tag slug. (Example [directorist_all_listing tags='car,book,medicine']<\/code> ).<\/li>\n\n\n\n
          • locations<\/strong>: Display specific location by location slug. ( Example: [directorist_all_listing locations='new-york,michigan']<\/code>)<\/li>\n\n\n\n
          • ids<\/strong>: Display specific listing by listing id. ( Example: [directorist_all_listing ids='1,2,5']<\/code><\/li>\n\n\n\n
          • featured<\/strong>: Display listing on slider with featured. It has two options ( \u2018yes’ & \u2018no’) default is [directorist_slider_carousel feature='yes']<\/code>.<\/li>\n\n\n\n
          • <\/li>\n<\/ul>\n\n\n\n

            Shortcode Attributes for Carousel<\/h2>\n\n\n\n
              \n
            • display_by<\/strong>: Display all listing by slider or carousel view. Default is slider. Example: [directorist_slider_carousel display_by=\"carousel\"]<\/code>.<\/li>\n\n\n\n
            • listing_type<\/strong>: Options available : a_to_z, z_to_a, latest_listings, oldest_listings, popular_listings, price_low_high, price_high_low, random_listings. (Default is latest_listings) Example [directorist_slider_carousel listing_type='latest_listing']<\/code>.<\/li>\n\n\n\n
            • number_of_listing <\/strong>: [directorist_slider_carousel number_of_listing='10']<\/code><\/li>\n\n\n\n
            • categories<\/strong>: Display specific category by category slug. (Example [directorist_all_listing categories='food,travel,medical']<\/code>)<\/li>\n\n\n\n
            • tags<\/strong>: Display specific tag by tag slug. (Example [directorist_all_listing tags='car,book,medicine']<\/code> ).<\/li>\n\n\n\n
            • locations<\/strong>: Display specific location by location slug. ( Example: [directorist_all_listing locations='new-york,michigan']<\/code>)<\/li>\n\n\n\n
            • ids<\/strong>: Display specific listing by listing id. ( Example: [directorist_all_listing ids='1,2,5']<\/code><\/li>\n\n\n\n
            • featured<\/strong>: Display listing on slider with featured. It has two options ( \u2018yes’ & \u2018no’) default is [directorist_slider_carousel feature='yes']<\/code>.<\/li>\n\n\n\n
            • featured_only<\/strong>: Display only featured listing. It has two options ( \u2018yes’ & \u2018no’) default is [directorist_slider_carousel featured_only='no']<\/code>.<\/li>\n\n\n\n
            • carousel_cropping<\/strong>: [directorist_slider_carousel carousel_cropping='yes']<\/code><\/li>\n\n\n\n
            • carousel_image_width<\/strong>: [directorist_slider_carousel carousel_image_width='213']<\/code><\/li>\n\n\n\n
            • carousel_image_height<\/strong>: [directorist_slider_carousel carousel_image_height='160']<\/code><\/li>\n\n\n\n
            • display_carousel_title<\/strong>: [directorist_slider_carousel display_carousel_title='yes']<\/code><\/li>\n\n\n\n
            • display_carousel_publish_date<\/strong>: [directorist_slider_carousel display_carousel_publish_date='yes']<\/code><\/li>\n\n\n\n
            • display_carousel_category<\/strong>: [directorist_slider_carousel display_carousel_category='yes']<\/code><\/li>\n\n\n\n
            • carousel_columns_desktop<\/strong>: [directorist_slider_carousel carousel_columns_desktop='4']<\/code><\/li>\n\n\n\n
            • carousel_columns_tab<\/strong>: [directorist_slider_carousel carousel_columns_tab='2']<\/code><\/li>\n\n\n\n
            • carousel_columns_mobile<\/strong>: [directorist_slider_carousel carousel_columns_mobile='1']<\/code><\/li>\n\n\n\n
            • carousel_navigation<\/strong>: [directorist_slider_carousel carousel_navigation='yes']<\/code><\/li>\n\n\n\n
            • carousel_navigation_position<\/strong>: Options available : top,middle,bottom. (Default is middle) Example [directorist_slider_carousel carousel_navigation_position=middle]<\/code><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"

              The Listings Slider & Carousel extension allows you to display your directory listings in a stylish slider or carousel layout anywhere on your website. This helps attract more attention to your listings and provides a modern, dynamic browsing experience. Installation: Firstly, Navigate to this Directory Listings > Themes & Extensions > Sign in And install and activate […]<\/p>\n","protected":false},"author":24585,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"doc_category":[694],"doc_tag":[],"class_list":["post-369460","docs","type-docs","status-publish","hentry","doc_category-extensions"],"year_month":"2026-03","word_count":1165,"total_views":0,"reactions":{"happy":0,"normal":0,"sad":0},"author_info":{"name":"yousuf.sovware","author_nicename":"yousuf-sovware","author_url":"https:\/\/directorist.com\/author\/yousuf-sovware\/"},"doc_category_info":[{"term_name":"Extensions","term_url":"https:\/\/directorist.com\/docs-category\/extensions\/"}],"doc_tag_info":[],"_links":{"self":[{"href":"https:\/\/directorist.com\/wp-json\/wp\/v2\/docs\/369460","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/directorist.com\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/directorist.com\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/directorist.com\/wp-json\/wp\/v2\/users\/24585"}],"replies":[{"embeddable":true,"href":"https:\/\/directorist.com\/wp-json\/wp\/v2\/comments?post=369460"}],"version-history":[{"count":0,"href":"https:\/\/directorist.com\/wp-json\/wp\/v2\/docs\/369460\/revisions"}],"wp:attachment":[{"href":"https:\/\/directorist.com\/wp-json\/wp\/v2\/media?parent=369460"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/directorist.com\/wp-json\/wp\/v2\/doc_category?post=369460"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/directorist.com\/wp-json\/wp\/v2\/doc_tag?post=369460"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}