Autoimage Documentation

Thank you very much for purchasing Our WordPress theme


Thank You Very Much For Purchasing Autoimage WordPress Theme. We’ve put a lot of hard work into it, and we hope you love it as much as we do. As far as the documentation is concerned, we have tried to cover as much as possible to help you get your new template up and running and to help you customise it.

We also provide paid services for custom working with the theme or installation . You can order it on services page .

BEFORE YOU START CUSTOMIZING

If you plan to make some modifications to the code of the theme, will be better to make them via the child theme. If you make modifications directly to the parent theme, you will lose them when the theme is updated. When you make modifications inside of the child theme instead, you can update the parent theme without losing any change you have made.

To create child theme and transfer all settings from the parent theme to the child theme , please use Child theme configurator .

More information about child themes you can find in WordPress Codex- Child_Themes.

If your changes are not critical and affect only the styles , and you do not have enough settings that come with our theme then you can use the yellow pencil for these purposes . More info about Yellow Pencill

Also you can use our paid service to hire our team and make your website according to your requirements .

Install Theme

To install this theme it is essential to have a working version of WordPress already installed. For the information about WordPress platform installing, please see the WordPress Codex. After you download the “package.zip” file from Themeforest you will have all the necessary files . Then you should extract the “package.zip” file and you will find the theme zip file called “autoimage.zip”inside. You need to install this file.

Please NoteYou can install the theme in two ways: via WordPress, or via FTP. If you have trouble installing the theme via WordPress, please proceed with installing it via FTP and the problem will be solved. Follow the steps below to install via WordPress.

  • Navigation > Appearance >Themes.
  • Click Install Themes and press the upload button.
  • Navigate to find the “autoimage.zip” file on your computer and click “Install Now” button.
  • The theme will be uploaded and installed.
  • Activate the newly installed theme. Go to Appearance > Themes and activate the installed theme.
  • Navigation > Appearance >About autoimage.
  • Activate theme using purchased code ( If you are using a development site, you can deactivate your code to move your site to the main domain . )
  • After theme activation, you will see all the required plugins to be installed . Please install all required plugins ( you can disable unnecessary later ) .
  • Now you can import the demo

Install via FTP

  • Log into your hosting space via an FTP software
  • Unzip the autoimage.zip file and use the extracted autoimage theme folder
  • Upload the extracted autoimage theme folder into wp-content themes in your wordpress installation
  • Activate the newly installed theme. Go to Appearance Themes and activate the installed theme.
  • Navigation > Appearance >About autoimage.
  • Activate theme using purchased code ( If you are using a development site, you can deactivate your code to move your site to the main domain . )
  • After theme activation, you will see all the required plugins to be installed . Please install all required plugins ( you can disable unnecessary later ) .
  • Now you can import the demo

One click import

You can either start building your site from scratch, or import one of our demo sites and then modify it to fit your needs. We will now explain how to do the latter.

autoimage comes with one-click import module. Here’s what you need to do:

  • Login to WordPress admin
  • Go into admin panel > Apperance > Import Demo Data
  • Choose the demo site that you wish to import and click on the “Import Demo” button.

If you get any error, please check Import troubleshooting or use Demo Migration

Import troubleshooting

Many issues that you may run into such as; white screen, demo content fails when importing, empty page and other similar issues are all related to low PHP configuration limits.

If you cannot change these settings, use support forum .

The solution is to increase the PHP limits.

You can do this on your own .

  • Find the php.ini file in your Server config files.
  • For WAMP, its in apache2/bin/apache2.2.22/bin/php.ini
  • Go to the line “max_execution_time=30” .
  • Change it to 360 or any other large value.

Or contact your web host and ask them to increase those limits to a minimum as follows

  • max_execution_time 360
  • memory_limit 128M
  • post_max_size 32M
  • upload_max_filesize 32M

Theme Settings

To configure the main theme settings , go to the Appearance – Customizer

Auto settings

We tried to make all the settings intuitive but if you have any questions feel free to use our support forum

Autodeal Site Settings

  • Login to WordPress admin
  • Go into admin panel Autos > Settings > General Settings
  • Site currency – site currency
  • Thousand Separator – Thousand separator for price
  • Decimal Separator – Decimal separator for price
  • Number of Decimals – Number separator for price
  • My cars page – autodealer car page
  • Car listing page – car listing page
  • List style – style for car listing page
  • Sell your car page – add car dealer page
  • Update car page – update car dealer page
  • Text After Price – separator for price
  • Slider max price – listing max price slide settings
  • Autos per page – separator for price
  • Autos order – car orders
  • Show disabled equipment – equipment settings

Site Currencies

  • Login to WordPress admin
  • Go into admin panel Autos > Settings > General Settings > Currencies

Auto Fields Setting

  • Login to WordPress admin
  • Go into admin panel Autos > Settings > General Settings > Auto Fields

