Joomla Template Installation

We install your purchased Bold Template and setup your Joomla system as our live demo
with sample data within 24 hours

Thank you for purchasing our template. We are so happy that you are one of our customers. We do our best to provide a high quality template with great functionality, professional design. Before you get started, we highly encourage you to get familiar with this documentation. Getting through this documentation may save lots of your time and help you to avoid questions with obvious answers.

I. Key Features

  • Massive Multi-purpose Joomla Template
  • 2 Social Home Pages With Easysocial
  • 4 Blog/Magazine Home Pages With Easyblog
  • Forums With Easydiscuss
  • Memberships Plan With Payplan
  • Fully support Conversekit
  • Fully Support All Joomla Pages Default
  • Responsive Joomla Template
  • Built on the latest Helix Ultimate with Bootstrap 4

II. Requirements

In order to run Bold Shine smoothly on your server, you need to fulfill requirements listed below:

  • Apache 2.2+ or Microsoft IIS7
  • PHP 5.4+ (PHP 5.5+ Recommended)
  • MySQL 5.1+
  • Joomla 3.7+

Please contact your web hosting service provider to make sure that your server complies with the requirements above.

You should check php upload_max_filesize and post_max_size. The recommended values should be 64Mb or higher. Some hosting limits this value by default, you may need to contact to find more information about this. You can change this via php.ini file or .htaccess file in the root of your website:

php_value post_max_size 64M

php_value upload_max_filesize 64M

These values will ensure that you won't get any error reporting that your upload and post memory limit is too low.

III. Download package:

After purchasing template, you can download the template package to install into your site, it's a ZIP file called bold_shine.zip

Installation Guide:

1. Bold Shine Template Installation

Step 1: Install latest Helix Ultimate Framework

+ Download Helix Ultimate Framework here

+ Log into the Administrator Panel

+ Go to Extensions in Extensions Manager > Install

+ Use Upload Package file mode and select the package: plg_helix.zip

+ Install plugin as typical Joomla extension + Click on Upload and Install button

+ Enable "System - Helix Ultimate Framework" in Extensions Manager > Plugin


Step 2: Install Bold Shine

+ Log into the Administrator Panel

+ Go to Extensions in Extensions Manager > Install

+ Use Upload Package file mode and select the package: bold_shine.zip

+ Install template package as typical Joomla extension + Click on Upload and Install button

Step 3: Set Bold Shine as default template style

Once done, navigate to Extensions > Templates > Administrator templates and set bold_shine template style as default one.

2. Extensions Installation

In order to make the template look exactly as the demo page, you need to install recommended extensions: EasySocial v3, EasyBlog v5, Payplan 4. Follow this documentation page for how to install each extension above.

PLEASE NOTE! These are 3rd party commercial extensions, in case that you don't have one of these extensions installed on your site, you have to purchase it from StackIdeas first.

3. Change Favicon

A small image with dimension of 16x16 pixel image in .ico format displays in web browser next to your website's URL. You may use one of graphic software and create your own favicon and simply place it in template directory of your website:

[ROOT]/templates/bold_shine (your_default_template)/favicon.ico

Layouts in template


Recreate Demo

The demo site of Bold Shine comes with different home page variations: Homepage Default, Blog page variations, Community page vartions, Discussions and Memberships page

There are several common sections used across pages, below are configuration for each:


# Topbar Left

Topbar Left
  • Module Type: Custom HTML
  • Module Position: topbar-left
  • Assigned: All Pages

Custom HTML Code:

<span>The best template for Stackideas component</span>
    

# Topbar right

Topbar right
  • Module Type: EasySocial Dropdown Menu & EasySocial Notifications
  • Module Position: topbar-right
  • Assigned: All Pages

# Logo

Logo Navigate to Administrator site > Extensions > Templates > Bold Shine template style > Template Options > Basic settings > Logo > select Logo Text

# Main menu navigation

Main Menu Access Administrator site > Extensions > Templates > Bold Shine template style > Template Options > Navigation > select the Main menu to show on frontend.

# Footer

Footer

Footer section in Bold Shine combines 4 module positions: footer-1 (Contact Us), footer-2 (User Pages), footer-3 (Joomla Articles) and footer-4 (Useful Links)

# Contact Us

  • Module Title: Contact Us
  • Module Type: Custom HTML
  • Module Position: footer-1
  • Assigned: All Pages

Custom HTML Code:

<div class="contact">
<div class="info">
<h2 class="logo-text">
Shine.
</h2>
</div>
<div class="info">
<p><b>Address:</b> 5th Avenue at St. Marks Place, Cathedral District Brooklyn.</p>
</div>

<div class="info">
<p><b>Email:</b> <a href="mailto:This email address is being protected from spambots. You need JavaScript enabled to view it.">This email address is being protected from spambots. You need JavaScript enabled to view it.</a></p>
</div>

