Autoclub - Responsive and Specialized Auto Theme for Joomla

Documented by Mojoomla - November - 2017

preview image

Introduction

Autoclub is a responsive template for specialized auto theme which uses the best practices of latest technologies and is compatible with all mobile devices, which comes with Following features. You can change it from Template Options. Continue reading the documentation to uncover all the features provided

This user guide covers all options that the template provides. Please read the documentation carefully as it probably contains answers to most of questions that may arise. In case if you feel some aspect is not covered or have some questions, contact us via e-mail sales@mojoomla.com . We will do our best to answer you in shortest of time.

Updates

The updates will be published every time a reasonable amount of any bug fixes and improvements is available. Please feel free to contact us if you would like to see any new feature implemented with the upcoming updates. The more specific and demanded requests we get the higher are the chances the new feature will be included on next update.

Requirement

Joomla templates have the least requirements to hardware resources. Any server with any configuration is sufficient. Just unzip the files and transfer to your server using any FTP software.



A) Package Content

Upon downloading the package Autoclub_Package.zip file from Themeforest, you'll have all files you need inside. Zip package contains the following files and folders:

  1. Database folder
  2. Documentaion folder
  3. Extension folder
  4. Licensing folder
  5. Quickstart folder
  6. Theme folder


B) Getting Started

To install this theme you must have a version of Joomla3.x already installed. For more information regarding installing the Joomla platform, please see the Joomla Docs - http://docs.joomla.org/J3.x:Installing_Joomla
Please note that we do not give support or any questions related on how to install and maintain Joomla. For any faulty installation that may cause your website or our theme malfunction you should refer to Joomla support forum. Alternatively you can get help from your web hosting.



C) Installation Guide

You can setup theme using 2 ways:

  1. Autoclub - Quick_start Installation
  2. Autoclub - template installation for Existing joomla setup
  1. Steps for Autoclub - Quickstart Installation:
      Step : 1
    1. Unzip the Autoclub_Package.zip file and find the Quickstart folder
    2. Step : 2
    3. Upload Quickstart folder on server via FTP or CPanel
    4. Step : 3
    5. Start installation by typing your URL to the directory you have placed Quickstart files. The installation page should be appeared as normal Joomla! installation
      (Ex: localhost/ [directory name] /installation/index.php or domain name/ [directory name] /installation/index.php)

       

      img


      1) Add site name (Ex: Autoclub)

      2) Add administrator email address

      3) Add username (Ex: admin)

      4) Add Password (Ex: admin)

      5) Repeat Password (Ex: admin)

      6) Click next


      img


      1) Add server hostname (Ex: localhost)

      2) Add username of host

      3) Enter password of host

      4) Add database name (Ex: Autoclub)

      5)Click next


      img


      1) Select Default English (GB) Sample Data and click on Install Sample Data


      img


      1) Remove installation folder


    6. Step : 4
    7. Login into your administrator panel using username and password you have given (Ex: admin / admin)
    8. Step : 5
    9. Change password with User Manager (Site - User Manager)
    10. Step : 6
    11. It is not necessary but we recommend you to set all directory permission to 755 and files permission to 644 via Cpanel or FTP

       

      img

  2. Steps for Autoclub template installation for Existing joomla setup
      Step : 1
    1. Unzip the Autoclub_Package.zip file, find and open Theme folder
    2. Step : 2
    3. Open Theme -> Joomla theme folder and find Autoclub.zip file
    4. Step : 3
    5. Login into your joomla administrator panel
    6. Step : 4
    7. install Autoclub.zip file from Extensions->Extension Manager
    8. Step : 5
    9. Make Autoclub theme as a default template from Extensions-> Template Manager
    10. Step : 6
    11. Open Autoclub - Default Theme. Change Template Options as per your requirement
    12. Step : 7
    13. Install all Extensions from Extension Folder
    14. Step : 8
    15. NOTE : Below listed General Extension list. Kindly refer Documentation Guide for detail Extension setup.

      1. 1) All page Extensions
        1. K2 Component : If you want layout like our demo then install from Extensions folder > K2_v2.6.9.zip, otherwise install from here
        2. Menu : Register & Sign in menu module in position mj-autoclub-topheader_login on all pages for Preset-1 & Preset-2.
        3. IceMegaMenu : Icemegamenu module in position mj-autoclub-menu on all pages for Preset-1 & Preset-2.
        4. Latest Autos : K2 Content module in position mj-autoclub-footer_right on all pages for Preset-1.
        5. SP Tweet : SP Tweet module in position mj-autoclub-footer_right on all pages for Preset-1.
        6. Contact us : Autoclub Contact Address Module module in position mj-autoclub-footer_right on all pages for Preset-1.
        7. Latest Autos : K2 Content module in position mj-autoclub-home2_footer_right on all pages for Preset-2.
        8. Contact us : Autoclub Contact Address Module module in position mj-autoclub-home2_footer_right on all pages for Preset-2.

      2. 2) Home page Extensions
        1. Vina Camera Image Slider : mod_vina_camera_image_slider module in position mj-autoclub-slideshow or mj-autoclub-home2-slideshow on homepage for preset-1 & preset-2.
        2. K2 Filter & Search : K2 Filter & Search module in position mj-autoclub-search1 or mj-autoclub-search on homepage for preset-1 & preset-2.
        3. Featured Vehicle : K2 Content module in position mj-autoclub-featured on homepage for preset-1 & preset-2.
        4. Home blog : K2 Content module in position mj-autoclub-blog or mj-autoclub-home2-blog on homepage for preset-1 & preset-2.
        5. Best Offer from autoclub : K2 Content module in position mj-autoclub-portfolio & mj-autoclub-portfolio2 on homepage for preset-1.
        6. Autoclub Counter : Autoclub Counter module in position mj-autoclub-counter or mj-autoclub-counter2 on homepage for preset-1 & Preset-2.
        7. Testimonial : Client Testimonial module in position mj-autoclub-testimonial or mj-autoclub-home2-testimonial on homepage for preset-1.
        8. Home2_latest_vehicle : K2 Content module in position mj-autoclub-home2-latest on homepage for preset-2.
        9. Home2 autoworld : K2 Content module in position mj-autoclub-home2-autoworld on preset-2.
        10. Our Partners : Banners module in position mj-autoclub-home2-partners on homepage for preset-2.

      3. 3) Inner page Extensions
        1. Menu : Joomla Menu module in position-7 on Register & Sign in pages.
        2. Compare Items : Compare for K2 module in position mj-autoclub-listing on Latest & Popular cars page.
        3. Refine Your Search : K2 Filter & Search module in position mj-autoclub-listing on Latest & Popular cars page.
        4. CoalaWeb Contact1 : CoalaWeb Contact module in position mj-autoclub-details_contact & mj-autoclub-details_contact2 on Car details page.
        5. Related Vehicles on Sale : K2 Content module in position mj-autoclub-related-content on Car listing and details page.
        6. Brands we offer : Banners module in position mj-autoclub-brand-content on Car listing and details page.
        7. Team : Team Member module in position mj-autoclub-team_member on About Page
        8. Blog Search : K2 Tools module module in position-7 or position-8 on blog pages.
        9. Categories : K2 Tools module module in position-7 or position-8 on blog pages.
        10. Popular Posts : K2 Content module in position-7 or position-8 on blog pages
        11. K2 Tools : Archives module module in position-7 on blog pages.
        12. Search : Search module module in mj-autoclub-page_search on 404 page.
        13. Contact Map : BT Google Maps module in mj-autoclub-map on Contact page.
        14. Contact Information : Autoclub Contact Address Module module in position mj-autoclub-contact2 on Contact page.

        Note : When you face this Warning JUser: :_load: Unable to load user with ID: 298 then apply below solution

        This is a generic issue with Joomla and quick start packages. You will need to edit your database with phpmyadmin.

        Below is the steps. Please backup your database before making changes.

        1. Open your Joomla database using PHPMyadmin tool.
        2. Open "_vmusers" table
        3. Find record with "Super User" name and click on edit icon
        4. Apply your Super User id value insted of 298 and click on "Go" button
        5. Logout and login again.

        6. Note: After installation don't forget to Enable them



