Preset are Page Options that were set beforehand to facilitate use, it will override settings in Theme Options on all pages applyed it..
You can consult How to use Preset article to understand How Preset work and how to use them properly on your website.
Add a new Preset by accessing to Preset panel in G5Theme options, click on Add New button and follow these steps as below:
You can also apply a Preset to Page Options with any page you want
1. Page Layout
This option is used for setting Page Layout in Preset. It will overwrite Page Layout in Theme Options. Any option is set to "default" which means they will take on the global options set in Mowasalat Theme Options
You can set the following Page Layout Options for the Preset you are currently editing:
| Attribute | Description |
|---|---|
| Layout Style | Overwrite the Default Layout Style (set in Theme Options) for page used this preset. |
| Layout | Overwrite the Default Layout of pages settings section in Theme Options for page used this preset. |
| Sidebar Layout | Set position for the page sidebar: none, left, right, both of left and right |
| Content Padding | Set content top/bottom padding. Do not include units (empty to set default) |
| Content Padding Mobile | Set content top/bottom padding mobile. Do not include units (empty to set default) |
| Remove Content Padding | If turn on this function. It will Remove Content Padding top/bottom padding, include value default |
2. Page Title
This option is used for setting Page Title in Preset. It will overwrite Page Title in Theme Options. Any option is set to "default" which means they will take on the global options set in Mowasalat Theme Options
You can set the following Page Title Options for the Preset you are currently editing:
| Attribute | Description |
|---|---|
| Show/Hide Page Title? | Set visible of header, if selected default will take value in Theme Options |
| Page Title Layout | Set Layout for Page Title: 'Default', 'Tile Left & Breadcrumb Right' , 'Center' |
| Custom Page Title | Set content of page title. If leave empty will take value title of page |
| Custom Page Subtitle? | Set custom for page subtitle, if selected Off will take value in Theme Options |
| Padding | Set padding top/bottom for page title. If leave empty will take value in Theme Options |
| Custom Background Color? | Set custom background color for page title. If selected Off will take value in Theme Options |
| Page Title Parallax | Set parallax mode for page title. If selected Default will take value in Theme Options |
| Breadcrumbs Enable | Set visible of breadcrumbs for page title. If selected Default will take value in Theme Options |
3. Logo
This option is used for setting Logo in Preset. It will overwrite Logo in Theme Options. Any option is set to "default" which means they will take on the global options set in Mowasalat Theme Options
You can set the following Logo Options for the Page you are currently editing:
| Attribute | Description |
|---|---|
| Logo Desktop | |
| Header Logo | Upload header logo if you want custom header logo for page used this preset. |
| Header Logo Retina | Upload Header Logo Retina for retina if you want custom Header Logo Retina for page used this preset |
| Sticky Logo | Upload logo sticky if you want custom logo for page used preset. |
| Sticky Logo Retina | Upload logo sticky for retina if you want custom logo retina for page used this preset |
| Logo max height | Set max height for logo, if leave empty will take value in Theme Options |
| Logo padding | Set padding for logo, if leave empty will take value in Theme Options |
| Logo Mobile | |
| Mobile Logo | Upload logo if you want custom logo mobile for page used this preset. |
| Mobile Logo Retina | Upload logo mobile for retina if you want custom logo retina for page used this preset |
| Mobile Logo Max Height | Set max height for logo mobile, if leave empty will take value in Theme Options |
| Mobile Logo Padding | Set padding top/bottom for logo, if leave empty will take value in Theme Options |
4. Top Drawer
This option is used for setting Top Drawer in Preset. It will overwrite Top Drawer in Theme Options. Any option is set to "default" which means they will take on the global options set in Mowasalat Theme Options
You can set the following Top Drawer Options for the Page you are currently editing:
Top drawer padding top. Do not include units (empty to set default)
| Attribute | Description |
|---|---|
| Top Drawer Type | Set type of top drawer: 'Disable', 'Always Show', 'Toggle'. If selected default will take value in Theme Options |
| Top Drawer Sidebar | Set Sidebar for top drawer sidebar, if not selected will take value in Theme Options |
| Top Drawer Wrapper Layout | Set layout wrapper for top drawer: 'Full Width', 'Container', 'Container Fluid'. If selected default will take value in Theme Options |
| Top Drawer hide on mobile | Set visible for top drawer area on mobile. If selected default will take value in Theme Options |
| Top Drawer Padding | Set Padding top/bottom for Drawer area. If you not choose it will set value default |
5. Top Bar
This option is used for setting Top Bar in Preset. It will overwrite Top Bar in Theme Options. Any option is set to "default" which means they will take on the global options set in Mowasalat Theme Options
You can set the following Top Bar Options for the Page you are currently editing:
| Attribute | Description |
|---|---|
| Desktop Settings | |
| Show/Hide Top Bar | Set visible of top bar. If selected default will take value in Theme Options |
| Top Bar Layout | Set layout for top bar: '1/2-1/2', '2/3-1/3', '1/3-2/3', 'full', if not selected will take value in Theme Options |
| Top Left Sidebar | Set sidebar for left sidebar. If not selected will take value in Theme Options |
| Top Right Sidebar | Set sidebar for right sidebar. If not selected will take value in Theme Options |
| Top Bar Border | Set border for top bar area:'Default','None', 'Full Bordered', 'Container Border'. If selected default will take value in Theme Options |
| Mobile Settings | |
| Show/Hide Top Bar | Set visible of top bar. If selected default will take value in Theme Options |
| Top Bar Layout | Set layout for top bar: '1/2-1/2', '2/3-1/3', '1/3-2/3', 'full', if not selected will take value in Theme Options |
| Top Left Sidebar | Set sidebar for left sidebar. If not selected will take value in Theme Options |
| Top Right Sidebar | Set sidebar for right sidebar. If not selected will take value in Theme Options |
| Top Bar Border | Set border for top bar area:'Default','None', 'Full Bordered', 'Container Border'. If selected default will take value in Theme Options |
6. Header
This option is used for setting Menu in Preset. It will overwrite Menu in Theme Options. Any option is set to "default" which means they will take on the global options set in Mowasalat Theme Options
You can set the following Header Options for the Page you are currently editing:
| Attribute | Description |
|---|---|
| Header On/Off? | Set visible of header |
| Desktop Settings | |
| Header Layout | Set layout of header. If no selected will take value in Theme Options |
| Header Container Layout | Set container layout for header: 'Container', 'Container Full'. If not selected will take value in Theme Options |
| Header Float | Set float for header. If selected default will take value in Theme Options |
| Show/Hide Header Sticky | Set sticky mode for header. If selected default will take value in Theme Options |
| Header padding | Set Padding top/bottom for Header area. If selected default will take value in Theme Options |
| Navigation Height | Set header navigation height (px). Do not include unit. If selected default will take value in Theme Options |
| Page Header Mobile | |
| Header Mobile Layout | Set layout fot header mobile. If no selected default will take value in Theme Options |
| Menu Drop Type | Set drop type for menu mobile: 'Dropdown Menu', 'Fly Menu'. If not selected will take value in Theme Options |
| Header mobile sticky | Set sticky mode for mobile header. If selected default will take value in Theme Options |
| Mobile Header Search Box | Set visible for search box. If selected default will take value in Theme Options |
| Mobile Header Shopping Cart | Set visible for shopping cart. If selected default will take value in Theme Options |
| Mobile header border bottom | Set border bottom for mobile header: 'None', 'Bordered', 'Container Bordered'. If selected default will take value in Theme Options |
7. Header Customize
This option is used for setting Header Customize in Preset. It will overwrite Header Customize in Theme Options. Any option is set to "default" which means they will take on the global options set in Mowasalat Theme Options
You can set the following Header Customize Options for the Page you are currently editing:
| Attribute | Description |
|---|---|
| Header Customize Navigation | |
| Header Customize Navigation | Set visible and order item for Header Navigation: 'Sidebar','Custom text content left', 'Navigation Item Spacing ','Custom CSS Class' |
8. Menu
This option is used for setting Menu in Preset. It will overwrite Menu in Theme Options. Any option is set to "default" which means they will take on the global options set in Mowasalat Theme Options
You can set the following Menu Options for the Page you are currently editing:
| Attribute | Description |
|---|---|
| Page menu | Optionally you can choose to override the menu that is used on the page. |
| Page menu mobile | Optionally you can choose to override the menu mobile that is used on the page |
| Is One Page | Set page style is One Page |
9. Footer
This option is used for setting Footer in Preset. It will overwrite Footer in Theme Options. Any option is set to "default" which means they will take on the global options set in Mowasalat Theme Options
You can set the following Footer Options for the Page you are currently editing:
| Attribute | Description |
|---|---|
| General Settings | |
| Show/Hide Footer? | Set visible of footer, if selected default will take value in Theme Options |
| Footer Container Layout | Set container layout for footer: 'Full Width', 'Container Fluid', 'Container', if selected Off will take value in Theme Options |
| Layout | Set layout sidebar for footer, if not selected will take value in Theme Options |
| Background Image | Set background image for footer. If leave empty will take value in Theme Options |
| Footer Parallax | Set parallax mode for footer. If selected Default will take value in Theme Options |
| Collapse footer on mobile device | Set collapse mode for footer on mobile device. If selected Default will take value in Theme Options |
| Footer Border Top | Set Border Top for footer: 'Default', 'None', 'Full Border' , 'Container Border' |
| Footer padding | Set padding top/bottom for main footer. If leave empty will take value in Theme Options |
| Bottom Bar Settings | |
| Show/Hide Bottom Bar | Set visible of footer bottom area, if selected default will take value in Theme Options |
| Bottom Bar Layout | Set layout sidebar of footer bottom area, if no selected will take value in Theme Options |
| Bottom Bar Left Sidebar | Set sidebar for footer bottom left, if no selected will take value in Theme Options |
| Bottom Bar Right Sidebar | Set sidebar for footer bottom right, if no selected will take value in Theme Options |
| Bottom Bar Border Top | Set Border Top for Bottom Bar: 'Default', 'None', 'Full Border' , 'Container Border' |
| Bottom bar padding | Set padding top/bottom for footer bottom area. If leave empty will take value in Theme Options |
10. Colors Setting
This option is used for setting Colors in Preset. It will overwrite Colors in Theme Options. Any option is switched to "Customize off" which means they will take on the global options set in Mowasalat Theme Options
You can set color for each area on page :
| Attribute | Description |
|---|---|
| General Settings | |
| Accent Color Customize | Customize color for Accent Area |
| Top Drawer Customize | Customize color for Top Drawer Area |
| Header Customize | Customize color for Header Area |
| Top Bar Customize | Customize color for Top Bar |
| Navigation Customize | Customize color for Navigation Area |
| Footer Customize | Customize color for Footer Area |
| Bottom Bar Customize | Customize color for Bottom Bar Area |