<div class="info">
<p><b>Call Us:</b> 021-168-993-7763.</p>
</div>
</div>
      

# User Pages

  • Module Title: User Pages
  • Module Type: Menu
  • Module Position: footer-2
  • Assigned: All Pages

# Joomla Articles

  • Module Title: Joomla Articles
  • Module Type: Menu
  • Module Position: footer-3
  • Assigned: All Pages

# Userful Links

  • Module Title: Userful Links
  • Module Type: Menu
  • Module Position: footer-4
  • Assigned: All Pages

# Copyright

Go to Administrator site > Extensions > Templates > Bold Shine template style > Template Options > Basic settings > Footer > enable Copyright

Copyright

Home page - Default

# Create 'Home' menu item

Home page menu item has type of Articles > Single Article and is assigned with default template style.

# Slideshow

Slideshow
  • Module Type: bold_slideshow
  • Module Position: slideshow
  • Assigned: Select Page
  • Screenshot Config: View screenshot

# Why Bold Shine?

Features
  • Module Type: bold_features
  • Module Position: features
  • Assigned: Select Page
  • Screenshot Config: View screenshot

# Let's Get Started Now!

CTA
  • Module Type: bold_cta
  • Module Position: cta-footer
  • Assigned: Select Page
  • Screenshot Config: View screenshot

# You Are May So Like

Features
  • Module Type: bold_features
  • Module Position: features-bottom
  • Assigned: Select Page
  • Screenshot Config: View screenshot

Setting for Easyblog

Set theme for easyblog
Bold Shine using theme "Nickel" for Easyblog. Components > Easyblog > Themes > Select theme "Nickel" and set as default

Blog with Featured

# Create menu item

Blog with Featured page menu item has type of EasyBlog > (Posts) Frontpage and is assigned with default template style.

Backend Settings:

Home Blog with Slideshow

# Create menu item

Blog with Slideshow page menu item has type of EasyBlog > (Posts) Frontpage and is assigned with default template style.

Backend Settings:

#Slideshow

EasyBlog - Showcase Module
  • Module Type: mod_easyblogshowcase
  • Module Position: slideshow
  • Assigned: Select Page

Backend Settings:

Blog with Sidebar

# Create menu item

Blog with Sidebar page menu item has type of EasyBlog > (Posts) Frontpage and is assigned with default template style.

Backend Settings:

# Modules in right sidebar

This page displays some EasyBlog modules in sidebar-right position.

# Categories Module

Easyblog - Categories Module
  • Module Title: Categories
  • Module Type: mod_easyblogcategories
  • Module Position: sidebar-right
  • Assigned: Select Page
  • Screenshot Config: View screenshot

# Image Wall module

EasyBlog - Image Wall Module
  • Module Title: Most Popular
  • Module Type: mod_easyblogimagewall
  • Module Position: sidebar-right
  • Assigned: Select Page
  • Screenshot Config: View screenshot

# Latest Blogs

Easyblog - Latest Blogs
  • Module Title: Latest Blogs
  • Module Type: EasyBlog - Latest Blogs Module
  • Module Position: sidebar-right
  • Assigned: Select Page
  • Screenshot Config: View screenshot

Blog with Grid

# Create menu item

Blog with Grid menu item has type of EasyBlog > (Posts) Grid Layout and is assigned with default template style.

Backend Settings:

Community

# Create menu item

Community menu item has type of EasySocial > (User) Dashboard Layout and is assigned with default template style.

Community

# Welcome to the Community

  • Module Title: Welcome to the Community
  • Module Type: Custom HTML
  • Module Position: hero-left
  • Assigned: Selected Page

Custom HTML Code:

<h1>
  Community and Social Joomla Template.
</h1>
<p>
  Connect with us and other business professionals, discuss topics and share. Separated they live in Bookmarksgrove right at the coast.
</p>
<a href="/" class="btn">Join With Us Now <span class="icon icon ion-md-arrow-forward"></span></a>

# EasySocial Login

EasySocial Login
  • Module Title: Sign In To Shine
  • Module Type: mod_easysocial_login
  • Module Position: hero-right
  • Assigned: Selected Page
  • Screenshot Config: View screenshot

TIPS: How to change the background in this hero block?

Background image is set via CSS, simple replace with your desired image in the path: [ROOT_FOLDER]/templates/bold_shine (your default template)/images/bg-features/item-2.png

#sp-hero {
  background: url('../../images/bg-features/item-2.png');
  background-size: cover;
  padding: 180px 0;
  position: relative;
}

# Leader Board

EasySocial Leader Board
  • Module Type: mod_easysocial_leaderboard
  • Module Position: es-dashboard-aside
  • Assigned: Select Page
  • Screenshot Config: View screenshot

