Sj MartLife


Sj MartLife - Multipurpose & eCommerce Responsive Joomla Template

System Requirements: here

SP Page Builder Component

VirtueMart Component

Download Packages from our store: here

This template uses Helix3 - Framework . You can refer to the Helix3 function: here

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
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, VirtueMart 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_petshop - 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

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.

Position Layout

         

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




       

Header Configuration

1. Top1

Frontend Appearance

2. Top2

Frontend Appearance

Please go to Extensions >> Module Manager >>Click "New" button to create a new module >> Select "Language Switcher" module.

Backend Settings: Module

Please go to Extensions >> Module Manager >>Click "New" button to create a new module >> Select "VirtueMart Currency Selector" module.

Backend Settings: Module


3. Logo

Frontend Appearance

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

Backend Settings: Logo


4. User1

Frontend Appearance

Please go to Extensions >> Module Manager >>Click "New" button to create a new module >> Select "SJ Search Pro for VirtueMart" module.

Backend Settings: Module


5. User2

Frontend Appearance

Please go to Extensions >> Module Manager >>Click "New" button to create a new module >> Select "Login" module.

Backend Settings: Module


6. Menu

Frontend Appearance

Menu

To configure the menu,please go to Extensions >> Styles Manager >>Click "Edit" button to templates >> Select "Sj_MartLife"- Default to select your menu.

Backend Settings: Navigation tab


Positions Configuration

7. breadcrumb

Frontend Appearance

Please go to Extensions >> Module Manager >>Click "New" button to create a new module >> Select "Breadcrumb" module.

Backend Settings: Module


8. Position-0

Frontend Appearance

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:

		
					

Please go to Extensions >> Module Manager >>Click "New" button to create a new module >> Select "Sj Newsletter Popup" module.

Backend Settings: Module / Advanced


9. Position-1

Frontend Appearance

Please go to Extensions >> Module Manager >>Click "New" button to create a new module >> Select "Custom" module.

Backend Settings: Module

10. Position-2

Frontend Appearance

Please go to Extensions >> Module Manager >>Click "New" button to create a new module >> Select "Custom" module.

Backend Settings: Module

11. Position-3

Frontend Appearance

Backend Settings

12. Position-4

Frontend Appearance

Please go to Extensions >> Module Manager >>Click "New" button to create a new module >> Select "Custom" module.

Backend Settings: Module

13. Position-5

Frontend Appearance

Backend Settings

Note: Please go to Extensions => Module Manager => Click New button to create a new module => Select SJ Listing Tabs for VirtueMart module.

  • Backend Settings: Module/ Source Options/ Tabs options/ Products Options/ Image Options/ Effects Options/ Advanced
  • 14. Position-6

    Frontend Appearance

    Backend Settings

    15. Position-7

    Frontend Appearance

    Backend Settings

    16. Position-8

    Frontend Appearance

    17. Position-9

    Frontend Appearance

    Backend Settings

    18. Position-10

    Frontend Appearance

    Backend Settings

    19. Position-11

    Frontend Appearance

    Backend Settings

    20. Position-13

    Frontend Appearance

    Backend Settings

    Footer Configuration

    20. bottom1

    Frontend Appearance

    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:

    21. bottom2

    Frontend Appearance

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

    Backend Settings: Module


    22. bottom3

    Frontend Appearance

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

    Backend Settings: Module


    23. bottom4

    Frontend Appearance

    24. bottom5

    Frontend Appearance

    24. bottom5

    Frontend Appearance

    25. Footer1

    Frontend Appearance

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

    Backend Settings: Footer4

    26. footer2

    Frontend Appearance

    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:

     

    Create new SP Page Builder

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

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

    Backend Settings

    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!