D) Autoclub Template Setting

    Steps to Change Theme Options:

    1) Login to administrator panel
    2) Go to Extensions -> Templates
    3) Click on Autoclub - Default template.
    4) You can Set Or Change The Options Shown As a Following Image.
    5) Click on save button to apply it.

    template setting

    1) Steps to Change Theme Settings:

    template setting

    1) Select Logo : Select logo here.
    2) Choose your Preset : Select Preset you want to set.
    3) Select Theme Color : Select your Theme Color.
    4) Select Layout : Select Full Layout or Boxed Layout.
    5) Pattern for Boxed Layout :Select your Pattern
    6) Show Responsive Layout :Select Yes/No Responsive layout
    7) Show Page Header :Select Yes/No Page Header

    template setting

    Facebook Link :Enter Facebook Url
    Twitter Link :Enter Twitter Url
    Pinterest Link :Enter Pinterest Url
    Google Plus Link :Enter Google Plus Url
    Instagram Link :Enter Instagram Url
    YouTube Link :Enter YouTube Url
    Skype Link :Enter Skype Url

    template setting
    template setting

    1) Copyright Text: Enter Copyright Text

    template setting

    2) Steps to Change Contact Address Section:

    template setting

    Address Icon:Enter Font Awesome Icon class. Fore more font awesome icon click here
    Address Label: Enter Address Label text
    Address: Enter Address
    Phone Icon: Enter Font Awesome Icon class. Fore more font awesome icon click here
    Phone Label: Enter Phone Label Text
    Phone: Enter Phone no.
    Fax Icon: Enter Font Awesome Icon class. Fore more font awesome icon click here
    Fax Label: Enter Fax Label Text
    Fax: Enter Fax no.
    Email Icon: Enter Font Awesome Icon class. Fore more font awesome icon click here
    Email Label: Enter Email Label Text
    Email: Enter Email Address

    template setting

    3) Steps to Change Counter Section:

    template setting

    Font Awesome Icon:Enter Font Awesome Icon class. Fore more font awesome icon click here
    Name: Enter Counter Name
    Value: Enter Counter Value
    Counter Image: Select Counter image

    template setting

    4) Steps to Change Testimonial Section:

    template setting

    Client Image : Select Client Image
    Client Name: Enter Client Name
    Description: Enter client description
    Car Image:Select Car Image
    Background Image:Select Testimonial Background Image

    template setting


E) Module Position

You can use different module Positions in your template. Following module positions are added.

Module map

G) Slider Setup

Autoclub includes the Camera Image Slider. Please install Camera Image Slider

    1) Setting up Slider module for Preset-1

  1. mod_vina_camera_image_slider.zip in Autoclub > Extension Folder
  2. Navigate to Extension > Extension Manager
  3. "Upload & install" button press.
  4. Go to Extension > Modules and find Camera Image Slider module
  5. Select all Module Configuration and Click Save & Close.

Set position : mj-autoclub-slideshow
Module Class Suffix : autoclub_slider1

Create Slides
  1. Navigate to Configuration options tab
  2. Click on Add button
  3. Set Name, Image Url and enter Image Caption
  4. Click Save & Close.


    2) Setting up Slider module for Preset-2

  1. mod_vina_camera_image_slider.zip in Autoclub > Extension Folder
  2. Navigate to Extension > Extension Manager
  3. "Upload & install" button press.
  4. Go to Extension > Modules and find Camera Image Slider module
  5. Select all Module Configuration and Click Save & Close.

Set position : mj-autoclub-home2-slideshow



Create Slides
  1. Navigate to Configuration options tab
  2. Click on Add button
  3. Set Name, Image Url and enter Image Caption
  4. Click Save & Close.


