Sj Cryptoz

Sj Cryptoz - Awesome Bitcoin & Cryptocurrency Joomla Templates

System Requirements – Joomla version 3.x

System Requirements: here

Component Requirements

SP Page Builder Component

K2 Component

VirtueMart Component

DOWNLOAD

Download Packages from our store: here

Helix3 - Framework

This template uses Helix3 - Framework . You can refer to the Helix3 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, K2 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_cryptoz - 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 Cryptoz. 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, Section Configuration

Header Configuration

1. Top2

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:

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

Copy & Paste the class suffix " top-social" into the option "Module Class Suffix" of the Avandced tab

2. Logo

Frontend Appearance

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

Backend Settings: Logo

3. Top 3

Frontend Appearance

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

Backend Settings: Module

4.Menu

Frontend Appearance

Menu

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

Backend Settings: Navigation tab

5. Search

Frontend Appearance

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

Backend Settings: Module

Copy & Paste the class suffix " search-top" into the option "Module Class Suffix" of the Avandced tab

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

Copy & Paste the class suffix " block-cart" into the option "Module Class Suffix" of the Avandced tab

Top Section

6. Top4

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="top-tags">
	<h5 class="title-tag">Plus</h5>
	<ul class="">
	<li><a href="#">Bitcoin</a></li>
	<li><a href="#">Ethereum</a></li>
	<li><a href="#">Technology</a></li>
	<li><a href="#">Reviews</a></li>
	<li><a href="#">Exchanges</a></li>
	<li><a href="#">Other Public Protocols</a></li>
	</ul>
	</div>

Banner Scroll Section

7. Banner-left

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: Footer4

Copy & Paste the code into your editor:

	<div class="banner-fixed">
	<p><a href="#"><img src="#" alt="" /></a></p>
	</div>

8. Banner-right

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: Footer4

Copy & Paste the code into your editor:

	<div class="banner-fixed">
	<p><a href="#"><img src="#" alt="" /></a></p>
	</div>
Position 1 Section

9. Position1

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: k2 content

Position 2 Section

10. Position2

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: k2 content

Position 3 Section

11. Position3

Frontend Appearance

Backend Settings

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

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

    • Right position

    12. TOP STORIES

    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: k2 content

    13. Calculator

    Frontend Appearance

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

    Backend Settings: Module

    Copy & Paste the class suffix " mod-calculator" into the option "Module Class Suffix" of the Avandced tab

    14. Currency Market

    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="currency-market">
