You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: README.md
+32-26Lines changed: 32 additions & 26 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -9,13 +9,13 @@
9
9
# Introduction
10
10
In this tutorial, we will be installing the template using Upload Feature in your Joomla Administration Control Panel.
11
11
12
-
Be sure you have downloaded the template are and logged into Joomla Administrator Control Panel.
12
+
Be sure you have downloaded the template, and logged into Joomla Administrator Control Panel.
13
13
14
14
Navigate to `Extensions >> Manage >> Install`
15
15
16
16
# Installation
17
17
18
-
On the following screen, click the `browse for file` button and select the download files `astroid_vxxx.zip`, Joomla will automatically start the upload and & continue with the installation after selection of a valid zip file.
18
+
In order to Install, click the `browse for file` button and select the download files `astroid_vxxx.zip`, Joomla will automatically start the upload and & continue with the installation after selection of a valid zip file.
19
19
20
20
After installation, you will screen a screen such as following with the success notification.
21
21
@@ -81,10 +81,10 @@ Background Attachment | Fixed | Set the background image attachment style: `Scro
81
81
## Header
82
82
Header section combines with the options such as logo, mega menu, mobile menu & off canvas menu etc that will appear at the top of each page when displayed. Disabling the header would disable all header options.
83
83
84
-
#### Header Module Position
84
+
### Header Module Position
85
85
Here you can select a suitable module position where you want to display header.
86
86
87
-
#### Header Mode
87
+
### Header Mode
88
88
You can select from 6 different header types, the header layouts provide a visual representation of what your header on the frontend would look like.
89
89
90
90
1. **Horizontal layout** provides 3 different layouts with logo being on the left & mega menu being on the `left`, `center` or `right`. You also have an option to publish a block on the right that can either be a module position or custom HTML.
@@ -97,22 +97,22 @@ You can select from 6 different header types, the header layouts provide a visua
97
97
98
98
* **Stacked Divided:** This layout provides you with logo & menu on the left (on top of each other) with option to publish 2 blocks on the right, next to menu and/or the logo.
99
99
100
-
#### Header Blocks
100
+
### Header Blocks
101
101
Header blocks are positions that let you publish content inside the header. Based on the layout selected you may see 1 or 2 blocks. You can either directly publish HTML in each block or select a module position of your choice and publish modules to the selected position.
102
102
103
-
#### Mega Menu
103
+
### Mega Menu
104
104
You can select from the dropdown list which menu you’d like to publish as your main menu.
105
105
106
-
#### Mobile Menu
106
+
### Mobile Menu
107
107
You can select from the dropdown list which menu you’d like to publish as your main menu on mobile.
108
108
109
-
#### Dropdown Animation
109
+
### Dropdown Animation
110
110
This options decides the animation that will be used for displaying the dropdown menu.
111
111
112
112
### Logo Options
113
113
You can select a logo for desktop view, mobile view and sticky header.
114
114
115
-
#### Logo Type
115
+
### Logo Type
116
116
Logo type gives an option to set the image for logo or the logo text.
117
117
118
118
* Text Logo Settings - You can enter the text for the logo and an optional tagline as well.
@@ -123,9 +123,8 @@ A sticky header is a menu or navigation bar that stays at the top of the page no
123
123
You can enable or disable the sticky header option, By enabling the option the header will stick to the top when you reach its scroll position.
124
124
125
125
There are 2 different ways you can show the sticky header
126
-
*Sticky: A Sticky or Fixed header appears when a page is scrolled down.
127
-
*Sticky on Scroll up: Sticky Header only appears when scrolled up to the page.
128
-
126
+
* Sticky: A Sticky or Fixed header appears when a page is scrolled down.
127
+
* Sticky on Scroll up: Sticky Header only appears when scrolled up to the page.
129
128
130
129
Option | Default | Description
131
130
------------------ | ------- | -----------
@@ -234,14 +233,14 @@ Layout manager provides the ability to build flexible layout from the collection
* Layout includes a responsive, mobile first fluid grid system that appropriately scales up to 12 columns as the device or viewport size increases. You can select the desired number of columns from the predefined columns grid.
240
239
241
240
* Icon with arrows allows you to change positions of rows by moving them up or down. Use plus icon to add new Row, then select column structure and insert module position(s) accordingly.
242
241
* Sections, rows and elements can be added, edited, copied and deleted directly in the layout manager.
243
242
244
-
#### Managing Layout
243
+
### Managing Layout
245
244
In the layout particular section can be edited, drag drop, copy, new section can be added and new row with in the section can also be added. Also we can edit, delete and copy particular column.
246
245
247
246
* Drag and Drop: Click on Drag icon to Drag and Drop rows/columns to arrange your layout.
@@ -253,22 +252,23 @@ In the layout particular section can be edited, drag drop, copy, new section can
New elements can be created by clicking the Add icon that appears in bottom-center when hovering the element.
258
257
259
258
Following are the elements within this section:
260
259
* Module Position
261
260
* Component Area
262
261
* Messages
263
262
264
-
`If we already added component area and messages before than we are not able to add them again`
263
+
`If we already added component area and messages before than we are not able to add them again`<br />
264
+
`Add messages element to display errors, warnings and notices, if you won't add it you won't be able to see the notifications messages.`
265
265
266
-
#### Section
266
+
### Section
267
267
We can add new section by clicking on the add new section option given with in the row level options or we can also add new section by clicking on add section button.
Elements and section both have same edit options i.e General settings , Design Settings , Responsive settings , Animation Settings
273
273
274
274
* **Position Settings:** In this we can set position of the modules.
@@ -506,9 +506,9 @@ Here we can add Custom CSS , Custom Javascript
506
506
507
507
Option | Default | Description
508
508
------- | ----------- | -----------
509
-
Tracking Code | none |
510
-
Space Before `</head>` | none
511
-
Space before `</body>`| none
509
+
Tracking Code | none | A tracking code is a snippet of JavaScript code that tracks the activity of a website user by collecting data and sending it to the analytics module.
510
+
Space Before `</head>` | none | For the javascript before `</head>`
511
+
Space before `</body>`| none | For the javascript before `</body>`
512
512
Custom CSS | none | Here you can add custom CSS to add your own styles or overwrite default CSS, Wrapped within `<style>` tags.
513
513
Custom JS | none | Here you can add custom javascript code here, Wrapped within `<script>` tags.
514
514
@@ -522,10 +522,10 @@ In this section we have :
522
522
* **Module Position :** Select a suitable module position where you want to display this feature.
523
523
* **Social Load Position :** If there are other module(s) published to this module position, you can select weather the content of this feature should be displayed below the or after the module(s) published to this position.
524
524
* **Style :** Choose the style how you want to show Social profile on your site , default value is Inherit color.
525
-
In style we have 2 Options to style our social icons:
525
+
In style we have 2 Options to style our social icons:
526
526
1. Inherit color.
527
527
2. Brand color.
528
-
* In this section we have in all 19 types of Social Profiles :
528
+
In this section we have in all 19 types of Social Profiles :
A mega menu is defined as a drop down interface that is triggered by the user hovering over a link or defined area. This dropdown usually shows all options in one main, mega-panel and oftentimes groups related topics into categories. In this section you can configure menu options.
@@ -620,6 +620,8 @@ A mega menu is defined as a drop down interface that is triggered by the user ho
620
620
621
621
* By default Mega Menu option is disable, you can set icon, subtitle, custom class, width and dropdown Alignment for your dropdown menu.
Dropdown Alignment | allows you choose align (left/right/centre) dropdown position.
@@ -631,6 +633,8 @@ Custom CSS Class | allows you to add Custom CSS Class(es) to the menu item.
631
633
632
634
* By enabling Mega Menu you can easily create and customize Mega Menu with sub menu items and modules, offers you different layouts with drag and drop menu building system. Each menu item contains Astroid Menu Options which provides ability to add rows, columns, links and more to a mega menu.
<fielddescription="TPL_ASTROID_EXTRA_SMALL_DEVICES_DESC"name="hideonxs"type="astroidtext"astroid-switch="true"default="0"label="Hide on Extra-Small Devices" />
52
-
<fielddescription="TPL_ASTROID_SMALL_DEVICES_DESC"name="hideonsm"type="astroidtext"astroid-switch="true"default="0"label="Hide on Small Devices" />
53
-
<fielddescription="TPL_ASTROID_MEDIUM_DEVICES_DESC"name="hideonmd"type="astroidtext"astroid-switch="true"default="0"label="Hide on Medium Devices" />
54
-
<fielddescription="TPL_ASTROID_LARGE_DEVICES_DESC"name="hideonlg"type="astroidtext"astroid-switch="true"default="0"label="Hide on Large Devices" />
55
-
<fielddescription="TPL_ASTROID_EXTRA_LARGE_DEVICES_DESC"name="hideonxl"type="astroidtext"astroid-switch="true"default="0"label="Hide on Extra-Large Devices" />
0 commit comments