H) Preset1 Template Setup


    I) Select Preset1 in Theme Option

  1. Navigate to Extension > Templates > Autoclub - Default > Theme Settings.
  2. Select Preset1 from Choose your Preset option.
  3. preset1
  4. Click on Save and Close Button

    II) Setting up Top Header Login Module

  1. Navigate to Extensions > Modules > New > Menu
  2. Select Menu, Position and Suffix class
  3. Set position : mj-autoclub-topheader_login
    Select Menu : Top Header Signin


    III) Setting up Preset1 Menu

    To Set preset1 Menu Click here

    IV) Setting up Preset1 Slider Module

    To set Preset1 Slider Module Click here

    VI) Setting up K2 Filter & Search module Module

    If you have already installed this module then navigate to Extensions > Modules > New > K2 Filter & Search module

  1. You can find mod_k2_filter.zip in Autoclub > Extension Folder
  2. Navigate to Extension > Extension Manager
  3. click on "Browse" button and browse package of mod_k2_filter.zip
  4. "Upload & install" button press.
  5. Go to Extension > Module and find K2 Filter & Search module
  6. Set position: mj-Autoclub-search1
    Module Class Suffix: b-search__main
    Select filter fields: Select Extra field for Filter

    VII) Setting up Featured Vehicle Module

  1. This is K2 content Module which is provided by K2 joomla
  2. Navigate to Extensions > Modules > New > K2 Content
  3. Give title, Set position, Select one or more categories
  4. Set position:mj-autoclub-featured
    Select sub-template:home_featured
    Select one or more categories:Toyota
    Item count:10
    Title:Choose Show
    User(author):Choose Hide
    User avatar:Choose Hide
    User description:Choose Hide
    Intro Text:Choose Hide
    Tag:Choose Show
    Hits:Choose Hide
    Extra fields:Choose Show

    VIII) Setting up home article

  1. Navigate to Content > Article Manager > Add New Article
  2. Give title,alias, Set Category and Article code.
  3. Category : Set category as home

    IX) Setting up Home_blog Module

  1. This is by default custom HTML Module provide by joomla.
  2. Give title, Set position and write Custom Html code
  3. Set position : mj-autoclub-blog

    Code : <h6 class="wow zoomInLeft" data-wow-delay="0.3s" data-wow-offset="100">EVERYTHING YOU NEED TO KNOW</h6> <br /> <h2 class="s-title wow zoomInRight" data-wow-delay="0.3s" data-wow-offset="100">THE WORLD OF AUTOS</h2> {loadposition mj-autoclub-blog-content}


    X) Setting up Blog Module

  1. This is K2 content Module which is provided by K2 joomla
  2. Navigate to Extensions > Modules > New > K2 Content
  3. Give title, Set position, Select one or more categories
  4. Set position:mj-autoclub-blog-content
    Select sub-template:Home_blog
    Select one or more categories:Toyota
    Item count:3
    Title:Choose Show
    Introtext:Choose Show
    Image:Choose Show
    Intro Text:Choose Hide
    Category:Choose Show
    Read More linkChoose Show

    XI) Setting up Autoclub home ask Module

  1. This is by default custom HTML Module provide by joomla.
  2. Give title, Set position and write Custom Html code
  3. Set position : mj-autoclub-ask

    Code : <div class="col-md-6 col-sm-10 col-sm-offset-1 col-md-offset-0 col-xs-12"> <div class="b-asks__first wow zoomInLeft" data-wow-delay="0.3s" data-wow-offset="100"> <div class="b-asks__first-circle"> <span class="fa fa-search"></span> </div> <div class="b-asks__first-info"> <h2>ARE YOU LOOKING FOR A CAR?</h2> <p>Search Our Inventory With Thousands Of Cars And More Cars Are Adding On Daily Basis</p> </div> <div class="b-asks__first-arrow"> <a href="listingsTwo.html"><span class="fa fa-angle-right"></span></a> </div> </div> </div> <div class="col-md-6 col-sm-10 col-sm-offset-1 col-xs-12 col-md-offset-0"> <div class="b-asks__first m-second wow zoomInRight" data-wow-delay="0.3s" data-wow-offset="100"> <div class="b-asks__first-circle"> <span class="fa fa-usd"></span> </div> <div class="b-asks__first-info"> <h2>DO YOU WANT TO SELL A CAR?</h2> <p>Search Our Inventory With Thousands Of Cars And More Cars Are Adding On Daily Basis</p> </div> <div class="b-asks__first-arrow"> <a href="listingsTwo.html"><span class="fa fa-angle-right"></span></a> </div> </div> </div> <div class="col-xs-12"> <p class="b-asks__call wow zoomInUp" data-wow-delay="0.3s" data-wow-offset="100">QUESTIONS? CALL US : <span>1-800- 624-5462</span></p> </div>


    XII) Setting up Home Portfolio Tab Module

  1. This is by default custom HTML Module provide by joomla.
  2. Give title, Set position and write Custom Html code
  3. Set position : mj-autoclub-tabsection
    Loadposition : mj-autoclub-portfolio & mj-autoclub-portfolio2

    Code : <h5 class="s-titleBg wow zoomInLeft" data-wow-delay="0.3s" data-wow-offset="100">GIVING OUR CUSTOMERS BEST DEALS</h5><br /> <h2 class="s-title wow zoomInRight" data-wow-delay="0.3s" data-wow-offset="100">BEST OFFERS FROM AUTOCLUB</h2> <div class="b-auto__main"> <div class="col-md-9 col-md-offset-3 col-xs-12"> <a href="#" class="b-auto__main-toggle s-lineDownCenter m-active j-tab wow zoomInLeft" data-wow-delay="0.3s" data-wow-offset="100" data-to="#first">MOST RESEARCHED MANUFACTURERS</a> <a href="#" class="b-auto__main-toggle j-tab wow zoomInRight" data-wow-delay="0.3s" data-wow-offset="100" data-to="#second">LATEST VEHICLES ON SALE</a> </div> <div class="clearfix"></div> <div id="first"> {loadposition mj-autoclub-portfolio} </div> <div id="second"> {loadposition mj-autoclub-portfolio2} </div> </div>


    XIII) Setting up Most Researched Manufacturers Module [Portfolio1]

  1. This is K2 content Module which is provided by K2 joomla
  2. Navigate to Extensions > Modules > New > K2 Content
  3. Give title, Set position, Select one or more categories
  4. Set position: mj-autoclub-portfolio
    Select sub-template: home_tab
    Select one or more categories: Select Categories
    Item count: Enter Items to count
    Title: Choose Show
    Tags: Choose Show
    Extra field: Choose Show

    XIV) Setting up Latest Vehicles On Sale Module [Portfolio2]

  1. This is K2 content Module which is provided by K2 joomla
  2. Navigate to Extensions > Modules > New > K2 Content
  3. Give title, Set position, Select one or more categories
  4. Set position: mj-autoclub-portfolio
    Select sub-template: home_tab
    Select one or more categories: Select Categories
    Item count: Enter Items to count
    Title: Choose Show
    Image: Choose Show
    Tags: Choose Show
    Extra field: Choose Show

    XV) Setting up Home1 Autoclub Counter Module

    If you have already installed this module then navigate to Extensions > Modules > New > Autoclub Counter Module

  1. You can find mod_mj_autoclub_counter.zip in Autoclub > Extension Folder
  2. Navigate to Extension > Extension Manager
  3. click on "Browse" button and browse package of mod_mj_autoclub_counter.zip
  4. "Upload & install" button press.
  5. Go to Extension > Module and find Home1 Autoclub Counter Module
  6. Set position:mj-autoclub-counter2

  7. Navigate to Select Layout tab and select layout.
  8. Select Layout : home_counter

  9. Go to Extensions > Templates > autoclub - Default -> Counter Section.
  10. Enter Counter detail and Click Save & Close.


  11. Font Awesome Icon:Enter Font Awesome Icon class. Fore more font awesome icon click here
    Name: Enter Counter Name
    Value: Enter Counter Value
    Counter Image: Select Counter image



    XVI) Setting up News letter Module

    If you have already installed this module then navigate to Extensions > Modules > New > MailChimp Signup

  1. You can find com_joomlamailermailchimpintegration_v2.0.9.zip in Autoclub > Extension Folder
  2. Navigate to Extension > Extension Manager
  3. click on "Browse" button and browse package of com_joomlamailermailchimpintegration_v2.0.9.zip
  4. "Upload & install" button press.
  5. Go to Extension > Module and find MailChimp Signup
  6. Set position : mj-autoclub-newsletter
    Module Class Suffix : b-contact-title2 row wow zoomInLeft
    Intro text : Add introtext Which is display after module title.
    Text above submit : Add text Which is display after introtext.

    XVII) Setting up Client Testimonial Module

    If you have already installed this module then navigate to Extensions > Modules > New > Client Testimonial Module

  1. You can find mod_mj_client_testimonials.zip in Autoclub > Extension Folder
  2. Navigate to Extension > Extension Manager
  3. click on "Browse" button and browse package of mod_mj_client_testimonials.zip
  4. "Upload & install" button press.
  5. Go to Extension > Module and find Client Testimonial Module
  6. Set position:mj-autoclub-testimonial

  7. Navigate to Select Layout tab and select layout.
  8. Select Layout : Default

  9. Go to Extensions > Templates > autoclub - Default -> Testimonial Section.
  10. Enter Testimonial details and Click Save & Close.


  11. Client Image : Select Client Image
    Client Name: Enter Client Name
    Description: Enter client description
    Car Image:Select Car Image
    Background Image:Select Testimonial Background Image



    XVIII) Setting up Features Module

  1. This is by default custom HTML Module provide by joomla.
  2. Give title, Set position and write Custom Html code
  3. Set position : mj-autoclub-footer_features

    Code : <div class="container"> <div class="row"> <div class="col-md-9 col-md-offset-3 col-xs-6 col-xs-offset-6"> <ul class="b-features__items"> <li class="wow zoomInUp" data-wow-delay="0.3s" data-wow-offset="100">Low Prices, No Haggling</li> <li class="wow zoomInUp" data-wow-delay="0.3s" data-wow-offset="100">Largest Car Dealership</li> <li class="wow zoomInUp" data-wow-delay="0.3s" data-wow-offset="100">Multipoint Safety Check</li> </ul> </div> </div> </div>


    XIX) Setting up Opening Hours Module

  1. This is by default custom HTML Module provide by joomla.
  2. Give title, Set position and write Custom Html code
  3. Set position : mj-autoclub-footer_left

    Code : <div class="b-info__aside-article-item"> <h6>Sales Department</h6> <p>Mon-Sat : 8:00am - 5:00pm<br /> Sunday is closed</p> </div> <div class="b-info__aside-article-item"> <h6>Service Department</h6> <p>Mon-Sat : 8:00am - 5:00pm<br /> Sunday is closed</p> </div>


    XX) Setting up About us Module

  1. This is by default custom HTML Module provide by joomla.
  2. Give title, Set position and write Custom Html code
  3. Set position : mj-autoclub-footer_left

    Code : <p>Vestibulum varius od lio eget conseq uat blandit, lorem auglue comm lodo nisl non ultricies lectus nibh mas lsa Duis scelerisque aliquet. Ante donec libero pede porttitor dacu msan esct venenatis quis.</p>


    XXI) Setting up Latest Autos Module

  1. This is K2 content Module which is provided by K2 joomla
  2. Navigate to Extensions > Modules > New > K2 Content
  3. Give title, Set position, Select one or more categories
  4. Set position: mj-autoclub-footer_right
    Module Class Suffix: col-md-3 col-xs-6 footer_autos title b-info__latest
    Select sub-template: latest_autos
    Select one or more categories: Toyota
    Item count: 3
    Item ordering: Most popular
    Title: Choose Show
    Image: Choose Show
    Image Size: Select XSmall Image
    Extra fields: Choose Show

    XXII) Setting up SP Tweet Module

    If you have already installed this module then navigate to Extensions > Modules > New > SP Tweet

  1. You can find mod_sp_tweet.zip in Autoclub > Extension Folder
  2. Navigate to Extension > Extension Manager
  3. click on "Browse" button and browse package of mod_sp_tweet.zip
  4. "Upload & install" button press.
  5. Go to Extension > Module and find SP Tweet
  6. Set position : mj-autoclub-footer_right
    Module Class Suffix : col-md-3 col-xs-6 title twitter_feeds b-info__twitter

    Show Twitter ID : Enter your Twitter username.
    Layout Style : Select List layout.
    Tweets :Enter how many tweets to display.

    XXIII) Setting up Contact Address Module

    If you have already installed this module then navigate to Extensions > Modules > New > Autoclub Contact Address Module

  1. You can find mod_mj-contact-address.zip in Autoclub > Extension Folder
  2. Navigate to Extension > Extension Manager
  3. click on "Browse" button and browse package of mod_mj-contact-address.zip
  4. "Upload & install" button press.
  5. Go to Extension > Module and find Autoclub Contact Address Module
  6. Set position : mj-autoclub-footer_right
    Module Class Suffix : col-md-3 col-xs-6 title b-info__contacts

  7. Navigate to Select Layout tab and select layout.
  8. Select Layout : footer_contact

    XXIV) Setting up BT Google Maps Module

    If you have already installed this module then navigate to Extensions > Modules > New > BT Google Maps

  1. You can find mod_bt_googlemaps.zip in Autoclub > Extension Folder
  2. Navigate to Extension > Extension Manager
  3. click on "Browse" button and browse package of mod_bt_googlemaps.zip
  4. "Upload & install" button press.
  5. Go to Extension > Modules > and find BT Google Maps module.
  6. Select Google Map Configuration, Position and Click Save & Close.

    Position : mj-autoclub-footer-map

    Map type : Select Map type as Roadmap
    Map Address : Enter Map Address
    Width : Enter width of Map
    Height : Enter hight of Map

    XXV) Setting up Copyright Section

  1. Navigate to Extension > Templates > Autoclub - default > Theme Settings > Copyright Settings
  2. Enter Copyright text
  3. Click Save & Close


    XXVI) Setting up MJ footer Social Module

    If you have already installed this module then navigate to Extensions > Modules > New > MJ Social Module

  1. You can find mod_mj_social.zip in Autoclub > Extension Folder
  2. Navigate to Extension > Extension Manager
  3. click on "Browse" button and browse package of mod_mj_social.zip
  4. "Upload & install" button press.
  5. Go to Extension > Module and find MJ footer Social Module
  6. Set position: mj-autoclub-footer_bottom_right

    To add Social Links..

  7. Navigate to Extensions > Templates > Autoclub - Default > Theme Settings > Social Settings
  8. Enter Social Links and Click Save & Close.

