DJ-Classifieds-Ads. Installation from scratch

DJ-Classifieds-Ads. Installation from scratch

What is the djclassifiedsads-elements-V1.1zip package?

It is a set of files that allows you to install a website based on the DJ-Classifiedsads template from scratch or install it on an existing website

What's in the package?

In the package, you will find the following files:



images.zip:   contains all the illustrations used to build our demo site
DJ Classifiedsads - Settings.json: A special .json file containing all settings for Yootheme Pro along with main styles.
yootheme_djext.zip: This is a child template for Yootheme containing specific CSS styles, overrides, YOOtheme elements.



DJ-Classifiedsads- Templates,json: A special .json file for Yootheme Builder contains the most essential views (layouts) used on our demo site

What item do you need to download separately?

DJ-Classifieds: This is a is one of the most advanced and easy to use classifieds extensions for Joomla offering so many options out of the box.

DJ-Classifieds Integrator: This plugin provides deep integration between DJ-Classifieds and Yootheme PRO, and will allow you to have all the features of Yootheme Website Builder with just a few clicks.

Yootheme Pro: This is a third-party extension. Download them from https://yootheme.com/page-builder
Attention! Yootheme Page Builder is required for proper system operation, which must be purchased and downloaded from https://yootheme.com/page-builder. Yootheme Page Builder is a commercial component from a third party and cannot be bundled with our extensions due to proprietary rights.

Do we recommend any other components to use?

Yes. Of course, we have our favourite must-have kit from a third party. Consider installing these additional components:
Zoolander's Essential for Yootheme Pro:  https://www.zoolanders.com/essentials-for-yootheme-pro

How to install everything from scratch?

Step #1 Joomla installation 

Install Joomla! 4 downloaded from https://downloads.joomla.org/. If you already have your installation working, you can skip this step.

Step #2 Initial configuration

There are some necessary settings that you should make right after installation:

1. SEO:
In the global configuration, set:
- Site Meta Description
- Content Rights
-  Search Engine Friendly URLs - set  to "Yes."
-  Use URL Rewriting - set to "Yes" (don't forget to rename htaccess.txt to .htaccess)




2. Other settings according to your needs

Step #3 Installation and configuration of extensions

1. DJ-Classifieds Joomla classifieds component:

Download the latest version from https://dj-extensions.com/my-account/downloads/dj-classifieds  and install it.
Configure the component according to your needs. The documentation available here will help - https://support.dj-extensions.com/portal/en/kb/extensions/dj-classifieds
- configure the component according to your needs
- add an API key for Google Maps
- add your categories
- add some sample ads 


Add a menu item that will lead to the event list. To do this, select the menu tab on your dashboard. Select a menu - e.g. Main menu. Then create a new menu item by clicking the green button "New" Now you enter the name of the menu and select the type of menu item - DJ-Classifieds / Items (Category blog layout)



Publish and configure DJ-Classifieds Search module
Go to modules. There you will find DJ-Classifieds Search module - publish it.


Then configure according to your needs and set the menu assignment "on all pages".



2. Yootheme PRO
Download from https://yootheme.com/page-builder and install like a regular extension. Remember that this is an add-on from a third party, and you need to buy a license from them. There is a wealth of documentation available for Yootheme PRO on their website - https://yootheme.com/support/yootheme-pro/joomla/introduction. You can handle this web builder.

3. DJ-Classifieds  Integrator:
Create your classifieds website with the help of DJ-Classifieds and Yootheme’s Page builder. Thanks to our integrator and builder Yootheme PRO you will create unique views for a list of items or for a single item in just a few minutes.
Download the latest version of the integrator from https://dj-extensions.com/my-account/downloads/dj-classifieds-integrator   and install it as a regular extension
Step #4 Yootheme Builder Configuration

1. Images:
If you like pictures from our quickstart, extract the images.zip archive and copy everything via FTP to the images directory on your Joomla installation

2.  Child Theme:
Unpack the 'yootheme_djex.zip' file and transfer the whole folder via FTP to the 'templates' folder in your Joomla! Installation. You can change the _djext in the directory name to your own. You can learn more about child themes from the Yootheme documentation https://yootheme.com/support/yootheme-pro/joomla/developers-child-themes

3. Default template: Set Yootheme as your default template. 
Go to the System tab and select Site Template Styles from the Templates section



Then set Yootheme as the default template



4. Basic builder configuration 
In your Home Dashboard, select Yootheme in the 3rd Party section


Base style:
Set the "Matthew Taylor" theme as the base style. To do this, go to the "Styles" tab and select the "Matthew Taylor" theme




6. Recover template settings from a JSON file:
Go to "Settings" / "Advanced", then scroll the Yootheme toolbar to the bottom and select "Import Settings"
Click and select - DJ Classifieds - Settings.json  from the disk on your computer 



After loading the settings, save them. Builder now needs to refresh its cache, close it and reopen it.


7. Child Theme:
Go to "Settings" / "Advanced" and select the child theme. Save the settings



8.  Set up the menu 
Close the web builder. Make sure your default start menu leads to a single article. If not, change it to SIngle Article and attach an article (create it if necessary)



Then go to a builder, go to the "Menus" tab and set your menu to Navbar and save it.



Do the same for the "Mobile Dialog Position" item. Use the mobile preview to make sure everything is ok. If so, save it.


9. Loading layouts:
Go back to the Yootheme main menu and select the "Builder" tab. Then click the "Library" button
On the "Library" select the "My layout" tab and click the "Upload Layout" button. 



Then select DJ Classifieds - Templates.json from your computer. After doing this, you will see a list of available layouts that we use in our demo
Now you have your view library imported




10. Set up pages:
Try to set up your home page now. Select a home from the menu and then go to the library in the builder. Now select the appropriate layout - " DJ Classifieds - Homepage " and click.
Now you have a start page, just like in our demo.



12. Set up classifieds page:

If you have previously introduced events, go to the menu item for the classifieds list and configure the menu for the DJ-Classifieds go to the menu item "Listings".
Your website is not looking excellent right now. But you can quickly correct it in the following steps.
Go to the "templates" tab in the main builder menu and click the "New Template" button. Name this template e.g. "Ads List". Then click the "Save" button



Now you can create a new template by clicking the "Builder" button



As you did on the home page, go to the library and select the layout that suits this page. Try  DJ Classifieds - Listing. 
The Layout will load, and you will see a beautifully formatted events listing page. Save it.




If you don't see the search  modules, you need to set them on the appropriate yootheme elements



Click on the module element and insert the appropriate module from the list


Then click on any event item. 
As you can see, the situation is similar. You need to create a template for the sigle add.



Go to the "templates" tab in the main builder menu and click the "New Template" button. Name this template e.g. "Single Add". Then click the "Save" button 



Then go to "Single Add" by clicking the "Builder" button
And choose the proper layout from the library - " DJ Classifieds - Single Ad"
The single add page is also ready and looks great



Using ready-made layouts, you will build other subpages. Of course, you can modify the views as you wish. You can create layouts on regular articles or page templates depending on the context you are in at the moment. Yootheme and DJ Classifieds Integrator documentation will be helpful in this.


Advice
It is a good practice to have a complete quickstart copy somewhere else, allowing you to see the different settings used there.

    Please note that a new version of the knowledge base is available at 
    https://dj-extensions.com/knowledge-base


      • Related Articles

      • Ghost Ads 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 Ghost Ads and open the plugin. Next: Enable ...
      • EasySocial integration for DJ-Classifieds

        In this tutorial, I’ll show you how to install both Joomla plugin and EasySocial application. I will also show a basic configuration that can help you display ads on your community stream and social profile. This plugin comes free with the ...
      • PayPal PLUS DJ-Classifieds integration

        Integrate DJ-Classifieds with PayPal PLUS payment processing solution and receive payments from your customers through PayPal, ELV (direct debit), Credit Card, and PUI (Pay Upon Invoice). PayPal PLUS is available in both the German and Latin American ...
      • DJ-Classifieds Admin Stats Module

        The DJ-Classifieds Admin Stats module overview This module is not included in the All In One Package (DJ-Classifieds AIO) - you need to download it from the downloads section - this module is available for all active subscribers for free! Check also ...
      • How to configure DJ-Classifieds

        DJ-Classifieds installation  It would help if you were logged-in as Joomla administrator. Open the " Extension Manager ". To Upload & Install DJ-Classifieds component, click " Choose file " and choose the extension package from your disk. When the ...