# Pages

EasySocial Pages
  • Module Type: mod_easysocial_pages
  • Module Position: es-dashboard-aside
  • Layout: card
  • Assigned: Select Page
  • Screenshot Config: View screenshot

# Recently Videos

EasySocial Videos Module
  • Module Type: mod_easysocial_videos
  • Module Position: es-dashboard-aside
  • Assigned: Select Page

Dating Community

# Create menu item

Dating Community menu item has type of EasySocial > (User) Dashboard Layout and is assigned with default template style.

This page uses a page class called home-dating in Page Display tab > Page Class option

Dating Community

# Join the Best Dating Website

  • Module Title: Join the Best Dating Website
  • Module Type: Custom HTML
  • Module Position: hero-left
  • Assigned: Selected Page

Custom HTML Code:

<h1>
  Join Us for Free<br/>and Make New<br/> Friends & Relations.
</h1>
<p>
  Simple register on our website and we will find the girl of your dreams. In few simple steps you are joining the largest Dating website!
</p>
<a href="/" class="btn">Join With Us Now <span class="icon icon ion-md-arrow-forward"></span></a>

# Dating Search

EasySocial Dating Search
  • Module Title: Dating Search
  • Module Type: mod_easysocial_dating_search
  • Module Position: hero-right
  • Assigned: Selected Page

TIPS: How to change the background in this hero block?

Background image is set via CSS, simple replace with your desired image in the path: [ROOT_FOLDER]/templates/bold_shine (your default template)/images/bg-features/item-3.png

.home-dating #sp-hero {
  background: url('../../images/bg-features/item-3.png');
}

Discussions

# Create menu item

Discussion menu item has type of EasyDiscuss > Frontpage Layout and is assigned with default template style.

# Search Discussion

EasyDiscuss - Search Discussion Module
  • Module Type: mod_easydiscuss_search
  • Module Position: features
  • Assigned: Select Page
  • Screenshot Config: View screenshot

# Most Hit Discussions

EasyDiscuss - Most Hit Discussions
  • Module Type: mod_easydiscuss_most_hit
  • Module Position: position-1
  • Module Class Suffix: icon icon-1
  • Assigned: Select Page
  • Screenshot Config: View screenshot

# Recent Discussions

EasyDiscuss - Recent Discussions
  • Module Type: mod_easydiscuss_recentdiscussions
  • Module Position: position-2
  • Module Class Suffix: icon icon-2
  • Assigned: Select Page
  • Screenshot Config: View screenshot

# Recent Replies

EasyDiscuss - Recent Replies
  • Module Type: mod_easydiscuss_recentreplies
  • Module Position: position-3
  • Module Class Suffix: icon icon-3
  • Assigned: Select Page
  • Screenshot Config: View screenshot

# Don't have a account?

CTA
  • Module Type: bold_cta
  • Module Position: cta
  • Assigned: Select Page
  • Screenshot Config: View screenshot

Memberships

# Create menu item

Memberships menu item has type of PayPlans > Display Plans/Groups and is assigned with default template style. All visible and published plans/groups will be displayed to user

# Masthead

Masthead
  • Module Type: bold_masthead
  • Module Position: masthead
  • Assigned: Select Page
  • Screenshot Config: View screenshot

The main part of Memberships page displays 3 plans available in PayPlans component. Below are the sample code used in each plan.

# Economy Plan

<ul class="plan-list">
  <li class="support">Forums Support</li>
  <li class="support">Coupon Renew</li>
  <li class="no-support">Remove Ads</li>
  <li class="no-support">Send Notifications</li>
  <li class="no-support">Landing Pages</li>
</ul>
    

# Deluxe Plan

This is special plan and to have it highlighted, navigate to Administrator site > Components > Payplans > Plans > edit Deluxe Plan > Appearance tab > enable 'Hightlight' option

<ul class="plan-list">
  <li>Forums Support</li>
  <li>Coupon Renew</li>
  <li>Remove Ads</li>
  <li class="no-support">Send Notifications</li>
  <li class="no-support">Landing Pages</li>
</ul>

# Ultimate Plan

<ul class="plan-list">
  <li>Forums Support</li>
  <li>Coupon Renew</li>
  <li>Remove Ads</li>
  <li>Send Notifications</li>
  <li>Landing Pages</li>
</ul>

Once again, thank you so much for purchasing this template. We will be glad to help you, if you have any questions about this template. We'll do our best to assist.

Haven't found answer yet?

If you have any specific request or feedback as well as suggestions, feel free to drop us a line in Bold Shine template forum. We'll try to cover them all.

Look at Forums

Subscribe newsletter

Get our latest updates with exclusive news and offers in your inbox.