1) Facebook Link: Enter Facebook Url
2) Twitter Link: Enter Twitter Url
3) Pinterest Link: Enter Linkedin Url
4) Google Plus Link: Enter RSS Url
5) Instagram Link: Enter Dribble Url
6) YouTube Link: Enter YouTube Url
7) Skype Link: Enter Skype Url



    XXVII) Setting up Footer Menu Module

  1. Navigate to Extensions > Modules > New > Menu
  2. Select Menu, Position and Suffix class
  3. Set position : mj-autoclub-footer_bottom_right
    Select Menu : Footer Menu
    Module Class Suffix : b-footer__content-nav


I) Preset2 Template Setup


    I) Select Preset2 in Theme Option

  1. Navigate to Extension > Templates > Autoclub - Default > Theme Settings.
  2. Select Preset1 from Choose your Preset option.
  3. preset1
  4. Click on Save and Close Button

    II) Setting up Top Header Login Module

  1. Navigate to Extensions > Modules > New > Menu
  2. Select Menu, Position and Suffix class
  3. Set position : mj-autoclub-topheader_login
    Select Menu : Top Header Signin


    III) Setting up Preset2 Menu

    To Set preset2 Menu Click here

    IV) Setting up Preset2 Slider Module

    To set Preset2 Slider Module Click here

    VI) Setting up K2 Filter & Search module Module

    If you have already installed this module then navigate to Extensions > Modules > New > K2 Filter & Search module

  1. You can find mod_k2_filter.zip in Autoclub > Extension Folder
  2. Navigate to Extension > Extension Manager
  3. click on "Browse" button and browse package of mod_k2_filter.zip
  4. "Upload & install" button press.
  5. Go to Extension > Module and find K2 Filter & Search module
  6. Set position: mj-autoclub-search
    Module Class Suffix: container
    Select sub-template: HomeSearch2
    Select filter fields: Select Extra field for Filter

    VII) Setting up Home2_blog Module

  1. This is K2 content Module which is provided by K2 joomla
  2. Navigate to Extensions > Modules > New > K2 Content
  3. Give title, Set position, Select one or more categories
  4. Set position:mj-autoclub-home2-blog
    Select sub-template:Home_blog
    Select one or more categories:Toyota
    Item count:3
    Title:Choose Show
    Introtext:Choose Show
    Image:Choose Show
    Intro Text:Choose Hide
    Category:Choose Show

    VIII) Setting up Featured Vehicle Module

  1. This is K2 content Module which is provided by K2 joomla
  2. Navigate to Extensions > Modules > New > K2 Content
  3. Give title, Set position, Select one or more categories
  4. Set position:mj-autoclub-featured
    Select sub-template:home_featured
    Select one or more categories:Toyota
    Item count:10
    Title:Choose Show
    User(author):Choose Hide
    User avatar:Choose Hide
    User description:Choose Hide
    Intro Text:Choose Hide
    Tag:Choose Show
    Hits:Choose Hide
    Extra fields:Choose Show

    IX) Setting up home article

  1. Navigate to Content > Article Manager > Add New Article
  2. Give title,alias, Set Category and Article code.
  3. Category : Set category as home

    X) Setting up home2_Auto Module

  1. This is by default custom HTML Module provide by joomla.
  2. Give title, Set position and write Custom Html code
  3. Set position : mj-autoclub-home2-latest_custom

    Code : <h5 class="s-titleBg wow zoomInRight" data-wow-delay="0.3s">GIVING OUR CUSTOMERS BEST DEALS</h5><br /> <h2 class="s-title wow zoomInRight" data-wow-delay="0.3s">LATEST VEHICLES ON SALE</h2> <div class="b-auto__main"> <div class="row"> {loadposition mj-autoclub-home2-latest} </div> </div>


    XI) Setting up Home2_latest_vehicle Module

  1. This is K2 content Module which is provided by K2 joomla
  2. Navigate to Extensions > Modules > New > K2 Content
  3. Give title, Set position, Select one or more categories
  4. Set position:mj-autoclub-home2-latest
    Select sub-template:home2_latest
    Select one or more categories:Toyota
    Item count:4
    Title:Choose Show
    Image:Choose Show
    Tags:Choose Show
    Extra field:Choose Show

    XII) Setting up home2_autoworld Module

  1. This is by default custom HTML Module provide by joomla.
  2. Give title, Set position and write Custom Html code
  3. Set position : mj-autoclub-home2-autoworld_custom

    Code : <h5 class="s-titleBg wow zoomInLeft" data-wow-delay="0.3s">EVERYTHING YOU NEED TO KNOW</h5><br /> <h2 class="s-title wow zoomInLeft" data-wow-delay="0.3s">THE WORLD OF AUTOS</h2> <div> {loadposition mj-autoclub-home2-autoworld} </div>


    XIII) Setting up Home2_autoworld Module

  1. This is K2 content Module which is provided by K2 joomla
  2. Navigate to Extensions > Modules > New > K2 Content
  3. Give title, Set position, Select one or more categories
  4. Set position:mj-autoclub-home2-autoworld
    Select sub-template:home2_autoworld
    Select one or more categories:Latest Cars
    Item count:2
    Title:Choose Show
    Introtext:Choose Show
    Image:Choose Show
    Read more.. link:Choose Show

    XIV) Setting up Autoclub Counter Module

    If you have already installed this module then navigate to Extensions > Modules > New > Autoclub Counter Module

  1. You can find mod_mj_autoclub_counter.zip in Autoclub > Extension Folder
  2. Navigate to Extension > Extension Manager
  3. click on "Browse" button and browse package of mod_mj_autoclub_counter.zip
  4. "Upload & install" button press.
  5. Go to Extension > Module and find Autoclub Counter Module
  6. Set position:mj-autoclub-counter2

  7. Navigate to Select Layout tab and select layout.
  8. Select Layout : Default

  9. Go to Extensions > Templates > autoclub - Default -> Counter Section.
  10. Enter Counter detail and Click Save & Close.


  11. Font Awesome Icon:Enter Font Awesome Icon class. Fore more font awesome icon click here
    Name: Enter Counter Name
    Value: Enter Counter Value
    Counter Image: Select Counter image



    XV) Setting up WHAT CUSTOMERS SAYING Module

    If you have already installed this module then navigate to Extensions > Modules > New > Client Testimonial Module

  1. You can find mod_mj_client_testimonials.zip in Autoclub > Extension Folder
  2. Navigate to Extension > Extension Manager
  3. click on "Browse" button and browse package of mod_mj_client_testimonials.zip
  4. "Upload & install" button press.
  5. Go to Extensions > Module and find WHAT CUSTOMERS SAYING Module
  6. Set position:mj-autoclub-testimonial

  7. Navigate to Select Layout tab and select layout.
  8. Select Layout : home2_testimonial

  9. Go to Extensions > Templates > autoclub - Default -> Testimonial Section.
  10. Enter Testimonial details and Click Save & Close.


  11. Client Image : Select Client Image
    Client Name: Enter Client Name
    Description: Enter client description
    Car Image:Select Car Image
    Background Image:Select Testimonial Background Image



    XVI) Setting up Autoclub home2 ask Module

  1. This is by default custom HTML Module provide by joomla.
  2. Give title, Set position and write Custom Html code
  3. Set position : mj-autoclub-home2-ask

    Code : <h5 class="s-titleBg wow zoomInLeft" data-wow-delay="0.3s">EVERYTHING YOU NEED TO KNOW</h5><br /> <h2 class="s-title wow zoomInLeft" data-wow-delay="0.3s">THE WORLD OF AUTOS</h2> <div> {loadposition mj-autoclub-home2-autoworld} </div>


    XVII) Setting up Our Partners Module

  1. This is Banner Module which is provided by joomla
  2. Navigate to Extensions > Modules > New > Banners
  3. Give title, Set position, Select Banner Configuration
  4. Set position: mj-autoclub-home2-partners
    Module Class Suffix: home2_partners

    Target : Open in parent window
    Count : Enter how many items to show
    Client : Select No client
    Category : Select Category as Partners

  5. Navigate to Advanced tab and Select Alternative Layout.

    Alternative Layout: partners

    XVIII) Setting up Opening Hours Module

  1. This is by default custom HTML Module provide by joomla.
  2. Give title, Set position and write Custom Html code
  3. Set position : mj-autoclub-home2-footer_left
    Module Class Suffix : title b-info__aside-article

    Code : <div class="b-info__aside-article-item"> <h6>Sales Department</h6> <p>Mon-Sat : 8:00am - 5:00pm<span>·</span> Sunday is closed</p> </div> <div class="b-info__aside-article-item"> <h6>Service Department</h6> <p>Mon-Sat : 8:00am - 5:00pm<span>·</span> Sunday is closed</p> </div>


    XIX) Setting up About us Module

  1. This is by default custom HTML Module provide by joomla.
  2. Give title, Set position and write Custom Html code
  3. Set position : mj-autoclub-home2-footer_left
    Module Class Suffix : title b-info__aside-article

    Code : <p>Vestibulum varius od lio eget conseq uat blandit, lorem auglue comm lodo nisl non ultricies lectus nibh mas lsa Duis scelerisque aliquet. Ante donec libero pede porttitor dacu msan esct venenatis quis.</p>


    XX) Setting up Latest Autos Module

  1. This is K2 content Module which is provided by K2 joomla
  2. Navigate to Extensions > Modules > New > K2 Content
  3. Give title, Set position, Select one or more categories
  4. Set position: mj-autoclub-home2_footer_right
    Module Class Suffix: col-md-4 col-xs-12 footer_autos title b-info__latest
    Select sub-template: latest_autos
    Select one or more categories: Toyota
    Item count: 3
    Item ordering: Most popular
    Title: Choose Show
    Image: Choose Show
    Image Size: Select XSmall Image
    Extra fields: Choose Show

    XXI) Setting up Contact us Module

    If you have already installed this module then navigate to Extensions > Modules > New > Autoclub Contact Address Module

  1. You can find mod_mj-contact-address.zip in Autoclub > Extension Folder
  2. Navigate to Extension > Extension Manager
  3. click on "Browse" button and browse package of mod_mj-contact-address.zip
  4. "Upload & install" button press.
  5. Go to Extension > Module and find Autoclub Contact Address Module
  6. Set position : mj-autoclub-footer_right
    Module Class Suffix : col-md-4 col-xs-12 title b-info__contacts

  7. Navigate to Select Layout tab and select layout.
  8. Select Layout : footer_contact

    XXII) Setting up BT Google Maps Module

    If you have already installed this module then navigate to Extensions > Modules > New > BT Google Maps

  1. You can find mod_bt_googlemaps.zip in Autoclub > Extension Folder
  2. Navigate to Extension > Extension Manager
  3. click on "Browse" button and browse package of mod_bt_googlemaps.zip
  4. "Upload & install" button press.
  5. Go to Extension > Modules > and find BT Google Maps module.
  6. Select Google Map Configuration, Position and Click Save & Close.

    Position : mj-autoclub-footer-map

    Map type : Select Map type as Roadmap
    Map Address : Enter Map Address
    Width : Enter width of Map
    Height : Enter hight of Map

    XXIII) Setting up Copyright Section

  1. Navigate to Extension > Templates > Autoclub - default > Theme Settings > Copyright Settings
  2. Enter Copyright text
  3. Click Save & Close


    XXIV) Setting up MJ footer Social Module

    If you have already installed this module then navigate to Extensions > Modules > New > MJ Social Module

  1. You can find mod_mj_social.zip in Autoclub > Extension Folder
  2. Navigate to Extension > Extension Manager
  3. click on "Browse" button and browse package of mod_mj_social.zip
  4. "Upload & install" button press.
  5. Go to Extension > Module and find MJ footer Social Module
  6. Set position: mj-autoclub-footer_bottom_right

    To add Social Links..

  7. Navigate to Extensions > Templates > Autoclub - Default > Theme Settings > Social Settings
  8. Enter Social Links and Click Save & Close.