1. RequiredCheck this if you want this field to be marked as required when users adding new autos.
2. ShowCheck this if you want to show this field to be visible on autos page & add / edit auto frontpage.
3. Display in GridCheck this if you want this field to be marked in Catalog Grid.
4. Display in ListCheck this if you want this field to be marked in Catalog List.
5. IconAdd icon in Grid fields , all avaible icons in Appearance – Font icon loader

Custom Auto Fields Setting

You can use any additional fields to customize your car . They will be applied to the main fields on the machine page as well as the catalog page .

  • Login to WordPress admin
  • Go into admin panel Autos > Settings > General Settings > Auto Fields – Custom Settings – Group

Please select add to tab if you want to separate these additional fields and add them to tabs in car page .

 

Car Booking settings

This video installation guide it will help you to understand how to set up a booking plugin for cars .

Please enable the booking on the page of the car .

  • Login to WordPress admin
  • Go into admin panel Autos > Auto – Auto Layout – Booking button – Show

Car Booking orders

Booking is done through the plugin woocommerce .

  • Login to WordPress admin
  • Go into admin panel WooCommerce > Orders

For correct operation, all pages woocommerce should be created as described in documentation woocommerce

Compare options

  • Login to WordPress admin
  • Go into admin panel Autos > Compare page

To see all available cars

  • Login to WordPress admin
  • Go into admin panel Autos > All Autos > Published

 

To add a new car

  • Login to WordPress admin
  • Go into admin panel Autos > New Auto

To add new Auto Model

  • Login to WordPress admin
  • Go into admin panel Autos > Model > Add Auto Model

Model list will be available in the auto settings

To add new Body Style

  • Login to WordPress admin
  • Go into admin panel Autos > Body Style > Add Body Style

Body Style will be available in the auto settings

To add new Car Equipment

  • Login to WordPress admin
  • Go into admin panel Autos > Equipment > Add Car Equipment

Car Equipment will be available in the auto settings

Сustomize your own Header in Apperance -Customizer – Header

If you want to use unique headers for each page please activate Advanced options on page

Now go to the page and configure Header for only this page .

We use this trick on some of our demo pages. So if you want to change our demo page you should just do it.

First please edit and choose footer in Apperance – Customizer- Footer .

To setup and edit the footer please use static blocks but set the necessary settings for this in the Wp Bakery .

Now you can create unique footer and add them to your footer in theme customizer .
Also you can create and specify unique footer for each page in page settings

Google Maps

Please create your own API key for Google maps . Follow these steps to get an API key:

  1. Go to the Google Cloud Platform Console.
  2. Create or select a project.
  3. Click Continue to enable the API and any related services.
  4. On the Credentials page, get an API key. Note: If you have an existing unrestricted API key, or a key with browser restrictions, you may use that key.
  5. From the dialog displaying the API key, select Restrict key to set a browser restriction on the API key.
  6. In the Key restriction section, select HTTP referrers (web sites), then follow the on-screen instructions to set referrers.
  7. (Optional) Enable billing. See Usage Limits for more information.

For more information on using the Google Cloud Platform Console, see API Console Help.

Add this key in Kaswara settings

Contact Form 7

To display the form please use this code in Contact – Contact forms .

To customize your form use Kaswara CF Designer.

<code data-language="html">

<div class="row">
<div class="col-md-6">
[text* your-name placeholder"NAME"]
</div>
<div class="col-md-6">
[email* your-email placeholder"EMAIL"]
</div>
</div>

<div class="row">
<div class="col-md-6">
[text your-phone placeholder"PHONE"]
</div>
<div class="col-md-6">
[text your-subject placeholder"SUBJECT"]
</div>
</div>

<div class="row">
<div class="col-md-12">
[textarea your-message placeholder"MESSAGE"]
[submit "SEND MESSAGE"]
</div>
</div>

</code>

WPbakery

WPbakery gives you instant access to built in content elements. Each content element has been carefully crafted and offers multiple options that will enable you to build any layout you desire. You can build complex layouts based on these content elements within minutes, and without requiring a single line of code. Please check this video tutorial:

You can use these plugins with the autoimage theme and you are fully compliant with the Envato’s policy, but you cannot activate them as the owner (so don’t try to use the autoimage purchase code to activate one of these plugins).

When you purchase a theme from ThemeForest that bundles WPbakery and Revolution Slider, you are free to use these Premium plugins with the theme. However, your autoimage purchase does not give you individual WPbakery and Revolution Slider licenses that allow you to activate or download these plugins as you wish. Activation doesn’t mean the plugin will not work but only that you cannot receive direct updates. Please don’t worry if you see warning messages about the plugin license activation.

To update you need:

  • Navigate to the Plugins menu in your WordPress admin area.
  • Deactivate revolution slider, delete it
  • Go to Install Required Plugins
  • Upload and install the new version
  • Activate WPbakery.

Row Settings

To create a new unique section use default row settings and also theme row options .

Jivo Chat

You can add your chat using Jivochat service . To do this, register on site Jivochat and get the code that you need to add to Kaswara-Settings .

Revolution slider

