“Tailored Shop” Documentation by “Ranksol” v1.0


“Tailored Shop”

Created: x/x/xxxx
By: Ranksol
Email: help@ranksol.com

Thank you for purchasing Tailored Shop. If you have any questions that are beyond the scope of this help file, please feel free to email via my user page contact form here. Thanks so much!


Table of Contents

  1. Directory Structure
  2. HTML Structure
  3. CSS Files and Structure
  4. JavaScript
  5. Sources
  6. Installation Process (If your theme uses PHP)

A) Directory Structure - top

The theme is consist of Simple HTML and it uses Bootstrap styling Framework. Twitter Bootstrap is the most popular front end framework in the recent time. It is sleek, intuitive, and powerful mobile first front-end framework for faster and easier web development. It uses HTML, CSS and Javascript.

Directory Structure

backoffice_assets: This directory contains all assets of admin side template. eg CSS, JS, Images, Libraries

db: This directory contains sql file where database shema is defined.

extras: This directory contains any kind of extra files like some images or text files.

frontdesk_assets: This directory contains all assets of front website template. eg CSS, JS, Images, Libraries

models: This directory contains PHP Classes where you can interact with database.

uploads: This directory contains all kind of uploaded files like images or doc files uploaded by website users.

views: This directory contains front end HTML templates and backend HTML templates


A) HTML Structure - top

The theme is consist of Simple HTML and it uses Bootstrap styling Framework. Twitter Bootstrap is the most popular front end framework in the recent time. It is sleek, intuitive, and powerful mobile first front-end framework for faster and easier web development. It uses HTML, CSS and Javascript.

HTML Structure

If you would like to edit the color, font, or style of any elements in one of these columns, you would do the following:


			tag_name{
				color: #someColor;
			}

			or

			element_id{e
				color: #someColor;
			}

			element_class{
				color: #someColor;
			}

		

If you find that your new style is not overriding, it is most likely because of a specificity problem. Scroll down in your CSS file and make sure that there isn't a similar style that has more weight.

I.E.

			#wrap #primaryContent a {
				color: #someColor;
			}
		

So, to ensure that your new styles are applied, make sure that they carry enough "weight" and that there isn't a style lower in the CSS file that is being applied after yours.


B) CSS Files and Structure - top

All the CSS files are placed in two folders backoffice_assets and frontdesk_assets. you will find CSS plugins, Fonts and theme style. You can change theme style by going to theme.css file in backoffice_assets and style.css in frontdesk_assets. You can also add inpage style by adding style tag in head section of each view file in views folder.


C) JavaScript - top

This system contains JS files inside in backoffice_assets and frontdesk_assets.

  1. Plugins files
  2. Custom script files

If need to change plugins settings go to appropriate plugin file of backend or frontend to modify files
If you want to add new javascript you can add script tag in each file at the end of body tag.


E) Sources - top

I've used the following images, icons or other files as listed.

All the images i used are placed in img folders inside backoffice_assets and frontdesk_assets if you want to change any image or icons you can add in same directory and add appropriate src to files.


Installation Process - top

Once again, thank you so much for purchasing this theme. As I said at the beginning, I'd be glad to help you if you have any questions relating to this theme. No guarantees, but I'll do my best to assist. If you have a more general question relating to the themes on ThemeForest, you might consider visiting the forums and asking your question in the "Item Discussion" section.

Your Name

Go To Table of Contents