1) Facebook Link: Enter Facebook Url
2) Twitter Link: Enter Twitter Url
3) Pinterest Link: Enter Linkedin Url
4) Google Plus Link: Enter RSS Url
5) Instagram Link: Enter Dribble Url
6) YouTube Link: Enter YouTube Url
7) Skype Link: Enter Skype Url



    XXV) Setting up Footer Menu Module

  1. Navigate to Extensions > Modules > New > Menu
  2. Select Menu, Position and Suffix class
  3. Set position : mj-autoclub-footer_bottom_right
    Select Menu : Footer Menu
    Module Class Suffix : b-footer__content-nav



J) Inner Page Extension


    I) Setting up Compare Items Module

    If you have already installed this module then navigate to Extensions > Modules > New > Compare for K2

  1. You can find pkg_comparefork2.zip in Autoclub > Extension Folder
  2. Navigate to Extension > Extension Manager
  3. click on "Browse" button and browse package of pkg_comparefork2.zip
  4. "Upload & install" button press.
  5. Go to Extension > Module and find Compare Items Module
  6. Set position : mj-autoclub-listing
    Module Class Suffix : autoclub_compare b-blog__aside-categories-list

    Image: Select Hide
    Intro text: Select No
    Introtext limit: Enter Intotext word limit
    Select Layout: Select Default layout
    Select a template: Select Default template


    II) Setting up Refine Your Search Module

    If you have already installed this module then navigate to Extensions > Modules > New > K2 Filter & Search module

  1. You can find mod_k2_filter.zip in Autoclub > Extension Folder
  2. Navigate to Extension > Extension Manager
  3. click on "Browse" button and browse package of mod_k2_filter.zip
  4. "Upload & install" button press.
  5. Go to Extension > Module and find Refine Your Search Module
  6. Set position : mj-autoclub-listing
    Module Class Suffix : refine_search

    Select sub-template: Select your sub-template
    Search results page title: Enter search results page title
    Results phrase: Enter Results phrase text
    Phrase if no results: Enter Phrase text if no results found
    Search filter fields: Select your Extra fields
    Show extrafields title: Select Yes/No for extrafields title
    Show submit button: Select Yes/No for submit button
    Button Text: Enter Submit Button text
    Show reset button: Select Yes/No for reset button
    Show automatic results counter: Select Yes/No for results counter
    Search statistics: Select Yes/No for Search statistics

    III) Setting up Sell Your Car Module

  1. This is by default custom HTML Module provide by joomla.
  2. Give title, Set position and write Custom Html code
  3. Set position : mj-autoclub-listing
    Module Class Suffix : sell_car

    Code : <div class="b-items__aside-sell wow zoomInUp" data-wow-delay="0.3s"> <div class="b-items__aside-sell-img"> <h3>SELL YOUR CAR</h3> </div> <div class="b-items__aside-sell-info"> <p>Nam tellus enimds eleifend dignis lsim biben edum tristique sed metus fusce Maecenas lobortis.</p> <a class="btn m-btn" href="index.php/contact">REGISTER NOW <span class="fa fa-angle-right"></span> </a></div> </div>


    IV) Setting up related vehicle Module

  1. This is by default custom HTML Module provide by joomla.
  2. Give title, Set position and write Custom Html code
  3. Set position : mj-autoclub-related
    Loadposition : mj-autoclub-related-content

    Code : <h5 class="s-titleBg wow zoomInUp" data-wow-delay="0.5s">FIND OUT MORE</h5><br /> <h2 class="s-title wow zoomInUp" data-wow-delay="0.5s">RELATED VEHICLES ON SALE</h2> {loadposition mj-autoclub-related-content}


    V) Setting up Related Vehicles on Sale Module

  1. This is K2 content Module which is provided by K2 joomla
  2. Navigate to Extensions > Modules > New > K2 Content
  3. Give title, Set position, Select one or more categories
  4. Set position:mj-autoclub-related-content
    Select sub-template:related_vehicles_details
    Select one or more categories:Toyota
    Item count:4
    Item ordering: Select ordering
    Title:Choose Show
    Image:Choose Show
    Image Size:Select Image Size as Medium

    VI) Setting up brand Module

  1. This is by default custom HTML Module provide by joomla.
  2. Give title, Set position and write Custom Html code
  3. Set position : mj-autoclub-brand
    Loadposition : mj-autoclub-brand-content

    Code : <h5 class="s-titleBg wow zoomInUp" data-wow-delay="0.5s">FIND OUT MORE</h5><br /> <h2 class="s-title wow zoomInUp" data-wow-delay="0.5s">BRANDS WE OFFER</h2> {loadposition mj-autoclub-brand-content}


    VII) Setting up Brands we offer Module

  1. This is Banner Module which is provided by joomla
  2. Navigate to Extensions > Modules > New > Banners
  3. Give title, Set position, Select Banner Configuration
  4. Set position: mj-autoclub-brand-content
    Module Class Suffix: wow zoomInUp

    Target : Open in new window
    Count : Enter how many items to show
    Client : Select No client
    Category : Select Category as Brands

  5. Navigate to Advanced tab and Select Alternative Layout.

    Alternative Layout: Default

    VIII) Setting up INQUIRE ABOUT THIS VEHICLE Module

  1. This is by default custom HTML Module provide by joomla.
  2. Give title, Set position and write Custom Html code
  3. Set position : mj-autoclub-inquire
    Loadposition : mj-autoclub-details_contact & mj-autoclub-details_contact2

    Code : <div class="b-detail__main-aside-about-call"> <span class="fa fa-phone"></span> <div>1-888-378-4027</div> <p>Call the seller 24/7 and they would help you.</p> </div> <div class="b-detail__main-aside-about-seller"> <p>Seller Info: <span>NissanCarDealer</span></p> </div> <div class="b-detail__main-aside-about-form"> <div class="b-detail__main-aside-about-form-links"> <div class="tab1_content"><!-- Nav tabs --> <ul class="nav nav-tabs tabs"> <li class="active"><a href="#form1" data-toggle="tab">GENERAL INQUIRY</a></li> <li><a href="#form2" data-toggle="tab">SCHEDULE TEST DRIVE</a></li> </ul> </div> <!-- Tab panes --> <div class="tab-content"> <div id="form1" class="tab-pane active"> <div id="tab1" class="tab-content" style="display: block;"> {loadposition mj-autoclub-details_contact} </div> </div> <div id="form2" class="tab-pane"> <div id="tab2" class="tab-content"> {loadposition mj-autoclub-details_contact2} </div> </div> </div> </div> </div>