First please import all the slides from a folder DemoContent/Revoslides using Revoslider import

Documentation: https://templines.com/go/revslider-doc/ Video tutorials: available on YouTube

If you are unfamiliar with this awesome plugin, we recommend that you use the online documentation

You can use these plugins with the autoimage theme and you are fully compliant with the Envato’s policy, but you cannot activate them as the owner (so don’t try to use the autoimage purchase code to activate one of these plugins).

When you purchase a theme from ThemeForest that bundles WPbakery and Revolution Slider, you are free to use these Premium plugins with the theme. However, your autoimage purchase does not give you individual WPbakery and Revolution Slider licenses that allow you to activate or download these plugins as you wish. Activation doesn’t mean the plugin will not work but only that you cannot receive direct updates. Please don’t worry if you see warning messages about the plugin license activation.

To update you need:

  • Navigate to the Plugins menu in your WordPress admin area.
  • Deactivate revolution slider, delete it
  • Go to Install Required Plugins
  • Upload and install the new version
  • Activate slider.

Speed and Optimization

Enable – Compress pages so they’re served more quickly to visitors. (Recommended)

    • Added in .htaccess this code

<code data-language="html">
ExpiresActive On
ExpiresDefault "access plus 6 month"
ExpiresByType text/css "access plus 6 month"
ExpiresByType text/plain "access plus 1 year"
ExpiresByType text/woff "access plus 1 year"
ExpiresByType image/gif "access plus 1 year"
ExpiresByType image/png "access plus 1 year"
ExpiresByType image/jpeg "access plus 1 year"
ExpiresByType application/x-javascript "access plus 6 month"
ExpiresByType application/javascript "access plus 6 month"
ExpiresByType application/x-icon "access plus 1 year"
</code>

  • 6. Enable NGINX caching
  • 7. Configure the server to display correctly WEBP images (you can use Shortpixel for generate this type of images)

Translation and Multilanguage

If you want to use several languages at the same time, install plugin wp-multilan and create the necessary languages. If all is well toggle flags will appear in the top bar ( don’t forget to activate top bar in Customizing ▸ Header ▸ Elements ▸ Top Bar ▸ On ) .

This theme is localized, which means it can easily be translated to your own language(easy but quite time consuming). To translate it you need to follow these steps:

  • Install and activated Free plugin Loco Translate
  • Go into admin panel > Loco Translate > Themes > autoimage > Advanced
    and set the following values for the fields

    1. Project name: autoimage
    2. Text domain: autoimage
    3. File prefix: autoimage
    4. Template file: languages/autoimage.pot
    5. Domain path: languages
  • Go to Loco Translate > Themes > autoimage > Overview
  • Add new New language and Start translating
  • Go into admin panel > Loco Translate > Plugins > PixthemeCustom > Advanced
    and set the following values for the fields

    1. Project name: pixtheme
    2. Text domain: pixtheme
    3. File prefix: pixtheme
    4. Template file: languages/pixtheme.pot
    5. Domain path: languages
  • Go to Loco Translate > Plugins > PixthemeCustom > Overview
  • Add new New language and Start translating
  • Go into admin panel > Loco Translate > Plugins > PixAutoDeal > Advanced
    and set the following values for the fields

    1. Project name: pixad
    2. Text domain: pixad
    3. File prefix: pixad
    4. Template file: languages/pixad.pot
    5. Domain path: languages
  • Go to Loco Translate > Plugins > PixAutoDeal > Overview
  • Add new New language and Start translating
  • Go into admin panel > Loco Translate > Plugins > Compare cars > Advanced
    and set the following values for the fields

    1. Project name: compare_cars
    2. Text domain: compare_cars
    3. File prefix: compare_cars
    4. Template file: languages/compare_cars.pot
    5. Domain path: languages
  • Go to Loco Translate > Plugins > Compare cars > Overview
  • Add new New language and Start translating
  • Go into admin panel > Loco Translate > Plugins > Auto Booking > Advanced
    and set the following values for the fields

    1. Project name: pixba
    2. Text domain: pixba
    3. File prefix: pixba
    4. Template file: languages/pixba.pot
    5. Domain path: languages
  • Go to Loco Translate > Plugins > Auto Booking > Overview
  • Add new New language and Start translating

Auto-Updating

autoimage comes with an auto-update theme and theme plugins during the period of your support .

  • Go to Appearance – Theme – Auto Update

You can find Changelog in

  • Go to Appearance – Theme – Changelog

Important to check updates for PixthemeCustom, PixAutoDeal , Compare cars , Auto Booking plugins after each theme update

Manual Updating

You can update your theme manually by performing the following steps:

  • Download the latest theme zip file from ThemeForest
  • Extract it and locate autoimage.zip
  • Extract autoimage.zip and locate the autoimage folder
  • Copy/Replace content of the autoimage folder to the /wp-content/themes/autoimage folder of your web site.

Changelog

You can find Changelog in Appearance – Theme – autoimage – View version details .