AJAX DJ-Classifieds app

AJAX DJ-Classifieds app

DJ-Classifieds Ajax App dramatically changes the way DJ-Classifieds works. No more website reloads, use AJAX to load categories, for pagination, filtering, and ordering.

Configuration

First, you need to install the App. You do it the same way as with any other Joomla extension.

Once the App is installed, go to Extensions->Plugins-> System - DJ-Classifieds Ajax and open the plugin.

Next:

  1. enable the plugin
  2. enable and set the options you want to use
  3. Save and Close


Available options are divided into four tabs:
  1. Plugin
  2. Search Options
  3. Pagination Options
  4. Advanced

Plugin settings


  1. Enable In - Select menu items where the AJAX plugin should be enabled
  2. Disable In - Select menu items where the AJAX plugin should be disabled 
  3. Enable On Mobiles - Select if ajax functionality needs to be enabled on mobile devices   
  4. On Search - Enables dynamic AJAX calls when using the Search module.
  5. On Pagination - Enables dynamic AJAX also calls in Item's views pagination.
  6. On Sorting - Enables dynamic AJAX also calls in Item's views sorting by columns.
  7. On Categories - Enables dynamic AJAX also calls in Item's views Categories section.
  8. Progress Bar  - Enables NPorgress.js library for displaying slim loading bar at the top of the page, during AJAX calls.

Search options


Input Timeout - Enter the time after which Ajax call will be made, after pressing a key.
Search Reset - Show reset/link button for clearing the search form fields. 

Pagination options


  1. Items Lazy Loading - loading new items on page scrolling

Advanced


  1. Update Url - enables updating browser's address bar url
That is all you need to do to enable the Ajax for DJ-Classifieds.

Frontend behaviour

Assuming you have enabled all options, the App changes how those things work:

Search and Filters

Ajax is used for any action that is performed in DJ-Classifieds Search module. That works with text search and anything you can click on the module.

AJAX-DJCF-Search-and-filters

Pagination (h4)

Ajax calls are used to change the pagination.

Ajax-DJCF-Pagination

Ordering and sorting

Ajax calls are used to sort and order items.

AJAX-DJCF-Sorting-and-ordering

Progress Bar

Display slim loading bar at the top of the page, during Ajax calls.

ajax-loader

Search Reset

Show the reset/link button for clearing the search form fields.

search reset button 

Categories

Ajax is used to open the categories.

AJAX-DJCF-Categories


      • Related Articles

      • Search Alerts DJ-Classifieds App

        With this App for DJ-Classifieds, you can make it more user-friendly and get additional traffic to your website. This app will let your users save the search they made and be informed via email when the new adverts that meet the saved search criteria ...
      • Conditional Fields DJ-Classifieds App

        The principle of conditional fields is simple - when editing a custom field, you can specify a dependency when that field is displayed. The chosen custom field will appear only if a specific value is selected in another custom field.  Conditional ...
      • Private Messages DJ-Classifieds App

        In this tutorial, we'll show you how to set up DJ-Classifieds to cooperate with UDDEIM component. After applying these operations, users will send messages to each other via the "contact this advertiser" form directly in the advertisement and then ...
      • Offers DJ-Classifieds App

        Installation and Configuration First, you need to install the App. You do it the same way as with any other Joomla extension. Once the App is installed, go to Extensions->Plugins-> System - DJ-Classifieds - Offers and open the plugin. Next: Enable ...
      • Multicategories DJ-Classifieds App

        With Multi categories  App for DJ-Classifieds , it's possible to submit one advert to more than one category. The administrator can decide the maximum number of categories the advert can be submitted to. In this tutorial, I'll explain how the Multi ...