IX) Setting up CoalaWeb Contact Module

For download & documentation click here
If you have already installed this module then navigate to Extensions > Modules > New > CoalaWeb Contact

Set position : mj-autoclub-details_contact


X) Setting up CoalaWeb Contact Module

For download & documentation click here
If you have already installed this module then navigate to Extensions > Modules > New > CoalaWeb Contact

Set position : mj-autoclub-details_contact2


    XI) Setting up About offer Module

  1. This is by default custom HTML Module provide by joomla.
  2. Give title, Set position and write Custom Html code
  3. Set position : mj-autoclub-about_offers

    Code : <div class="container"> <h3 class="s-titleBg wow zoomInUp" data-wow-delay="0.5s">CUSTOMERS ARE IMPORTANT FOR US</h3><br /> <h2 class="s-title wow zoomInUp" data-wow-delay="0.5s">WHAT WE OFFERS</h2> <div class="row"> <div class="col-sm-4 col-xs-12"> <div class="b-world__item wow zoomInLeft" data-wow-delay="0.5s"> <img class="img-responsive" src="media/370x200/wolks.jpg" alt="wolks" /> <div class="b-world__item-val"> <span class="b-world__item-val-title">WE OFFER</span> </div> <h2>Low Prices, No Haggling</h2> <p>Curabitur libero. Donec facilisis velit eu est. Phasellus cons quat. Aenean vitae quam. Vivamus et nunc. Nunc consequ sem velde metus imperdiet lacinia.</p> </div> </div> <div class="col-sm-4 col-xs-12"> <div class="b-world__item wow zoomInUp" data-wow-delay="0.5s"> <img class="img-responsive" src="media/370x200/mazda.jpg" alt="mazda" /> <div class="b-world__item-val"> <span class="b-world__item-val-title">WE ARE THE</span> </div> <h2>Largest Car Dealership</h2> <p>Curabitur libero. Donec facilisis velit eu est. Phasellus cons quat. Aenean vitae quam. Vivamus et nunc. Nunc consequ sem velde metus imp erdiet lacinia.</p> </div> </div> <div class="col-sm-4 col-xs-12"> <div class="b-world__item wow zoomInRight" data-wow-delay="0.5s"> <img class="img-responsive" src="media/370x200/chevrolet.jpg" alt="chevrolet" /> <div class="b-world__item-val"> <span class="b-world__item-val-title">OUR CUSTOMERS GET</span> </div> <h2>Multipoint Safety Check</h2> <p>Curabitur libero. Donec facilisis velit eu est. Phasellus cons quat. Aenean vitae quam. Vivamus et nunc. Nunc consequ sem velde metus imp erdiet lacinia.</p> </div> </div> </div> </div>


    XII) Setting up About us - choose us Module

  1. This is by default custom HTML Module provide by joomla.
  2. Give title, Set position and write Custom Html code
  3. Set position : mj-autoclub-about_choose

    Code : <div class="container"> <div class="row"> <div class="col-sm-6 col-xs-12"> <div class="b-more__why wow zoomInLeft" data-wow-delay="0.5s"> <h2 class="s-title">WHY CHOOSE US</h2> <p>Curabitur libero. Donec facilisis velit eu est. Phasellus cons quat. Aenean vitae quam. Vivamus etyd nunc. Nunc consequsem velde metus imperdiet lacinia. Lorem ipsum dolor sit amet sed consectetur adipisicing elit sed do eiusmod.</p> <ul class="s-list"> <li><span class="fa fa-check"></span>Donec facilisis velit eu est phasellus consequat quis nostrud</li> <li><span class="fa fa-check"></span>Aenean vitae quam. Vivamus et nunc nunc conseq</li> <li><span class="fa fa-check"></span>Sem vel metus imperdiet lacinia enean </li> <li><span class="fa fa-check"></span>Dapibus aliquam augue fusce eleifend quisque tels</li> <li><span class="fa fa-check"></span>Lorem ipsum dolor sit amet, consectetur </li> <li><span class="fa fa-check"></span>Adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore Magna </li> </ul> </div> </div> <div class="col-sm-6 col-xs-12"> <div class="b-more__info wow zoomInRight" data-wow-delay="0.5s"> <h2 class="s-title">MORE INFO</h2> <div class="b-more__info-block"> <div class="b-more__info-block-title">Fair Price for Everyone<a class="j-more" href="#"><span class="fa fa-angle-left"></span></a></div> <div class="b-more__info-block-inside j-inside"> <p>Curabitur libero. Donec facilisis velit est. Phasellus consquat. Aenean vitae quam. Vivam etl nunc. Nunc con sequsem velde metus imperdiet lacinia. Lorem ipsum dolor sit amet consectetur adipisicing elit sed do eiusmod tempor incididunt.</p> </div> </div> <div class="b-more__info-block"> <div class="b-more__info-block-title">Large Number of Vehicles<a href="#" class="j-more"><span class="fa fa-angle-left"></span></a></div> <div class="b-more__info-block-inside j-inside"> <p>Curabitur libero. Donec facilisis velit est. Phasellus consquat. Aenean vitae quam. Vivam etl nunc. Nunc con sequsem velde metus imperdiet lacinia. Lorem ipsum dolor sit amet consectetur adipisicing elit sed do eiusmod tempor incididunt.</p> </div> </div> <div class="b-more__info-block"> <div class="b-more__info-block-title">Auto Loan Available<a href="#" class="j-more"><span class="fa fa-angle-left"></span></a></div> <div class="b-more__info-block-inside j-inside"> <p>Curabitur libero. Donec facilisis velit est. Phasellus consquat. Aenean vitae quam. Vivam etl nunc. Nunc con sequsem velde metus imperdiet lacinia. Lorem ipsum dolor sit amet consectetur adipisicing elit sed do eiusmod tempor incididunt.</p> </div> </div> </div> </div> </div> </div>


    XIII) Setting Our Team Member Module

  1. This is by default custom HTML Module provide by joomla.
  2. Give title, Set position and write Custom Html code
  3. Set position : mj-autoclub-about_choose
    Loadposition : mj-autoclub-team_member

    Code : <h3 class="s-titleBg wow zoomInUp" data-wow-delay="0.5s">the people you can trust ON</h3><br /> <h2 class="s-title wow zoomInUp" data-wow-delay="0.5s">OUR TEAM MEMBERS</h2> {loadposition mj-autoclub-team_member}


    XIV) Setting up Team Module Module

    If you have already installed this module then navigate to Extensions > Modules > New > Team Module

  1. You can find mod_mj_team.zip in Autoclub > Extension Folder
  2. Navigate to Extension > Extension Manager
  3. click on "Browse" button and browse package of mod_mj_team.zip
  4. "Upload & install" button press.
  5. Go to Extension > Module and find Team Module
  6. Set position: mj-autoclub-team_member

    To add Team Member details..

  7. Navigate to Image Option tab
  8. Enter Team member information and Click Save & Close.

