SJ Autonews

Sj AutoNews - Cars News, Cars Review Joomla Template

System Requirements – Joomla version 3.x

System Requirements: here

Component Requirements

SP Page Builder Component

K2 Component

DOWNLOAD

Download Packages from our store: here

Helix Ultimate - Framework

This template uses Helix Ultimate Framework . You can refer to the Helix Ultimate function: here

Install with Quickstart Package

By using this package, you will see your website exactly as our Demo with sample data. This is applied when you need a fresh Joomla with our template

The following steps will guide to install a quickstart package of SmartAddons Joomla Template: Click here

Install with Template and Extensions

1. Install Template

To install Template for Joomla, please click: here

2. Install Extensions

The extensions package include of Modules, Components and Plugins.

Note: Extensions installation is the same with Template installation as above

Enable Modules and Plugins: here

3. Install Component

To Install SP Page Builder Component, you can follow these steps:

Step 1: Please go to Extensions => Extension Manager

Step 2: Choose file SP Page Builder.zip that you have downloaded and then Click on the button Upload & Install to install the uploaded package.

4. Enable Plugin

To Install Plugin System - Helix Ultimate Framework, you can follow these steps:

Step 1: Please go to Extensions => Plugins

Step 2: Choose filter system and then Click on the button Enable & Plugin System - Helix Ultimate Framework.

5. Import Json

To Install Template, you can follow these steps:

Step 1: Please go to Extensions => Templates

Step 2: Choose Styles sj_autonews - Default and then Click on the button Template & Options to advanced and choose the Import Settings.

Step 3: Download: file json and open & copy

Step 4: Advanced tab Import & Export and then Save

Install multilingual site in SJ Template

To help you about language problem when you work with SJ Template, please read this post: how to set up a multilingual site in SJ Template.

Layout Position

Position Layout

         

Template Configuration

Go to Extensions => Template Manager => SJ Autonews. All of parameters of this template are divided into the following groups, in which they are explained themselves:

- Basic: backend settings

- Presets: backend settings

- Layout: backend settings

- Menu: backend settings

- Typography: backend settings

- Advanced: backend settings

- Blog: backend settings




       

Header, Footer Configuration

Header Configuration

1. Top1

Frontend Appearance

To configure this module,please go to Extensions >> Module Manager >>Click "New" button to create a new module >> Select "Language Switcher" module.

Backend Settings: Module Advanced

To configure this module,please go to Extensions >> Module Manager >>Click "New" button to create a new module >> Select "SP Weather Forecast" module.

Backend Settings: Module Advanced

2. Top2

Frontend Appearance

To configure Logo, please go to Extensions => Templates => sj-autonews => Basic Tab => Social icon

Backend Settings: Social icon

To configure this module,please go to Extensions >> Module Manager >>Click "New" button to create a new module >> Select "Login " module.

Backend Settings: Module

3. Logo

Frontend Appearance

To configure Logo, please go to Extensions => Templates => sj-autonews => Basic Tab => Logo

Backend Settings: Logo

4.Menu

Frontend Appearance

Menu

To configure Logo, please go to Extensions => Templates => sj-autonews => Navigation Tab => Select

Backend Settings: Navigation tab

5. Search

Frontend Appearance

Custom html module

To configure this module,please go to Extensions >> Module Manager >>Click "New" button to create a new module >> Select "Custom" module.

Backend Settings: Module Advanced

To configure this module,please go to Extensions >> Module Manager >>Click "New" button to create a new module >> Select "Search" module.

Backend Settings: Module

Footer Configuration

6. Footer1

Frontend Appearance

To configure Footer4, please go to Extensions => Templates => sj-autonews => Basic Tab => Footer

Backend Settings: Copyright

Copy & Paste the code into your editor:

		
                    © 2020.SJ Autonews Theme. Made with passion by <a href="https://www.smartaddons.com/joomla-templates" target="_blank">SmartAddons.Com</a><span>All Rights Reserved. </span>

To configure this module,please go to Extensions >> Module Manager >>Click "New" button to create a new module >> Select "Custom" module.

Backend Settings: Module

Copy & Paste the code into your editor:

<ul class="socials">
<li class="facebook"><a href="https://www.facebook.com/SmartAddons.page" target="_blank" rel="noopener noreferrer"><i class="fa fa-facebook">facebook</i></a></li>
<li class="twitter"><a href="https://twitter.com/smartaddons" target="_blank" rel="noopener noreferrer"><i class="fa fa-twitter">twitter</i></a></li>
<li class="youtube"><a href="#" target="_blank" rel="noopener noreferrer"><i class="fa fa-youtube-play">Youtube</i></a></li>
<li class="behance"><a href="#" target="_blank" rel="noopener noreferrer"><i class="fa fa-behance">behance</i></a></li>
<li class="instagram"><a href="#" target="_blank" rel="noopener noreferrer"><i class="fa fa-instagram">instagram</i></a></li>
</ul>