<h3 class="sp-module-title">Currency Market</h3>
<ul>
<li>
<div class="item1"><span class="bit-lbl1">Bitcoin</span><span class="bit-lbl2">BTC</span></div>
<div class="item2"><span class="bit-val1">$9,675.10</span><span class="bit-val2">-5.73%(-588.89)</span></div>
<div class="item3"><a href="#"><i class="fa fa-play">play</i></a></div>
</li>
<li>
<div class="item1"><span class="bit-lbl1">Ethereum</span><span class="bit-lbl2">ETH</span></div>
<div class="item2"><span class="bit-val1">$204.14</span> <span class="bit-val2">-5.91%(-12.82)</span></div>
<div class="item3"><a href="#"><i class="fa fa-play">play</i></a></div>
</li>
<li>
<div class="item1"><span class="bit-lbl1">Litecoin</span><span class="bit-lbl2">LTC</span></div>
<div class="item2"><span class="bit-val1">$88.26</span><span class="bit-val2">-5.73%(-588.89)</span></div>
<div class="item3"><a href="#"><i class="fa fa-play">play</i></a></div>
</li>
<li>
<div class="item1"><span class="bit-lbl1">XRP</span><span class="bit-lbl2">XRP</span></div>
<div class="item2"><span class="bit-val1">$0.3057</span> <span class="bit-val2">-4.1509%(-0.0132)</span></div>
<div class="item3"><a href="#"><i class="fa fa-play">play</i></a></div>
</li>
<li>
<div class="item1"><span class="bit-lbl1">Bitcoin Cash</span><span class="bit-lbl2">BCH</span></div>
<div class="item2"><span class="bit-val1">$0.3057</span> <span class="bit-val2">-9.14%(-28.62)</span></div>
<div class="item3"><a href="#"><i class="fa fa-play">play</i></a></div>
</li>
</ul>
</div>

    15. Most read/ Latest news

    Frontend Appearance

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

    Backend Settings: Sj tab module

    Copy & Paste the class suffix " mod-tabs" into the option "Module Class Suffix" of the Avandced tab

    - To configure Most read and Latest news module,please go to Extensions >> Module Manager >>Click "New" button to create a new module >> Select "K2 content" module.

    k2 content

    Copy & Paste the class suffix " top-stories" into the option "Module Class Suffix" of the Avandced tab. Note select the "tab" position for this module

    16. Social Networks

    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

    Copy & Paste the class suffix " sj-social-counter" into the option "Module Class Suffix" of the Avandced tab

    17. Banner-right

    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-right">
	<p><a href="#"><img src="#" alt="" /></a></p>
	</div>

    Footer Top Section

    18. Footer1

    Frontend Appearance

    To configure Custom, please go to Extensions >> Templates >> Click "Styles" button to create a edit template >> Select "Basic" tab

  • Backend Settings: Copyright

    • Copy & Paste the code into your editor:

    				
					<div class="footer-contact"><img src="#" alt="footer" />	
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis tincidunt non nunc non luctus. Duis auctor augue ac magna egestas fermentum.</p>	
<p>Mauris venenatis orci mauris. Morbi sagittis, ipsum nec aliquet feugiat, ligula diam pharetra eros, id semper mi ex at orci.</p>	
<p class="inffo address">No 1123, Marmora Road, Glasgow, D04 89GR.</p>
<p class="inffo phone">(801) 2345 - 6788 / (801) 2345 - 6789</p>
<p class="inffo email">	Contac us: <a href="mailto:support@cryptoz.com">support@cryptoz.com</a></p>
</div>

    19. Footer2

    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: k2 content

    20. Footer3

    Frontend Appearance

    Backend Settings

    Note: To create new Joomla module - SJ Categories for K2, please go to Extensions => Module Manager => Click New button to create a new module => Select SJ Categories for K2 module.

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

    • Footer Bottom Section

    21. Footer4

    Frontend Appearance

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

    Backend Settings: Footer4

    22. Footer5

    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: Footer4

    Copy & Paste the code into your editor:

    	<div class="footer-payment">
	<ul>
	<li><a title="app store" href="#"><img src="#" alt="app store" /></a></li>
	<li><a title="google store" href="#"><img src="#" alt="google store" /></a></li>
	</ul>
	</div>
     

    Main body

    1. 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

    2. Main top row

    Frontend Appearance

    Note: To create new Joomla module - K2 content, please go to Extensions => Module Manager => Click New button to create a new module => Select K2 content module. The title module: "Featured stories"

  • Backend Settings: Module/

    • Note: To create new Joomla module - K2 content, please go to Extensions => Module Manager => Click New button to create a new module => Select K2 content module. The title module: "Slider k2"

  • Backend Settings: Module/

    • To Main top row, please go toSP Page Builder => Click Add new row button

    Backend Settings

    For each column click "Add new addon" button >> select: "Joomla module" Featured stories/ Slider k2

    3. Main Middle row

    Frontend Appearance

    Note: To create new Joomla module - K2 content, please go to Extensions => Module Manager => Click New button to create a new module => Select K2 content module. The title module: "Latest posts"

  • Backend Settings: Module/

    • Note: To create new Joomla module - Custom, please go to Extensions => Module Manager => Click New button to create a new module => Select Custom module. The title module: "Banner home"

  • Backend Settings: Module/

    • To Main Middle row, please go toSP Page Builder => Click Add new row button

    Backend Settings

    For this column click "Add new addon" button >> select: "Joomla module" Latest posts/ Banner home

    4. Main bottom row

    Frontend Appearance

    Note: To create new Joomla module - K2 content, please go to Extensions => Module Manager => Click New button to create a new module => Select K2 content module. The title module: "Popular Videos"

  • Backend Settings: Module/

    • Note: To create new Joomla module - Custom, please go to Extensions => Module Manager => Click New button to create a new module => Select Custom module. The title module: "Recent post k2"

  • Backend Settings: Module/

    • To Main bottom row, please go toSP Page Builder => Click Add new row button

    Backend Settings

    For this column click "Add new addon" button >> select: "Joomla module" Popular Videos/ Recent post k2

    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!