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!
We have written a very detailed guide on how to download and install a WordPress theme, please follow the instruction in that article.
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.
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 300×67 (px).
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
Linking to any of the following sites will automatically display its icon in your menu:
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:
- Create a page.
- Go to the Customizer’s Static Front Page panel and set Front page displays to A static page.
- 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.
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.
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.
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.
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 have any question, please send us a support ticket!
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
Then, go to Settings -> Reading, choose static page
Go to Appearance -> Menus to set menus location
Header for Primary location,
Footer for Footer location,
social menu for Social Menu location