7. Bottom1

Frontend Appearance

To configure this module,please go to Extensions >> Module Manager >>Click "New" button to create a new module >> Select "Custom" module.

Backend Settings: Module

Copy & Paste the code into your editor:

<div class="contact-footer"><img src="images/logo-footer.png" alt="footer" />
<p>Nothing moves in the world of cars without AutoNews knowing about it, from future models to changes in the law. AutoNews is the definitive car reviews brand, assessing more cars...</p>
<div class="icon ico-phone"><a href="tel:45678902">(+123)4 567 8902</a></div>
<div class="icon ico-email">Marketing@Autonews.com / Sales@Autonews.com</div>
<div class="icon ico-address">300 Reunion Blvd E, Dallas, TX 75207, United States</div>
</div>

8. Bottom2

Frontend Appearance

To configure this module,please go to Extensions >> Module Manager >>Click "New" button to create a new module >> Select "K2 content" module.

Backend Settings: Module

9. Bottom3

Frontend Appearance

To configure this module,please go to Extensions >> Module Manager >>Click "New" button to create a new module >> Select "Sj k2 categories" module.

Backend Settings: Module / Source Options / Category Options / Image Options /

Frontend Appearance

To configure this module,please go to Extensions >> Module Manager >>Click "New" button to create a new module >> Select "Acymailing" module.

Backend Settings: Module / Advanced

 

Home Page

1. Create new SP Page Builder

Please go to Components => SP Page Builder => Click New button => Enter the Title: Home

Please go to Menus => Main menu => Click New button => Enter the Title: Home. Select "SP Page Builder » Page: home page"

Backend Settings

Then create the module for these positions below and only assignment for the "Home" menu item

2. position1

Frontend Appearance

To configure this module,please go to Extensions >> Module Manager >>Click "New" button to create a new module >> Select "Sj K2 Splash" module.

Backend Settings: Module Source Options/ Items Options/ Effect Options/ Advanced

3. position2

Frontend Appearance

To configure this module,please go to Extensions >> Module Manager >>Click "New" button to create a new module >> Select "Sj K2 Filter" module.

Backend Settings: Module Options/ Search Result Settings/ Filter By Standard Fields/ Advanced

4. Position3

Frontend Appearance

To configure this module,please go to Extensions >> Module Manager >>Click "New" button to create a new module >> Select "Sj Mega News for K2" module.

Backend Settings: Module General Options/ Source Options/ Item Options/ Image Options/ Advanced

5. Position4

Frontend Appearance

To configure this module,please go to Extensions >> Module Manager >>Click "New" button to create a new module >> Select "sj listing tabs for k2" module.

Backend Settings: Module Source Options/ Tabs Options/ Item Options/ Image Options/ Effect Options/ Advanced

6. Position5

Frontend Appearance

To configure this module,please go to Extensions >> Module Manager >>Click "New" button to create a new module >> Select "sj extra slider for k2" module.

Backend Settings: Module Source Options/ Item Options/ Image Options/ Image Options/ Advanced

7. Position6

Frontend Appearance

To configure this module,please go to Extensions >> Module Manager >>Click "New" button to create a new module >> Select "K2 Content" module.

Backend Settings: Module

Frontend Appearance

To configure this module,please go to Extensions >> Module Manager >>Click "New" button to create a new module >> Select "Custom" module.

Backend Settings: Module

Copy & Paste the code into your editor:

<div class="banner home-banner1"><a href="#" rel="banner"><img src="images/banner1.jpg" alt="" /></a></div>

Frontend Appearance

To configure this module,please go to Extensions >> Module Manager >>Click "New" button to create a new module >> Select "K2 Content" module.

Backend Settings: Module

Frontend Appearance

To configure this module,please go to Extensions >> Module Manager >>Click "New" button to create a new module >> Select "K2 Content" module.

Backend Settings: Module

Frontend Appearance

To configure this module,please go to Extensions >> Module Manager >>Click "New" button to create a new module >> Select "Custom" module.

Backend Settings: Module

Copy & Paste the code into your editor:

<div class="banner home-banner1"><a href="#" rel="banner"><img src="images/banner1.jpg" alt="" /></a></div>

