SJ Papa

View demoMore detail
This guide will help you install SJ Papa and extensions included in the template step by step.
1REQUIREMENT – Back to top

At the basic level, this template will require the following conditions:

  • Compatible with version Joomla: Joomla 3.x
  • Compatible with VirtueMart Component. Download HERE
  • Installation Packages include:
    • Quickstart Package
    • Template package only
    • Extensions package from our store
2HOW TO DOWNLOAD – Back to top

Download Packages from our store:

Step 1: Login your account

Step 2: Go to Joomla > Download > Joomla Templates Club

Step 3: Under Premium Joomla Templates –> click to download template as you want

Step 4: Under name of template –> Download packages as you want

3HOW TO INSTALL – Back to top

There are two ways to install a Joomla Template:

  • Install quickstart: By using this package, you will set the template exactly as our Demo with sample data. This is applied when you need a fresh Joomla with our template.
  • Install Template and Extensions: This is applied when you have already installed a Joomla instance on your server. You will need only be using the zipped files in “Extensions” and “Template” folders mentioned above.

3.1 Install with Quickstart Package:

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

3.2 Install with Template and Extensions:

Log in your Administrator, go to Extensions > Extension Manager

Then install Template and Extensions as below.
3.2.1 Install Template:

Step 1: Click Choose File/Browse button, select our template file you have downloaded > Upload & Install.

Step 2: Go to Extensions > Template Manager and set SJ Papa to become the default template as below

3.2.2 Install Extensions:
Here is list of extensions that are used in the template.

Step 1: Install Extensions that are developed by SmartAddons. Please Unzip First the Extension package for getting SmartAddons extensions then install each of them as install template above.
Step 2: Enable/Public plug-ins. Note: all plug-ins listed are imperative.

  • YT Framework Plug-in supports to add extra parameters used with Mega Menu and to compress CSS/JS/HTML when optimizing code. Besides, configure Yt Framework to show SJ Help with Report Bugs, Template Tutorials and YT Framework Tutorials or include j Query into template. You can go here for getting more information of this plug-in.
  • SJ Content Related News is used for showing other related articles in the same category. For more info about this module, please go here. Click here for viewing the screen shot of backend.

You need to install and activate them when using this template. Let’s start from 1 – 2 – 3 to active plug-ins as below:

After install template/extensions, please go to next step – Configuration of template as 4. Part below

3.3 Install multilingual site in SJ Template

To help you better about language problem when you work with SJ Template. We will instruct you how to set up multilingual site in SJ Template. FOLLOW US!

4HOW TO CONFIGURE – Back to top

The following part we will guide how to configure the template becomes the same with our home page – Demo

4.1 Layout Positions

http://images.smartaddons.com/smartaddons/images/userguide/sj-papa/position.jpg

4.2 Template Configuration

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

OVERVIEW

GENERAL

LAYOUT

THEME

TYPOGRAPHY

CONTENT COMPONENT

ADVANCED

4.3 Menu Configuration

4.3.1 Mega menu Configuration
To configure Mega Menu, go to: Extensions –> Template manager –> open SJ Papa template, in the Menu setting, you can configure Mega Menu. To view more guide about how to install, set up and configure SJ Mega Menu as you want, please click here
4.3.2. Menu Item Configuration

NOTE: Please go HERE to readmore How To Configure Mega Menu for SJ Template.

SHOP MENU:
Frontend

Click Here to see tree of Shop Menu
1. SHOP BY CATEGORY

2. MEN’S CLOTHING

3. “MEN’S ACCESSORIES” configure the same with “Men’s clothing”

4. MEGA – BANNER 1

4.4 Extension Configuration

4.4.1. Currency
Module Position – Module Suffix

Position: top1
Suffix: “Currency”

Frontend

Backend: Currency
4.4.2. Language
Module Position – Module Suffix

Position: top1
Suffix: “language-top”

Frontend

Backend: Language
4.4.3. Top menu
Module Position – Module Suffix

Position: top2
Suffix: “topmenu”

Frontend

Backend: Top menu
4.4.4. Sj Minicart Pro
Module Position – Module Suffix

Position: minicart
Suffix:

Frontend

Backend: minicart
4.4.5. Sub Main menu
Module Position – Module Suffix

Position: top4
Suffix:

Frontend

Backend: top4

Code Custom HTML of “top4”:

4.4.6. Sj Dynamic Slideshow
Module Position – Module Suffix

Position: slideshow
Suffix:

Frontend

Backend: slideshow
4.4.7. Banner top1
Module Position – Module Suffix

Position: top5
Suffix: “banner-ad-top”

Frontend

Backend: top5

Code Custom HTML of “top5”:

“top 6” and “top 7” configure the same

4.4.8. Sj Module Tabs
Module Position – Module Suffix

Position: maintop2
Suffix: “mtabshome”

Frontend

Backend: maintop2
4.4.9. Postion-4
Module Position – Module Suffix

Position: position-4

Frontend

4.4.10. Pick A Category
Module Position – Module Suffix

Position: maintop2
Suffix: “pickacategory”

Frontend

Backend: Pick a category
4.4.11. Top rated denim
Module Position – Module Suffix

Position: maintop3
Suffix: ” bg-title1″

Frontend

Backend: Top rated denim
4.4.12. Be Inspired
Module Position – Module Suffix

Position: maintop4
Device Class Suffix: “vm-list-home preset01-4 preset02-3 preset03-2 preset04-2 preset05-1”

Frontend

Backend: Be Inspired
4.4.13. need to know
Module Position – Module Suffix

Position: bottom1
Device Class Suffix: “clear ship”

Frontend

Backend: need to know

Code Custom HTML of “need to know”:

4.4.14. Store Chain
Module Position – Module Suffix

Position: bottom1
Suffix:

Frontend

Backend: Store Chain
4.4.15. History
Module Position – Module Suffix

Position: bottom2
Suffix: “history clear”

Frontend

Backend: History

Code Custom HTML of “History”:

4.4.16. contact us
Module Position – Module Suffix

Position: bottom3
Suffix: “clear”

Frontend

Backend: contact us

Code Custom HTML of “contact us”:

4.4.17. Newsletter
Module Position – Module Suffix

Position: bottom3
Suffix: “clear clearline”

Frontend

Backend: Newsletter
Module Position – Module Suffix

Position: bottom3
Suffix: “clear”

Frontend

Backend: Social Button

Code Custom HTML of “Social Button”:

4.4.19. Customer Comment
Module Position – Module Suffix

Position: bottom4
Suffix: “clear comment”

Frontend

Backend: Customer Comment

Code Custom HTML of “Customer Comment”:

4.4.20. Customer Support
Module Position – Module Suffix

Position: bottom5
Suffix: “clear”

Frontend

Backend: Customer Support
4.4.21. Learn More
Module Position – Module Suffix

Position: bottom6
Suffix: “clear”

Frontend

Backend: Learn More
4.4.22. Banana Republic credit
Module Position – Module Suffix

Position: bottom8
Suffix: “clear”

Frontend

Backend: Banana Republic credit

Code Custom HTML of “Banana Republic credit”:

5SUPPORT – Back to top

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!