1) Image: Select Member image
2) Name: Enter Member Name
3) Designation: Enter Member's Designation
4) Facebook: Enter Facebook Url
5) Twitter: Enter Twitter Url
6) Pinterest: Enter Pinterest Url
7) Google+: Enter Google+ Url
8) Team Text: Enter Team text



    XV) Setting up Blog Search module

  1. This is K2 Tools Module which is provided by K2
  2. Navigate to Extensions > Modules > New > K2 Tools
  3. Give title, Set position, Add Suffix Class, Select module functionality.
  4. This module displays in Blog pages.
  5. Set position: position - 7
    Module class suffix: blog_search
    Select Module Functionality :Search Box

    XVI) Setting up Categories module

  1. This is K2 Tools Module which is provided by K2
  2. Navigate to Extensions > Modules > New > K2 Tools
  3. Give title, Set position, Add Suffix Class, Select module functionality.
  4. This module displays in Blog pages.
  5. Set position: position - 7
    Module class suffix: b-blog__aside-categories-list b-blog__aside-popular wow zoomInUp
    Select Module Functionality :Categories List (Menu)

    XVII) Setting up Popular Posts Module

  1. This is K2 content Module which is provided by K2 joomla
  2. Navigate to Extensions > Modules > New > K2 Content
  3. Give title, Set position, Select one or more categories
  4. Set position:position-7
    Module Class Suffix: b-blog__aside-popular-posts b-blog__aside-popular wow zoomInUp

    Select sub-template:popular_posts
    Select one or more categories:Latest Cars
    Item count:2
    Item ordering: Select ordering as Most popular
    Title:Choose Show
    Image:Choose Show
    Image Size:Select Image Size as Medium

    XVIII) Setting up Why Choose Us Module

  1. This is by default custom HTML Module provide by joomla.
  2. Give title, Set position and write Custom Html code
  3. Set position : position-7
    Module Class Suffix : sidebar_textright b-blog__aside-popular wow zoomInUp

    Code : <p>Curabitur libero. Donec facilisis velit edu est Phasellus conside quat. Aenean vitae quam. Vivamus etdu nunc. Nunc conseq sem velde metus imperdiet lacinia. Cras ornare pretum tortor. Donec sed augue sed nunc rutru me egestas. Bulum ante ipsum primisn faucibusorci luctus et ultrices posuere.</p>


    XIX) Setting up Archives module

  1. This is K2 Tools Module which is provided by K2
  2. Navigate to Extensions > Modules > New > K2 Tools
  3. Give title, Set position, Add Suffix Class, Select module functionality.
  4. This module displays in Blog pages.
  5. Set position: position - 7
    Module class suffix: sidebar_archives b-blog__aside-archives wow zoomInUp
    Select Module Functionality :Archive

    XX) Setting up Sell Your Car Module

  1. This is by default custom HTML Module provide by joomla.
  2. Give title, Set position and write Custom Html code
  3. Set position : position-7
    Module Class Suffix : sell_car

    Code : <div class="b-items__aside-sell wow zoomInUp" data-wow-delay="0.3s"> <div class="b-items__aside-sell-img"> <h3>SELL YOUR CAR</h3> </div> <div class="b-items__aside-sell-info"> <p>Nam tellus enimds eleifend dignis lsim biben edum tristique sed metus fusce Maecenas lobortis.</p> <a class="btn m-btn" href="index.php/contact">REGISTER NOW</a></div> </div>


    XXI) Setting up Sidebar Contact Module

  1. This is by default custom HTML Module provide by joomla.
  2. Give title, Set position and write Custom Html code
  3. Set position : position-7
    Module Class Suffix : b-blog__aside-popular

    Code : <div class="b-detail__main-aside-about-call wow zoomInUp" data-wow-delay="0.3s"> <span class="fa fa-phone"></span> <div>1-888-378-4027</div> <p>QUESTIONS? CALL US 24/7</p> </div>


    XXII) Setting up Search Module

  1. This is Search Module which is provided by joomla
  2. Navigate to Extensions > Modules > New > Search
  3. Give title, Set position, Select Search Configuration
  4. Set position: mj-autoclub-page_search
    Search Button : Select Search Button no
    Button Position : Select Button Position as Right
    Search Button Image : Select Yes

  5. Navigate to Advanced tab and Select Alternative Layout.

    Alternative Layout: Default

    XXIII) Setting up Contact Map Module

    If you have already installed this module then navigate to Extensions > Modules > New > BT Google Maps

  1. You can find mod_bt_googlemaps.zip in Autoclub > Extension Folder
  2. Navigate to Extension > Extension Manager
  3. click on "Browse" button and browse package of mod_bt_googlemaps.zip
  4. "Upload & install" button press.
  5. Go to Extension > Modules > and find Contact Map module.
  6. Select Google Map Configuration, Position and Click Save & Close.

    Position : mj-autoclub-map

    Map type : Select Map type as Roadmap
    Map Address : Enter Map Address
    Width : Enter width of Map
    Height : Enter hight of Map

    XXIV) Setting up Opening Hours Module

  1. This is by default custom HTML Module provide by joomla.
  2. Give title, Set position and write Custom Html code
  3. Set position : mj-autoclub-contact1
    Module Class Suffix : wow zoomInUp

    Code :<div class="b-contacts__address-hours-main wow zoomInUp" data-wow-delay="0.5s"> <div class="row"> <div class="col-md-6 col-xs-12"> <h5>Sales Department</h5> <p>Mon-Sat : 8:00am - 5:00pm <br/>Sunday is closed</p> </div> <div class="col-md-6 col-xs-12"> <h5>Service Department</h5> <p>Mon-Sat : 8:00am - 5:00pm <br/>Sunday is closed</p> </div> </div> </div>


    XXV) Setting up Contact Information Module

    If you have already installed this module then navigate to Extensions > Modules > New > Autoclub Contact Address Module

  1. You can find mod_mj-contact-address.zip in Autoclub > Extension Folder
  2. Navigate to Extension > Extension Manager
  3. click on "Browse" button and browse package of mod_mj-contact-address.zip
  4. "Upload & install" button press.
  5. Go to Extension > Module and find Autoclub Contact Information Module
  6. Set position : mj-autoclub-contact2
    Module Class Suffix : wow zoomInUp

  7. Navigate to Select Layout tab and select layout.
  8. Select Layout : Default


K) K2 Setup


  1. Download K2 from http://getk2.org/ link
  2. Please install K2 , the component will be able to be access in the Component menu of your joomla admin.

Create Category

    add new category

  1. Click on the Components menu k2 item in your admin section, then click the Category sidebar after that click the New button..
  2. Add Category form

  3. Insert a Title and alias. The alias text will generate a shortcode that can be used in the editing field of pages or posts.
  4. Then select the Parent Category. If your category is sub-category than select parent category in dropdown list.
  5. Then select option the Published. If your category publish then select Yes option otherwise No option.
  6. Then select option the Access level. Category Access level select which users you give access for category.
  7. Then select option the Language. Category is display in which language select that language.
  8. Then insert the Description.Fill Category Description and select image of category.
  9. On the right hand side are many other options you can set. All are self explanatory with descriptions. Test them out
  10. Once you are done, click Save & close button and your new category will be made.
  11. add category