8. Position7

Frontend Appearance

To configure this module,please go to Extensions >> Module Manager >>Click "New" button to create a new module >> Select "SJ Social Media Counter" module.

Backend Settings: Module/ Advanced

Frontend Appearance

To configure this module,please go to Extensions >> Module Manager >>Click "New" button to create a new module >> Select "Custom" module.

Backend Settings: Module

Copy & Paste the code into your editor:

<div class="banner home-banner2"><a href="#" rel="banner"><img src="images/banner2.jpg" alt="" /></a></div>

Frontend Appearance

To configure this module,please go to Extensions >> Module Manager >>Click "New" button to create a new module >> Select "SJ extra slider for k2" module.

Backend Settings: Module Source Options/ Item Options/ Image Options/ Image Options/ Advanced

Frontend Appearance

To configure this module,please go to Extensions >> Module Manager >>Click "New" button to create a new module >> Select "Sj k2 categories" module.

Backend Settings: Module / Source Options / Category Options / Image Options

9. Position8

Frontend Appearance

To configure this module,please go to Extensions >> Module Manager >>Click "New" button to create a new module >> Select "SJ extra slider for k2" module.

Backend Settings: Module Source Options/ Item Options/ Image Options/ Image Options/ Advanced

10. Position9

Frontend Appearance

To configure this module,please go to Extensions >> Module Manager >>Click "New" button to create a new module >> Select "K2 Content" module.

Backend Settings: Module

11. Position10

Frontend Appearance

To configure this module,please go to Extensions >> Module Manager >>Click "New" button to create a new module >> Select "SJ extra slider for k2" module.

Backend Settings: Module Source Options/ Item Options/ Image Options/ Image Options/ Advanced

About page

Frontend Appearance

Please go to Menus => Main menu => Click New button => Enter the Title: About. Select "Articles » Single Article"

Backend Settings: Content

Copy & Paste the code into your editor:

<div id="g-about" class="style1">[yt_section background="#fff" color="" image="" parallax="no" speed="10" max_width="" font_size="" margin="0px" padding="0px" text_align="center" border="" text_shadow="" url_youtube="" url_webm="" ]
<div class="row">
<div class="col-sm-5 pull-left">[yt_content_slider style="default" items_column0="1" items_column1="1" items_column2="1" items_column3="1" items_column4="1" margin="10" transitionin="fadeIn" transitionout="fadeOut" arrows="yes" arrow_position="arrow-default" pagination="no" autoplay="no" autoheight="no" hoverpause="no" lazyload="no" loop="yes" speed="0.6" delay="4" ] [yt_content_slider_item src="images/bonus_page/t1.jpg" caption="yes" ] [/yt_content_slider_item] [yt_content_slider_item src="images/bonus_page/t6.jpg" caption="yes" ] [/yt_content_slider_item] [yt_content_slider_item src="images/bonus_page/t7.jpg" caption="yes" ] [/yt_content_slider_item] [/yt_content_slider]</div>
<div class="col-sm-7 pull-right block-main-content">
<h3 class="title">About us</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.</p>
<p>Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.</p>
</div>
</div>
[/yt_section] [yt_section background="#fff" color="" image="" parallax="no" speed="10" max_width="" font_size="" margin="0px" padding="0px" text_align="center" border="" text_shadow="" url_youtube="" url_webm="" ]
<div class="client-say">[yt_testimonial title="What Client Say" column="1" border="0 solid #ccc" background="" title_size="30px" title_color="#444" ] [yt_testimonial_item author="- John Kash -" position="AUTHOR POSITION" avatar="images/autonews/te-1.jpg" ] “Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.” Cras lectus neque, bibendum id nibh nec, tempus vestibulum lorem. Cras tortor felis, malesuada facilisis sem id, porttitor auctor augue. [/yt_testimonial_item] [yt_testimonial_item author="- Mary -" position="AUTHOR POSITION" avatar="images/autonews/te-2.jpg" ] “Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.” Cras lectus neque, bibendum id nibh nec, tempus vestibulum lorem. Cras tortor felis, malesuada facilisis sem id, porttitor auctor augue. [/yt_testimonial_item] [yt_testimonial_item author="- Peter -" position="AUTHOR POSITION" avatar="images/autonews/te-3.jpg" ] “Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.” Cras lectus neque, bibendum id nibh nec, tempus vestibulum lorem. Cras tortor felis, malesuada facilisis sem id, porttitor auctor augue. [/yt_testimonial_item] [/yt_testimonial]</div>
[/yt_section] [yt_section background="#fff" color="" image="" parallax="no" speed="10" max_width="" font_size="" margin="0px" padding="0px" text_align="center" border="" text_shadow="" url_youtube="" url_webm="" ]
<div class="block-bottom">
<h3 class="title">Our team</h3>
<div class="row">
<div class="col-sm-3">[yt_member style="1" background="" color="" border="0px none #cccccc" shadow="0 0 0 #eeeeee" radius="0px" text_align="center" photo="images/bonus_page/t2.jpg" name="Jennifer lawrence" role="Co Founder" icon_1="icon: facebook" icon_1_color="#fff" icon_1_title="" icon_1_url="#" icon_2="icon: twitter" icon_2_color="#fff" icon_2_title="" icon_2_url="#" icon_3="icon: rss" icon_3_color="#fff" icon_3_title="" icon_3_url="#" icon_4="icon: google" icon_4_color="#fff" icon_4_title="" icon_4_url="#" icon_5="" icon_5_color="#444444" icon_5_title="" icon_5_url="" icon_6="" icon_6_color="#444444" icon_6_title="" icon_6_url="" url="" ]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer condimentum [/yt_member]</div>
<div class="col-sm-3">[yt_member style="1" background="" color="" border="0px none #cccccc" shadow="0 0 0 #eeeeee" radius="0px" text_align="center" photo="images/bonus_page/t3.jpg" name="Jennifer lawrence" role="Co Founder" icon_1="icon: facebook" icon_1_color="#fff" icon_1_title="" icon_1_url="#" icon_2="icon: twitter" icon_2_color="#fff" icon_2_title="" icon_2_url="#" icon_3="icon: rss" icon_3_color="#fff" icon_3_title="" icon_3_url="#" icon_4="icon: google" icon_4_color="#fff" icon_4_title="" icon_4_url="#" icon_5="" icon_5_color="#444444" icon_5_title="" icon_5_url="" icon_6="" icon_6_color="#444444" icon_6_title="" icon_6_url="" url="" ]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer condimentum [/yt_member]</div>
<div class="col-sm-3">[yt_member style="1" background="" color="" border="0px none #cccccc" shadow="0 0 0 #eeeeee" radius="0px" text_align="center" photo="images/bonus_page/t4.jpg" name="Jennifer lawrence" role="Co Founder" icon_1="icon: facebook" icon_1_color="#fff" icon_1_title="" icon_1_url="#" icon_2="icon: twitter" icon_2_color="#fff" icon_2_title="" icon_2_url="#" icon_3="icon: rss" icon_3_color="#fff" icon_3_title="" icon_3_url="#" icon_4="icon: google" icon_4_color="#fff" icon_4_title="" icon_4_url="#" icon_5="" icon_5_color="#444444" icon_5_title="" icon_5_url="" icon_6="" icon_6_color="#444444" icon_6_title="" icon_6_url="" url="" ]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer condimentum [/yt_member]</div>
<div class="col-sm-3">[yt_member style="1" background="" color="" border="0px none #cccccc" shadow="0 0 0 #eeeeee" radius="0px" text_align="center" photo="images/bonus_page/t5.jpg" name="Jennifer lawrence" role="Co Founder" icon_1="icon: facebook" icon_1_color="#fff" icon_1_title="" icon_1_url="#" icon_2="icon: twitter" icon_2_color="#fff" icon_2_title="" icon_2_url="#" icon_3="icon: rss" icon_3_color="#fff" icon_3_title="" icon_3_url="#" icon_4="icon: google" icon_4_color="#fff" icon_4_title="" icon_4_url="#" icon_5="" icon_5_color="#444444" icon_5_title="" icon_5_url="" icon_6="" icon_6_color="#444444" icon_6_title="" icon_6_url="" url="" ]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer condimentum [/yt_member]</div>
</div>
</div>
[/yt_section]</div>

Contact page

1. Create new SP Page Builder

Please go to Components => SP Page Builder => Click New button => Enter the Title: Contact us

Please go to Menus => Main menu => Click New button => Enter the Title: Contact Us. Select "SP Page Builder » Page: Contact us"

Backend Settings

Then create the module for these positions below and only assignment for the "Contact us" menu item

2. position3

Frontend Appearance

To configure this module, please go to Extensions >> Module Manager >>Click "New" button to create a new module >> Select "Contact ajax " module.

Backend Settings: Module/ Captcha Options/ Maps Options/ Advanced Options/

Support

Thank you so much for purchasing this template. If you have any questions that are beyond the scope of this help file, please send us via: Submit a Ticket

Thanks so much!