-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
122 lines (113 loc) · 9.45 KB
/
Copy pathindex.html
File metadata and controls
122 lines (113 loc) · 9.45 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Joomla Template Documentation</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-BmbxuPwQa2lc/FVzBcNJ7UAyJxM6wuqIj61tLrc4wSX0szH/Ev+nYRRuWlolflfl" crossorigin="anonymous">
<style>
a {
text-decoration: none;
}
</style>
</head>
<body>
<section class="pt-5 pb-5">
<div class="container">
<div class="row">
<div class="col-md-12 text-center">
<h1>Joomla Template Documentation</h1>
<p>In this document you will find the latest information on how to install, manage and update your template, as well as create content, install plugins, modules and component etc.</p>
</div>
</div>
</div>
</section>
<section>
<div class="container">
<div class="row">
<!-- sidebar area start -->
<div class="col-md-3">
<ul class="list-group mb-5">
<li class="list-group-item active">Installation</li>
<li class="list-group-item"><a href="#quickstart-installation">QuickStart Installation</a></li>
<li class="list-group-item"><a href="#import-template-settings">Import Template Settings</a></li>
<li class="list-group-item"><a href="#installing-extensions">Installing Extensions</a></li>
</ul>
<ul class="list-group mb-5">
<li class="list-group-item active">Customization</li>
<li class="list-group-item"><a href="#change-logo">Change Logo</a></li>
<li class="list-group-item"><a href="#change-color">Change Color</a></li>
<li class="list-group-item"><a href="#social-icon">Social Icon</a></li>
<li class="list-group-item"><a href="#contact-info">Contact Info</a></li>
</ul>
<ul class="list-group mb-5">
<li class="list-group-item active">SP Page Builder</li>
<li class="list-group-item"><a href="#sp-page-builder">Tutorials</a></li>
</ul>
</div>
<!-- sidebar area end -->
<!-- content area start -->
<div class="col-md-9">
<div id="quickstart-installation">
<h3># QuickStart Installation</h3>
<p>Once you purchase our Joomla Template you can download the complete package. After you UnZIP the package you will find all the template files in it.</p>
<p>We always recommend installing a Quickstrat Pack first to trial and understand the template more effectively. It must be installed as new, and not over an existing Joomla install. The installation version we provide for all our clients is accomplished and swift. The procedure is simple and easy, containing all the extensions used in the template, their corresponding settings, contents, positions of modules and menus.</p>
<p>After downloading the bundle pack follow these steps to install the quickstart.</p>
<p><strong>Step 1:</strong> Unzip the downloaded package and you will get a zip file which name is like <strong class="link-info">itl_TemplateName_quickstart(recommended).zip</strong></p>
<p><strong>Step 2:</strong> Open your browser at the directory you are going to perform the installation and you will see installation screen.</p>
<p><strong>Step 3:</strong> Click <strong class="link-info">Next</strong> form top right corner.</p>
<p><img src="assets/images/install-1.jpg" alt="" class="img-fluid"></p>
<p><strong>Step 4:</strong> On Seconde screen fill <strong class="link-info">Database Name, Database Username and Database password</strong> with corrent information and click <strong class="link-info">Next</strong></p>
<p><img src="assets/images/install-2.jpg" alt="" class="img-fluid"></p>
<p><strong>Step 5:</strong> After <strong class="link-info">Database Restoration Process complete</strong> you will get a message and click on <strong class="link-info">Next Step</strong></p>
<p><img src="assets/images/install-3.jpg" alt="" class="img-fluid"></p>
<p><strong>Step 6:</strong> After that put admin password twice and click Next</p>
<p><img src="assets/images/install-4.jpg" alt="" class="img-fluid"></p>
<p><strong>Step 7:</strong> If everything goes well you will get a message to Remove the installation directory. Just click on that button and check your site front-end.</p>
<p><img src="assets/images/install-5.jpg" alt="" class="img-fluid"></p>
</div>
<div id="import-template-settings">
<h3># Import Template Settings <em class="link-danger">(Helix Framework)</em></h3>
<p>As we mentioned before that this template is built with <strong>Helix Framework</strong> you need to import all the template settings. In the bundle pack you will also get a file named <strong>itl_template_settings.json</strong>. Open that file in your editor and copy all the code in there. Then go to <strong>Extensions > Templates > Styles > itl_TemplateName - Default</strong>. Inside of the template options page click on <strong>Advanced</strong> tab. Paste all the code in the <strong>Settins Import/Export</strong> area and Click on <strong>Import Settings</strong>.</p>
<p><img src="assets/images/import-settings.png" alt="" class="img-fluid"></p>
</div>
<div id="installing-extensions">
<h3># Installing Extensions</h3>
<p>All the extensions used in this template is bundled in <strong>required_extensions_UNZIP_FIRST.zip</strong> zip file. First unzip the file on your PC. Inside required_extensions directory you will find all the extensions in there.</p>
<p>Login to your administrator area and go to <strong>Extensions > Manage > Install</strong>. Then locate the extensions or you can drag and drop the file one by one in this uploading area. Joomla will install it of it's own.</p>
<p><img src="assets/images/installing-extensions.png" alt="" class="img-fluid"></p>
</div>
<div id="change-logo">
<h3># Change Logo</h3>
<p>Go to <strong>Extensions > Templates > Styles > itl_TemplateName - Default</strong>. Inside of the template options page click on Basic</strong> tab. From <strong>LOGO</strong> section you can change the logo.</p>
<p><img src="assets/images/change-logo.png" alt="" class="img-fluid"></p>
</div>
<div id="change-color">
<h3># Change Color</h3>
<p>Go to <strong>Extensions > Templates > Styles > itl_TemplateName - Default</strong>. Inside of the template options page click on <strong>Presets</strong> tab. From <strong>STYLING OPTIONS</strong> section you can change the color.</p>
<p><img src="assets/images/change-color.png" alt="" class="img-fluid"></p>
</div>
<div id="social-icon">
<h3># Social Icon</h3>
<p>Go to <strong>Extensions > Templates > Styles > itl_TemplateName - Default</strong>. Inside of the template options page click on <strong>Basic</strong> tab. From <strong>SOCIAL ICONS</strong> section you can change the logo.</p>
</div>
<div id="contact-info">
<h3># Contact Info</h3>
<p>Go to <strong>Extensions > Templates > Styles > itl_TemplateName - Default</strong>. Inside of the template options page click on <strong>Basic</strong> tab. From <strong>CONTACT INFORMATION</strong> section you can change the logo.</p>
</div>
<div id="sp-page-builder">
<h3># SP Page Builder</h3>
<p>Thanks to Mathew Tamin who make the tutorials of SP Page Builder and cover all it's addon. Just go through with these tutorial and you will be able to build your site with ease.</p>
<p><strong><a href="https://www.youtube.com/playlist?list=PL43bbfiC0wjhKrnJ1XRhSj3Sla8CJ1Jxd" target="_blank">SP Page Builder Tutorials Play List</a></strong></p>
</div>
<div id="thank-you">
</div>
</div>
<!-- content area end -->
</div>
</div>
</section>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta2/dist/js/bootstrap.bundle.min.js" integrity="sha384-b5kHyXgcpbZJO/tY9Ul7kGkf1S0CWuKcCD38l8YkeH8z8QjE0GmW1gYU5S9FOnJ0" crossorigin="anonymous"></script>
</body>
</html>