1. Home
  2. Docs
  3. Extensions
  4. Listings Slider & Carousel

Listings Slider & Carousel

Settings can be found going Directory Settings >> Extensions Settings >> Listing Slider & Carousel.

 

The [directorist_slider_carousel] shortcode can be used to display listing slider & caorusel

Shortcode Attributes for Slider

  • display_by: Display all listing by slider or carousel view. Default is slider. Example: [directorist_slider_carousel display_by=”slider”].
  • 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 [directorist_slider_carousel listing_type=’latest_listings’].
  • number_of_listing : [directorist_slider_carousel number_of_listing=’10’]
  • slider_cropping:[directorist_slider_carousel slider_cropping=’yes’]
  • slider_image_width:[directorist_slider_carousel slider_image_width=’668′]
  • slider_image_height:[directorist_slider_carousel slider_image_height=’419]
  • display_slider_title:[directorist_slider_carousel display_slider_title=’yes’]
  • display_slider_excerpt:[directorist_slider_carousel display_slider_excerpt=’yes’].
  • excerpt_words_limit : [directorist_slider_carousel excerpt_words_limit=’35’]
  • display_thumbnail : [directorist_slider_carousel display_thumbnail=’yes’]
  • slider_thumbnail_columns: [directorist_slider_carousel slider_thumbnail_columns=’4′]
  • slider_navigation: [directorist_slider_carousel slider_navigation=’yes’]
  • categories: Display specific category by category slug. (Example [directorist_all_listing categories=’food,travel,medical’])
  • tags: Display specific tag by tag slug. (Example [directorist_all_listing tags=’car,book,medicine’] ).
  • locations: Display specific location by location slug. ( Example: [directorist_all_listing locations=’new-york,michigan’])
  • ids: Display specific listing by listing id. ( Example: [directorist_all_listing ids=’1,2,5′]
  • featured: Display listing on slider with featured. It has two options ( ‘yes’ & ‘no’) default is [directorist_slider_carousel feature=’yes’].


Shortcode Attributes for Carousel

  • display_by: Display all listing by slider or carousel view. Default is slider. Example: [directorist_slider_carousel display_by=”carousel”].
  • 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 [directorist_slider_carousel listing_type=’latest_listing’].
  • number_of_listing : [directorist_slider_carousel number_of_listing=’10’]
  • categories: Display specific category by category slug. (Example [directorist_all_listing categories=’food,travel,medical’])
  • tags: Display specific tag by tag slug. (Example [directorist_all_listing tags=’car,book,medicine’] ).
  • locations: Display specific location by location slug. ( Example: [directorist_all_listing locations=’new-york,michigan’])
  • ids: Display specific listing by listing id. ( Example: [directorist_all_listing ids=’1,2,5′]
  • featured: Display listing on slider with featured. It has two options ( ‘yes’ & ‘no’) default is [directorist_slider_carousel feature=’yes’].
  • carousel_cropping: [directorist_slider_carousel carousel_cropping=’yes’]
  • carousel_image_width: [directorist_slider_carousel carousel_image_width=’213′]
  • carousel_image_height: [directorist_slider_carousel carousel_image_height=’160′]
  • display_carousel_title: [directorist_slider_carousel display_carousel_title=’yes’]
  • display_carousel_publish_date: [directorist_slider_carousel display_carousel_publish_date=’yes’]
  • display_carousel_category: [directorist_slider_carousel display_carousel_category=’yes’]
  • carousel_columns_desktop: [directorist_slider_carousel carousel_columns_desktop=’4′]
  • carousel_columns_tab: [directorist_slider_carousel carousel_columns_tab=’2′]
  • carousel_columns_mobile: [directorist_slider_carousel carousel_columns_mobile=’1′]
  • carousel_navigation: [directorist_slider_carousel carousel_navigation=’yes’]
  • carousel_navigation_position: Options available : top,middle,bottom. (Default is middle) Example [directorist_slider_carousel carousel_navigation_position=middle]