“FrozrDash” Documentation by “Mahmud Hamid” v1.0

---

ForzrDash

---

Table of Contents

1. Introduction
2. HTML Structure
3. CSS Files and Theme Customization
4. JavaScript
5. Notes

---

Introduction - top

FrozrDash is a theme specially developed for Norsani WP plugin. Norsani is a multi-vendor food ordering system that includes many features and functionalities that need to be properly presented to front-end users. If you wish to use FrozrDash for other purpose it might not be the best choice for you.

---

HTML Structure - top

This theme is a flexible layout with two or one column on large screens and one column on tablet and mobile screens. The theme uses jQuery Mobile script for pages navigation and thus it applies some of the jQuery Mobile page structure. The following image shows the general template structure.

If you would like to create a new template page you can use the following code structure:

<?php
/*Call the header*/
get_header(); ?>
<div data-role="page" id="front_page" class="content-area">
	<?php
	/*Call the general cart*/
	frozr_fixed_cart(true);
	/*Get the search results container*/
	frozr_general_search_result();
	/*Get the user favorites container*/
	frozr_user_favs();
	?>
	<div body_class(); data-id="finde" style="display:none">echo get_the_title($post->ID);</div>
	<main class="site-main" role="main">
		Page content goes here...
	</main>
</div>
<?php
/*Call the footer*/
get_footer();
?>

Please note that this theme comes with a child theme that is automatically activated on the installation of Norsani plugin. All modification you make should be done in the child theme.

---

CSS Files and Theme Customization - top

I'm using three CSS files in this theme.

1. main.css – This contains most of the styles of the theme and it is loaded by default but you can still override it from the child theme.
2. one_col.css – This is applied when you have chosen one column as the theme layout from the WordPress customize tool.
3. classic.css – The classic two column layout styles are stored here. This will be applied by default with main.css if you did not change your theme layout option.

To customize the theme, please use the WordPress customize tool, I have putted there many options to customize the layout. However, if you wish to use some custom CSS you can also store them in the customize tool too.

---

JavaScript - top

This theme imports three Javascript files.

1. owl.carousel.js
2. jquery.mobile.js
3. functions.js

1. Owl carousel is used by the carousel filter in the vendors list page.
2. jQuery Mobile carries out all page navigations.
3. Functions.js holds all the script used by the theme. This file is packed, so you won't need to manually edit anything in it. You can create your own scripts in the child theme.

---

Notes - top

If you need further help on customizing the theme or if you have any questions relating to this theme, please feel free to contact me via the Norsani Help Center in your WordPress admin.

---

Once again, thank you so much for purchasing Norsani

Mahmud Hamid

Go To Table of Contents

---