Create Item

    add new item

  1. Click on the Components menu k2 item in your admin section, then click the item sidebar after that click the New button..
  2. Add item form

  3. Insert a Title and alias. The alias text will generate a shortcode that can be used in the editing field of pages or posts.
  4. Then select the Category. Select category in which you want to categories your item.
  5. Then select option the featured. If your item feature then select Yes option otherwise No option.
  6. Then select option the Published. If your item publish then select Yes option otherwise No option.
  7. Then insert the Description.Fill Category Description and select image of category.
  8. On the right hand side are many other options you can set. All are self explanatory with descriptions. Test them out
  9. Once you are done, click Save & close button and your new category will be made.
  10. add item

tags

    add new tag

    Click on the Components menu k2 item in your admin section, then click the Tags sidebar after that click the New button..

    Add tag form

  1. Insert a Name of tag.
  2. Then select option the Published. If your tags publish then select Yes option otherwise No option.
  3. click Save & close button and your new category will be made.
  4. add tag

Comments

    Click on the Components menu k2 item in your admin section, then click the Comments sidebar.

    User Comments Details are display and option related comment are apply here.

Users

    Click on the Components menu k2 item in your admin section, then click the User sidebar.

    User Information are display and option related user are apply here.

User Groups

    Click on the Components menu k2 item in your admin section, then click the User Groups sidebar.

    Create User group

    Display detail of user gropes and option related user groups are apply here.

Media Manager

    Click on the Components menu k2 item in your admin section, then click the Media Manager sidebar.

    Images and Videos display in Media Manager

Information

Click on the Components menu k2 item in your admin section, then click the Media Manager sidebar.

Information about k2 component are displayed.

How to remove this Error : JUser: :_load: Unable to load user with ID: 736

This is a generic issue with Joomla and quick start packages. You will need to edit your database with phpmyadmin.

Below is the steps. Please backup your database before making changes. Change "Jos" with your prefix as it might be different.


Step-1 : Open your Joomla database using PHPMyadmin tool.

Step-2 : Open jos_users table,

Step-3 : Find record with Super User name and click on edit icon,

Step-4 : Change Super User id value to 736 and click on Go button,

Step-5 : Open jos_user_usergroup_map table.

Step-6 : Find the record with group_id value 8, change user_id value to 736, then click on Go button,

Step-7 : Logout and login again.


L) Detail Page Information


    I) Setting up Simple Image Gallery Pro Plugin

  1. You can find JW_SimpleImageGalleryPro-v3.1.0.zip in Autoclub > Extension Folder
  2. Navigate to Extension > Extension Manager
  3. click on "Browse" button and browse package of JW_SimpleImageGalleryPro-v3.1.0.zip
  4. "Upload & install" button press.
  5. Go to Extension > Plugin Manager and find list of K2 - Simple Image Gallery Pro Module
  6. Fronted Slider Picture

    Select Template : Slider HS

  7. Go to Components > K2 > Items > Select Any one item > Image gallery > Browse multiple images.
  8. Online Read Documentation Click here



M) Mailchimp Integration

The MailChimp integration is a whole new Joomla! newsletter component and more. It thoroughly exhausts the MailChimp API and will bring you unprecedented control and content inclusion options with your newsletters, along with satisfaction

For Download and Documentation Click here














N) Language Support

The theme is fully compatible with Joomla translation extensions which allow you to translate your store to 14 languages

  1. Arabic
  2. German
  3. Spanish
  4. English
  5. French
  6. Greek
  7. Italian
  8. Japaness
  9. Norwegian
  10. Dutch
  11. Portuguese
  12. Russian
  13. Swedish
  14. Chinese







O) FAQ

Is it necessary to install sample data ?

In the third step of the installtion called Overview, Sample data is available, you can click there

If you are new to Joomla! it would be benefical to install some sample data to see how Joomla! works.

How to upgread joomla ?

If an update is available there will be a message indicating and a button to press. Which update you'll see depends on the setting for Update Server and caching. See options for Joomla! Update component.

The first option shows the latest update of the major release in use.

The second option shows the latest update of the latest major. Caching may cause not detecting an available update, purge cache.

For J2.5 go to Extension manager => Update and press Purge cache.

How to upgread K2 ?

Make sure you have at least v2.0 installed on your Joomla! website.

Download the latest zip package of K2. download from here

In your Joomla! website backend, navigate to Extensions >> Install/Uninstall and choose to upload and install the zip file you just downloaded from the K2 website.

That's it! You've been upgraded to the latest release

how to activate multilingual features of Joomla at installation time ?

In the second step of the installtion called Choose Default Language, multilingual features is available, you can click there

Click Yes next to Activate the multilingual feature

Two additional choice will appear.

Choice-1 : Install localised content : yes or no. This will automatically create one content category for each language installed and one featured article with dummy content for each content category installed.

Choice-1 : Enable the language code plugin : yes or no. If enabled, the plugin will add the ability to change the language code in the generated HTML document to improve SEO.

Is it necessary to remove installation folder in joomla ?

You will not be able to browse to your site or administrator portal until you delete your installation folder. The reason for this is mainly due to security - if someone can access your installation folder they could potentially overwrite your site by running the installer again.

How to delete your installation folder manually in joomla ?

To delete your installation folder manually, use an FTP client and right click on the folder named installation and press Delete. As this removes the entire folder and its contents, it may take a couple of minutes to complete. Some components such as Akeeba Backup offer you the opportunity to execute this process by clicking a link, which effectively deletes this folder using certain commands.

How to change post_max_size in joomla ?

The php.ini file is the default configuration file for running applications that require PHP.

here you can change this variable, Default value is 8M

How to change default editor in joomla ?

Step-1 : Log into your Joomla 3.0 admin dashboard.

Step-2 : In the left navigational menu, click the link Global Configuration

Step-3 : There are several tabs at the top of the page, such as Site, System, and Server. Ensure you are on the Site tab by clicking Site.

Step-4 : Under the Site Settings heading, find the setting labeled Default Editor. If you mouse over the text itself, Default Editor, Joomla 3.0 shows you the following message:

How to set <i> tag in to the joomla defaut editor ?

Step-1 : Install JCE Editor Download

Step-2 : after installation : Go to Component > JCE Editor > Profile > Default > Editor Parameters > Advanced now wright the 'i' in the Extended Elements. and save it

Step-3 : Now set JCE Editor as a default Editor.

How to remove time stamps from Joomla SEF URLs ?

Due to an incorrect alias or a non-English character in your category names, Joomla may replace the category name with a time stamp like 2014-10-08-03-45-44.

The problem can be solved by following the steps below


Step-1 : Change the menu item type for the menu item from External URL to Text separator.

Step-2 : After step 1, an Alias field will appear under the Menu title field which will contain the time stamp.

Step-3 : Edit the alias field and change the time stamp to what you want to replace the time stamp with.

Step-4 : Save the menu item

Step-5 : Change the menu item type back to External URL.

How to enable error reporting in Joomla 3.x ?

Step-1 : Log into your Joomla 3.0 admin dashboard.

Step-2 : ClickGlobal Configurationin the left menu

Step-3 : In the tabbed menu, click the Server tab

Step-4 : Find the Error Reporting setting under the Server Settings heading. Change the value as needed, and then click the Save button in the top left of the page.

How to apply module suffix class in the module ?

Say, for example, that your website contains a number of Section Blog layouts, each for a different Section. If you are happy to have all of these pages styled the same way, then you wouldn't need to use a module Class Suffix. However, say you want each of these sections styled differently than the others. For example, maybe you want a different background color or image for each different section.


In the administrative back end, navigate to Extensions → Module Manager and find the particular module. Click on it to open it for editing, and enter + "yourclassname" in the Module Class Suffix parameter field.

How to disable Mootools library in joomla ?

Mootools is loaded by default in Joomla. This plugin gives you the control of when is loaded Mootools.

Disable Mootools for all your website except for specified items or just enable for all except for specified items.


Click Here To Download the plugin : Download

How to compress CSS and JS ?

Use CSS Compressor to compress CSS (CSS 1, CSS 2, CSS 2.1 & CSS 3) to reduce CSS code size and make your website load faster

Click Here to : compress

How to download joomla language pack ?

It's easy to translate Joomla into your language by creating a 3.x language pack.

Click Here To Download : Download








P) Source and Credits


Bootstrap :

Bootstrap is a Most used responsive framework empower all our templates work on all mobile versions, tablets and desktop systems.

K2 :

K2 is the popular powerful content extension for Joomla with CCK-like features. It provides an out-of-the box integrated solution featuring rich content forms for items.