CarListings

GENERAL
EXTENSIONS
THEMES

Thank you for using CarListings to build a beautiful listings and rental website. In this documentation, we will show you how to install and setup the basic demo for your website. This takes you only 5 minutes to have the website ready!

Installation

We have written a very detailed guide on how to download and install a WordPress theme, please follow the instruction in that article.

IMPORTANT:

In order to make the theme works properly, you need to install theĀ Auto Listings, Meta Box and Jetpack plugin. Simply go to theĀ Dashboard ā†’ Plugins ā†’ Add New. The plugin will appear in the list below, clickĀ Install NowĀ button to install it.

After activating Jetpack, you need to connect to WordPress.com to use it (it requires you to create an account on wordpress.com ā€“ which is free). If you donā€™t want to create an account on wordpress.com, you can enable theĀ Jetpack development mode.

Import Demo Content

Note:Ā We do not recommend to import demo content if you have existing content in your WordPress installation.

  1. The first step is to download the Theme Demo Content.
  2. Log in to the WordPress Dashboard and go to Tools Ā» Import in the left menu.
  3. Choose ā€œWordPressā€ from the list.
  4. Install the Plugin ā€œInstall Importerā€ by clicking Install Now
  5. Click Activate Plugin & Run Importer
  6. Upload your demo content .xml file.
  7. On the next screen you will be asked to map the authors in this export file to users on the blog. You may choose to map to an existing user on the blog or to create a new user. Check ā€œDownload and import file attachmentsā€ to import the placeholder images.
  8. It will take a while, once completed youā€™ll see the message All done. Have fun!

Header Setup

Custom Logo

You can add a custom logo by going toĀ Customize ā†’ Site IdentityĀ and uploading your own logo image.

We recommend the size of the logo is 300x67 (px).

Navigation

The main navigation appears at the top of every pages of your website. On tablet and mobile devices, it will be hidden behind a toggle button. To set it up, simply create a new menu viaĀ Customize ā†’ Menus and assign it to the PrimaryĀ location.

Top navigation appears next to the search form at the top.Ā To set it up, simply create a new menu viaĀ Customize ā†’ Menus and assign it to the TopĀ location.


Social Links Menu

The social links menu displays at the top right of your website. To add social links, create another menu and add links to your social network profiles. Then assign it to the Social Menu location.

Linking to any of the following sites will automatically display its icon in your menu:

  • Codepen
  • Digg
  • Dribbble
  • Dropbox
  • Facebook
  • Flickr
  • Foursquare
  • Github
  • Google+
  • Instagram
  • Linkedin
  • Path
  • Pinterest
  • Pocket
  • Polldaddy
  • Reddit
  • Skype
  • Spotify
  • Stumbleupon
  • Tumblr
  • Twitch
  • Twitter
  • Vimeo
  • Vine.co
  • WordPress
  • Youtube

Setting up your front page

When you first activate CarListings, your homepage will display posts in a traditional blog format. To set up your homepage, follow these steps:

  1. Create a page.
  2. Go to the Customizerā€™s Static Front Page panel and set Front page displaysĀ to A static page.
  3. Select the page you created in step oneĀ as theĀ Front page, and, if you plan to have a blog as well, choose another page as theĀ Posts pageĀ to display your blog posts.

Featured Slider

First, create some pages and tag them with the same tag. We often use theĀ featuredĀ tag, but you can use any tag you want. Donā€™t forget to add featured image. Itā€™s used as the slide image.

Listing Search Box

First, create a page. In this page, you need to write some text and add the shortcode [auto_listings_search] below. The text and the title will be display in the position like the picture below:

Then go to Customize ā†’ Theme Options -> Homepage and select the page you created above:

Browse all the car by make

This section will display all your makes and the number of cars available for each make. Go to Customize ā†’ Theme Options -> Homepage and customize the title and the image in this section:

Call To Action section

This section can display the custom HTML content of your choice. Itā€™s a good place to add some marketing text and a call-to-action button. To edit the content, go to Customize ā†’ Theme Options ā†’ Call To Action section.

Widgets

CarListings works nicely with all the available widgets. Simply go to Customize ā†’ Widgets ā†’ Sidebar and add the widgets you like.

Beyond the default widgets, we also create a custom CarListings: Contact Info widget that displays your working hour and your Email.

Footer

CarListings includes one optional widget area in the footer. To add widgets to the footer, go toĀ Customize ā†’ Widgets ā†’ Footer 1 Footer 2 Footer 3. The widgets will be arranged in up to three columns automatically.

Customization

We recommend using a child theme to customize the theme.

In addition, you can customize the theme CSS by going to Customize ā†’ Additional CSS.

If you want to customize the fonts or colors, we have 2 powerful and easy-to-use plugin: Ultimate Fonts and Ultimate Colors that can help you do that.

If you have any question, please send us a support ticket!

File demo

We provide you with 3 files to import the demo: content.xml, theme-options.dat, widgets.wie

Link download here: click here to download

After downloading, extract 3 files. You can then install One Click Import Demo plugin to perform the import

After activating the plugin, going to your dashboard will see 3 boxes to select the files we have provided

Screenshot_1

Then, go to Settings -> Reading, choose static pageĀ 

Screenshot_2

Go to Appearance -> Menus to set menus location

Header for Primary location,
Footer for Footer location,
social menu for Social Menu location

Screenshot_3