SJ Pistore

Demo (http://demo.smartaddons.com/#sj-pistore)
Support (http://smartaddons.com/submit-ticket/)
Buy Now (https://www.smartaddons.com/joomla-templates/sj-pistore-modern-design-ecommerce-joomla-responsive-template)

created: 20/03/2018
by: SmartAddons
()
email: contact@ytcvn.com (mailto:contact@ytcvn.com)

Sj Pistore is a powerful, professional multipurpose eCommerce Joomla Responsive Template

that perfect for various kinds of online stores, eCommerce & business websites. With Sj
Market II, you can quickly setp your online store just in minutes.

Table of Contents
Start

System Requirements – Joomla version 3.x

Component Requirements

Helix3 - Framework

Install with Quickstart Package

Install with Template and Extensions

Install multilingual site in SJ Template

Layout Position

Template Configuration

Header, Footer... Configuration Layout

Settings Layout

Copyright

Support

System Requirements – Joomla version 3.x

System Requirements: here (http://www.smartaddons.com/documentation/requirements-for-the-joomla-version-3-x-and-templates/)

/
Component Requirements

Acymailing Component

Download here (https://www.acyba.com/acymailing/starter.html)

Documentation: here (https://www.acyba.com/acymailing/doc.html)

SP Page Builder Component

Download here (https://www.joomshaper.com/downloads/extension/sp-page-builder-free)

Documentation: here (https://www.joomshaper.com/documentation/joomla-extensions/sp-page-builder)

Helix3 - Framework

This template uses Helix3 - Framework . You can refer to the Helix3 function: here (https://www.joomshaper.com/documentation/helix-framework/helix3)

Copyright SmartAddons 2018

made with the Documenter v2.0
Install with Quickstart Package (http://rxa.li/documenter)

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 (http://www.smartaddons.com/documentation/how-to-install-quickstart-package-
for-joomla-3-x/)

Install with Template and Extensions

1. Install Template

To install Template for Joomla, please click: here (http://www.smartaddons.com/documentation/how-to-install-template-for-joomla/)

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 (http://www.smartaddons.com/documentation/how-to-enable-modules-and-plugins-for-joomla-3-x/)

3. Install Component

To Install Acymailing Component, you can follow these steps:

Step 1: Please go to Extensions => Extension Manager

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

To install SP Page Builder Component you do the same as the installation Acymailing Component.

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. (http://www.smartaddons.com/forum/275-
general-questions/10663-how-to-set-up-multilingual-site-in-sj-template)

/
Layout Position

Display Module Position for Joomla: here (http://www.smartaddons.com/documentation/how-to-show-module-position-for-joomla/)

Position Layout

(http://images.smartaddons.com/sj-joomla-images/joomla-themes/image-sj-pistore/position-sj-pistore.jpg)

Template Configuration

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

- Basic: backend settings (http://images.smartaddons.com/sj-joomla-images/joomla-themes/image-sj-bestnews/template-config/basic.jpg)

- Presets: backend settings (http://images.smartaddons.com/sj-joomla-images/joomla-themes/image-sj-bestnews/template-config/preset.jpg)

- Layout: backend settings (http://images.smartaddons.com/sj-joomla-images/joomla-themes/image-sj-bestnews/template-config/layout.png)

- Menu: backend settings (http://images.smartaddons.com/sj-joomla-images/joomla-themes/image-sj-bestnews/template-config/menu.png)

- Typography: backend settings (http://images.smartaddons.com/sj-joomla-images/joomla-themes/image-sj-bestnews/template-config/typography.png)

- Custom Code: backend settings (http://images.smartaddons.com/sj-joomla-images/joomla-themes/image-sj-bestnews/template-config/custom.png)

- Advanced: backend settings (http://images.smartaddons.com/sj-joomla-images/joomla-themes/image-sj-bestnews/template-config/advanced.png)

- Blog: backend settings (http://images.smartaddons.com/sj-joomla-images/joomla-themes/image-sj-bestnews/template-config/blog.png)

Header, Footer Configuration

Header Configuration

1. Position: top1

Frontend Appearance

1.1. Language Switcher

Module: Language Switcher

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 (http://images.smartaddons.com/sj-joomla-images/joomla-themes/image-sj-market2/header/language-module.png) Advanced Options

(http://images.smartaddons.com/sj-joomla-images/joomla-themes/image-sj-market2/header/language-advanced.png)

1.2. Currency Selector

Module: VirtueMart Currency

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

Backend Settings: Module (http://images.smartaddons.com/sj-joomla-images/joomla-themes/image-sj-market2/header/currency-module.png) Advanced Options

(http://images.smartaddons.com/sj-joomla-images/joomla-themes/image-sj-market2/header/currency-advanced.png)

2. Position: top2

Frontend Appearance

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

Backend Settings: Module (http://images.smartaddons.com/sj-joomla-images/joomla-themes/image-sj-market2/header/login-module.png), Options (http://images.smartaddons.com/sj-

joomla-images/joomla-themes/image-sj-market2/header/login-advanced.png)

/
4. Position: logo

Frontend Appearance

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

Backend Settings: here (http://images.smartaddons.com/sj-joomla-images/joomla-themes/image-sj-market2/header/logo-admin.png)

5. Position: search - SJ Search Pro for VirtueMart

Frontend Appearance

To configure this module, please go to Extensions >> Module Manager >> Click “New” button to create a new module >> Select “SJ Search Pro for VirtueMart” module.

Backend Settings: Module (http://images.smartaddons.com/sj-joomla-images/joomla-themes/image-sj-market2/header/search-module.png), Image Options

(http://images.smartaddons.com/sj-joomla-images/joomla-themes/image-sj-market2/header/search-image-options.png), Image Options (http://images.smartaddons.com/sj-joomla-
images/joomla-themes/image-sj-market2/header/search-advanced.png)

6. Position: cart - SJ Minicart Pro for Virtuemart

Frontend Appearance

To configure this module, please go to Extensions >> Module Manager >> Click “New” button to create a new module >> Select “SJ Minicart Pro for Virtuemart” module.

Backend Settings: Module (http://images.smartaddons.com/sj-joomla-images/joomla-themes/image-sj-market2/header/cart-module.png), Image Options

(http://images.smartaddons.com/sj-joomla-images/joomla-themes/image-sj-market2/header/cart-layout-options.png), Image Options (http://images.smartaddons.com/sj-joomla-
images/joomla-themes/image-sj-market2/header/cart-advanced.png)

Footer Configuration

1. Position: user1

Frontend Appearance

Module: AcyMailing

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

Backend Settings: Module (http://images.smartaddons.com/sj-joomla-images/joomla-themes/image-sj-market2/footer/position9-module.png), Advanced Options

(http://images.smartaddons.com/sj-joomla-images/joomla-themes/image-sj-market2/footer/position9-advanced.png)

2. Position: social

Frontend Appearance

/
 Module: Custom

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

Copy & Paste the code into your editor:

<ul class="social-icons">
<li><a target="_blank" href="https://www.facebook.com/smartaddons"><i class="fa fa-facebook"></i></a></li>
<li><a target="_blank" href="https://twitter.com/smartaddons"><i class="fa fa-twitter"></i></a></li>
<li><a target="_blank" href="https://plus.google.com/u/0/+Smartaddons"><i class="fa fa-google-plus"></i></a></li>
<li><a target="_blank" href="https://www.youtube.com/user/smartaddons"><i class="fa fa-youtube"></i></a></li>
<li><a target="_blank" href="https://www.linkedin.com/in/smartaddons"><i class="fa fa-linkedin"></i></a></li>
</ul>

4. Position: bottom1

Frontend Appearance

Module: HTML

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

Backend Settings: Module (http://images.smartaddons.com/sj-joomla-images/joomla-themes/image-sj-pistore/footer/bottom1-module.png), Advanced (http://images.smartaddons.com/sj-

joomla-images/joomla-themes/image-sj-pistore/footer/bottom1-advanced.png)

5. Position: bottom2

Frontend Appearance

Module: Menu

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

Backend Settings: Module (http://images.smartaddons.com/sj-joomla-images/joomla-themes/image-sj-pistore/footer/bottom2-module.png), Advanced (http://images.smartaddons.com/sj-

joomla-images/joomla-themes/image-sj-pistore/footer/bottom2-advanced.png)

6. Position: bottom3

Frontend Appearance

/
 Module: Menu

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

Backend Settings: Module (http://images.smartaddons.com/sj-joomla-images/joomla-themes/image-sj-pistore/footer/bottom3-module.png), Advanced (http://images.smartaddons.com/sj-

joomla-images/joomla-themes/image-sj-pistore/footer/bottom3-advanced.png)

7. Position: bottom4

Frontend Appearance

Module: Custom

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

Backend Settings: Module (http://images.smartaddons.com/sj-joomla-images/joomla-themes/image-sj-pistore/footer/bottom4-module.png), Advanced Options

(http://images.smartaddons.com/sj-joomla-images/joomla-themes/image-sj-pistore/footer/bottom4-advanced.png)

8. Position: user2

Frontend Appearance

Module: Custom

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

Backend Settings: Module (http://images.smartaddons.com/sj-joomla-images/joomla-themes/image-sj-pistore/footer/user2-module.png), Advanced Options

(http://images.smartaddons.com/sj-joomla-images/joomla-themes/image-sj-pistore/footer/user2-advanced.png)

9. Position: Footer2

Frontend Appearance

Module: Custom

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

Backend Settings: Module (http://images.smartaddons.com/sj-joomla-images/joomla-themes/image-sj-pistore/footer/footer2-module.png) /

Settings Layout

1. Create new SP Page Builder

Please go to Components =>

SP Page Builder => Click New button => Enter the Title: Home Page

Backend Settings

To create new rows of Home Page, please click " Add new Row" button

Example: Create a new row: Block1

General Tab: backend settings (http://images.smartaddons.com/sj-joomla-images/joomla-themes/image-sj-market2/page-builder/slider1-general.png)

Style Tab: backend settings (http://images.smartaddons.com/sj-joomla-images/joomla-themes/image-sj-market2/page-builder/slider1-style.png)

Responsive Tab: backend settings (http://images.smartaddons.com/sj-joomla-images/joomla-themes/image-sj-market2/page-builder/slider1-respon.png)

To create new rows, please click " Add new Addon" button

To configure Addon, We have 2 options

Options 1: Click "Joomla Module" then please fill General Tab

General Tab: backend settings (http://images.smartaddons.com/sj-joomla-images/joomla-themes/image-sj-market2/page-builder/addon-general.png)

Note: To create new Joomla module, xample Custom HTML, please go to Extensions => Module Manager => Click New button to create a new module => Select HTML module.

Options 2: Click "Shortcode" then please fill General Tab

/
2. Sj Mega Menu - Horizontal & Main Menu

2.1. Sj Mega Menu - Horizontal - Position: menu-horizontal

Frontend Appearance

To configure Joomla module - Sj Mega Menu - Horizontal, please go to Extensions => Module Manager => Click New button to create a new module => Select Sj Mega Menu -
Horizontal module.

Backend Settings: Module (http://images.smartaddons.com/sj-joomla-images/joomla-themes/image-sj-market2/setting-layout/megamenu-module.png), Options

(http://images.smartaddons.com/sj-joomla-images/joomla-themes/image-sj-market2/setting-layout/megamenu-options.png), Advanced (http://images.smartaddons.com/sj-joomla-
images/joomla-themes/image-sj-market2/setting-layout/megamenu-advanced.png)

2.2 Main Menu - Position: menu

Frontend Appearance

Backend Settings: Here (http://images.smartaddons.com/sj-joomla-images/joomla-themes/image-sj-market2/setting-layout/mainmenu-backend.png)

3. Top Tags - Position: position1

Frontend Appearance

/
 Module: Custom

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

Backend Settings: Module (http://images.smartaddons.com/sj-joomla-images/joomla-themes/image-sj-pistore/setting-layout/top-tags-module.png), Advanced

(http://images.smartaddons.com/sj-joomla-images/joomla-themes/image-sj-pistore/setting-layout/top-tags-advanced.png)

4. Homepage Slideshow - Position: slide

Frontend Appearance

Backend Settings

Module: Custom

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

Screenshots:

Module (http://images.smartaddons.com/sj-joomla-images/joomla-themes/image-sj-market2/setting-layout/slideshow-module.png), Options (http://images.smartaddons.com/sj-joomla-

images/joomla-themes/image-sj-market2/setting-layout/slideshow-options.png), Advanced (http://images.smartaddons.com/sj-joomla-images/joomla-themes/image-sj-market2/setting-
layout/slideshow-advanced.png)

Copy & Paste the code into your editor:

[yt_content_slider style="default" margin="0" items_column0="1" items_column1="1" items_column2="1" items_column3="1" items_column4="1" type_change="fade" transi

5. Home Support - Position: position2

Frontend Appearance

Backend Settings

Module: Custom

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

Screenshot:

Module (http://images.smartaddons.com/sj-joomla-images/joomla-themes/image-sj-market2/setting-layout/home-support.png), Options (http://images.smartaddons.com/sj-joomla-

images/joomla-themes/image-sj-market2/setting-layout/home-support.png), Advanced (http://images.smartaddons.com/sj-joomla-images/joomla-themes/image-sj-market2/setting-
layout/home-support.png)

Copy & Paste the code into your editor:

<div class="banner-policy">
<div class="inner">
<div class="policy policy1"><a href="#"><span class="ico-policy">ico policy</span> <span class="title">Free Delivery</span><br /> <span class="text">From $
<div class="policy policy2"><a href="#"><span class="ico-policy">ico policy</span> <span class="title">Support 24/7</span><br /> <span class="text">Online
<div class="policy policy3"><a href="#"><span class="ico-policy">ico policy</span> <span class="title">Free return</span><br /><span class="text">365 a day
<div class="policy policy4"><a href="#"><span class="ico-policy">ico policy</span> <span class="title">Payment Method</span><br /><span class="text">Secure
</div>
</div>

6. Deals Of The Days - Position: slider

/
 Frontend Appearance

Backend Settings

Module: SJ Deals for VirtueMart

To configure Joomla module - SJ Deals for VirtueMart, please go to Extensions => Module Manager => Click New button to create a new module => Select SJ Deals for VirtueMart
module.

Screenshot:

Module (http://images.smartaddons.com/sj-joomla-images/joomla-themes/image-sj-pistore/setting-layout/deals-module.png), Source Options (http://images.smartaddons.com/sj-joomla-

images/joomla-themes/image-sj-pistore/setting-layout/deals-source.png), Products Options (http://images.smartaddons.com/sj-joomla-images/joomla-themes/image-sj-pistore/setting-
layout/deals-product.png), Category Options (http://images.smartaddons.com/sj-joomla-images/joomla-themes/image-sj-pistore/setting-layout/deals-category.png), Images Options
(http://images.smartaddons.com/sj-joomla-images/joomla-themes/image-sj-pistore/setting-layout/deals-image.png), Effect Options (http://images.smartaddons.com/sj-joomla-
images/joomla-themes/image-sj-pistore/setting-layout/deals-effect.png), Advanced (http://images.smartaddons.com/sj-joomla-images/joomla-themes/image-sj-pistore/setting-layout/deals-
advanced.png)

7. Featured Product - Position: feature

Frontend Appearance

Backend Settings

Module: SJ Extra Slider for VirtueMart

To configure Joomla module - SJ Deals for VirtueMart, please go to Extensions => Module Manager => Click New button to create a new module => Select SJ Extra Slider for
VirtueMart module.

Screenshot:

Module (http://images.smartaddons.com/sj-joomla-images/joomla-themes/image-sj-pistore/setting-layout/feature-module.png), Source Options (http://images.smartaddons.com/sj-joomla-

images/joomla-themes/image-sj-pistore/setting-layout/feature-source.png), Category Options (http://images.smartaddons.com/sj-joomla-images/joomla-themes/image-sj-pistore/setting-
layout/feature-item.png), Images Options (http://images.smartaddons.com/sj-joomla-images/joomla-themes/image-sj-pistore/setting-layout/feature-image.png), Effect Options
(http://images.smartaddons.com/sj-joomla-images/joomla-themes/image-sj-pistore/setting-layout/feature-effect.png), Advanced (http://images.smartaddons.com/sj-joomla-images/joomla-
themes/image-sj-pistore/setting-layout/feature-advanced.png)

8. Top Collections - Position: position3

/
 Frontend Appearance

Backend Settings

Module: Custom

To configure Joomla module - SJ Extra Slider for VirtueMart , please go to Extensions => Module Manager => Click New button to create a new module => Select Custom module.

Screenshot:

Module (http://images.smartaddons.com/sj-joomla-images/joomla-themes/image-sj-pistore/setting-layout/position3-module.png), Options (http://images.smartaddons.com/sj-joomla-

images/joomla-themes/image-sj-pistore/setting-layout/position3-options.png), Advanced (http://images.smartaddons.com/sj-joomla-images/joomla-themes/image-sj-pistore/setting-
layout/position3-advanced.png)

9. Electronics Items - Position: position4

Frontend Appearance

Backend Settings

Module: SJ Extra Slider for VirtueMart

To configure Joomla module - SJ Deals for VirtueMart, please go to Extensions => Module Manager => Click New button to create a new module => Select SJ Extra Slider for
VirtueMart module.

Screenshot:

Module (http://images.smartaddons.com/sj-joomla-images/joomla-themes/image-sj-pistore/setting-layout/position4-module.png), Source Options (http://images.smartaddons.com/sj-joomla-

images/joomla-themes/image-sj-pistore/setting-layout/position4-source.png), Category Options (http://images.smartaddons.com/sj-joomla-images/joomla-themes/image-sj-pistore/setting-
layout/position4-item.png), Images Options (http://images.smartaddons.com/sj-joomla-images/joomla-themes/image-sj-pistore/setting-layout/position4-image.png), Effect Options
(http://images.smartaddons.com/sj-joomla-images/joomla-themes/image-sj-pistore/setting-layout/position4-effect.png), Advanced (http://images.smartaddons.com/sj-joomla-images/joomla-
themes/image-sj-pistore/setting-layout/position4-advanced.png)

10. Fashion Items - Position: position5

Frontend Appearance

Backend Settings

Module: SJ Extra Slider for VirtueMart

To configure Joomla module - SJ Deals for VirtueMart, please go to Extensions => Module Manager => Click New button to create a new module => Select SJ Extra Slider for
VirtueMart module.

Screenshot:

Module (http://images.smartaddons.com/sj-joomla-images/joomla-themes/image-sj-pistore/setting-layout/position4-module.png), Source Options (http://images.smartaddons.com/sj-joomla-

images/joomla-themes/image-sj-pistore/setting-layout/position4-source.png), Category Options (http://images.smartaddons.com/sj-joomla-images/joomla-themes/image-sj-pistore/setting-
layout/position4-item.png), Images Options (http://images.smartaddons.com/sj-joomla-images/joomla-themes/image-sj-pistore/setting-layout/position4-image.png), Effect Options
(http://images.smartaddons.com/sj-joomla-images/joomla-themes/image-sj-pistore/setting-layout/position4-effect.png), Advanced (http://images.smartaddons.com/sj-joomla-images/joomla-
themes/image-sj-pistore/setting-layout/position4-advanced.png)

11. Latest Blogs - Position: position6

/
 Frontend Appearance

Backend Settings

Module: SJ Extra Slider for Content

To configure Joomla module - SJ Extra Slider for Content , please go to Extensions => Module Manager => Click New button to create a new module => Select SJ Extra Slider for
Content module.

Screenshot:

Module (http://images.smartaddons.com/sj-joomla-images/joomla-themes/image-sj-pistore/setting-layout/position6-module.png), Source Options (http://images.smartaddons.com/sj-joomla-

images/joomla-themes/image-sj-pistore/setting-layout/position6-source.png), Items Options ( http://images.smartaddons.com/sj-joomla-images/joomla-themes/image-sj-pistore/setting-
layout/position6-item.png), Image Options ( http://images.smartaddons.com/sj-joomla-images/joomla-themes/image-sj-pistore/setting-layout/position6-image.png), Effect Options
(http://images.smartaddons.com/sj-joomla-images/joomla-themes/image-sj-pistore/setting-layout/position6-effect.png) Advanced (http://images.smartaddons.com/sj-joomla-images/joomla-
themes/image-sj-pistore/setting-layout/position6-advanced.png)

12. New Arrivals - Position: position7

Frontend Appearance

Backend Settings

Module: SJ Extra Slider for VirtueMart

To configure Joomla module - SJ Deals for VirtueMart, please go to Extensions => Module Manager => Click New button to create a new module => Select SJ Extra Slider for
VirtueMart module.

Screenshot:

Module (http://images.smartaddons.com/sj-joomla-images/joomla-themes/image-sj-pistore/setting-layout/position4-module.png), Source Options (http://images.smartaddons.com/sj-joomla-

images/joomla-themes/image-sj-pistore/setting-layout/position4-source.png), Category Options (http://images.smartaddons.com/sj-joomla-images/joomla-themes/image-sj-pistore/setting-
layout/position4-item.png), Images Options (http://images.smartaddons.com/sj-joomla-images/joomla-themes/image-sj-pistore/setting-layout/position4-image.png), Effect Options
(http://images.smartaddons.com/sj-joomla-images/joomla-themes/image-sj-pistore/setting-layout/position4-effect.png), Advanced (http://images.smartaddons.com/sj-joomla-images/joomla-
themes/image-sj-pistore/setting-layout/position4-advanced.png)

12. Top Brand - Position: position8

/
 Frontend Appearance

Backend Settings

Module: Custom

To configure Joomla module - Custom HTML , please go to Extensions => Module Manager => Click New button to create a new module => Select Custom module.

Screenshot:

Module (http://images.smartaddons.com/sj-joomla-images/joomla-themes/image-sj-pistore/setting-layout/position8-module.png), Options (http://images.smartaddons.com/sj-joomla-

images/joomla-themes/image-sj-pistore/setting-layout/position8-options.png), Advanced (http://images.smartaddons.com/sj-joomla-images/joomla-themes/image-sj-pistore/setting-
layout/position8-advanced.png)

Copyright

To remove Designed by SmartAddons.Com at the footer of template, please purchase our Copyright Removal here (https://www.smartaddons.com/joomla-copyright-removal)

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 (http://smartaddons.com/submit-
ticket/)

Thanks so much!

/
/