{"id":2247,"date":"2023-10-03T09:54:05","date_gmt":"2023-10-03T03:54:05","guid":{"rendered":"https:\/\/directorist.com\/documentation\/?post_type=wpwax_extensions&p=2247"},"modified":"2023-10-03T09:54:45","modified_gmt":"2023-10-03T03:54:45","slug":"detailed-guideline","status":"publish","type":"wpwax_extensions","link":"https:\/\/directorist.com\/documentation\/extensions\/listings-slider-carousel-listing\/detailed-guideline\/","title":{"rendered":"Detailed Guideline"},"content":{"rendered":"\n

Installation:<\/strong><\/p>\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><\/p>\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

        Shortcode Attributes for Slider:<\/strong><\/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=”slider”].<\/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 [directorist_slider_carousel listing_type=’latest_listings’].<\/li>\n\n\n\n
        • number_of_listing : [directorist_slider_carousel number_of_listing=’10’]<\/li>\n\n\n\n
        • slider_cropping:[directorist_slider_carousel slider_cropping=’yes’]<\/li>\n\n\n\n
        • slider_image_width:[directorist_slider_carousel slider_image_width=’668′]<\/li>\n\n\n\n
        • slider_image_height:[directorist_slider_carousel slider_image_height=’419]<\/li>\n\n\n\n
        • display_slider_title:[directorist_slider_carousel display_slider_title=’yes’]<\/li>\n\n\n\n
        • display_slider_excerpt:[directorist_slider_carousel display_slider_excerpt=’yes’].<\/li>\n\n\n\n
        • excerpt_words_limit : [directorist_slider_carousel excerpt_words_limit=’35’]<\/li>\n\n\n\n
        • display_thumbnail : [directorist_slider_carousel display_thumbnail=’yes’]<\/li>\n\n\n\n
        • slider_thumbnail_columns: [directorist_slider_carousel slider_thumbnail_columns=’4′]<\/li>\n\n\n\n
        • slider_navigation: [directorist_slider_carousel slider_navigation=’yes’]<\/li>\n\n\n\n
        • Categories: Display specific category by category slug. (Example [directorist_all_listing categories=’food,travel,medical’])<\/li>\n\n\n\n
        • tags: Display specific tags by tag slug. (Example [directorist_all_listing tags=’car,book,medicine’] ).<\/li>\n\n\n\n
        • locations: Display specific location by location slug. ( Example: [directorist_all_listing locations=’new-york,michigan’])<\/li>\n\n\n\n
        • ids: Display specific listing by listing id. ( Example: [directorist_all_listing ids=’1,2,5′]<\/li>\n\n\n\n
        • Featured: Display listing on slider with featured. It has two options ( \u2018yes’ & \u2018no’). The default is [directorist_slider_carousel feature=’yes’].<\/li>\n<\/ul>\n\n\n\n

          Shortcode Attributes for Carousel:<\/strong><\/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 [directorist_slider_carousel listing_type=’latest_listing’].<\/li>\n\n\n\n
          • number_of_listing : [directorist_slider_carousel number_of_listing=’10’]<\/li>\n\n\n\n
          • Categories: Display specific category by category slug. (Example [directorist_all_listing categories=’food,travel,medical’])<\/li>\n\n\n\n
          • tags: Display specific tags by tag slug. (Example [directorist_all_listing tags=’car,book,medicine’] ).<\/li>\n\n\n\n
          • locations: Display specific location by location slug. ( Example: [directorist_all_listing locations=’new-york,michigan’])<\/li>\n\n\n\n
          • ids: Display specific listing by listing id. ( Example: [directorist_all_listing ids=’1,2,5′]<\/li>\n\n\n\n
          • Featured: Display listing on slider with featured. It has two options ( \u2018yes’ & \u2018no’) default is [directorist_slider_carousel feature=’yes’].<\/li>\n\n\n\n
          • featured_only: Display only featured listing. It has two options ( \u2018yes’ & \u2018no’) default is [directorist_slider_carousel featured_only=’no’].<\/li>\n\n\n\n
          • carousel_cropping: [directorist_slider_carousel carousel_cropping=’yes’]<\/li>\n\n\n\n
          • carousel_image_width: [directorist_slider_carousel carousel_image_width=’213′]<\/li>\n\n\n\n
          • carousel_image_height: [directorist_slider_carousel carousel_image_height=’160′]<\/li>\n\n\n\n
          • display_carousel_title: [directorist_slider_carousel display_carousel_title=’yes’]<\/li>\n\n\n\n
          • display_carousel_publish_date: [directorist_slider_carousel display_carousel_publish_date=’yes’]<\/li>\n\n\n\n
          • display_carousel_category: [directorist_slider_carousel display_carousel_category=’yes’]<\/li>\n\n\n\n
          • carousel_columns_desktop: [directorist_slider_carousel carousel_columns_desktop=’4′]<\/li>\n\n\n\n
          • carousel_columns_tab: [directorist_slider_carousel carousel_columns_tab=’2′]<\/li>\n\n\n\n
          • carousel_columns_mobile: [directorist_slider_carousel carousel_columns_mobile=’1′]<\/li>\n\n\n\n
          • carousel_navigation: [directorist_slider_carousel carousel_navigation=’yes’]<\/li>\n\n\n\n
          • carousel_navigation_position: Options available: top, middle, bottom. (Default is middle) Example [directorist_slider_carousel carousel_navigation_position=middle]<\/li>\n<\/ul>\n","protected":false},"author":5859,"parent":0,"menu_order":0,"template":"","class_list":["post-2247","wpwax_extensions","type-wpwax_extensions","status-publish","hentry","wpwax_extensions_category-listings-slider-carousel-listing"],"acf":[],"_links":{"self":[{"href":"https:\/\/directorist.com\/documentation\/wp-json\/wp\/v2\/wpwax_extensions\/2247","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/directorist.com\/documentation\/wp-json\/wp\/v2\/wpwax_extensions"}],"about":[{"href":"https:\/\/directorist.com\/documentation\/wp-json\/wp\/v2\/types\/wpwax_extensions"}],"author":[{"embeddable":true,"href":"https:\/\/directorist.com\/documentation\/wp-json\/wp\/v2\/users\/5859"}],"wp:attachment":[{"href":"https:\/\/directorist.com\/documentation\/wp-json\/wp\/v2\/media?parent=2247"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}