Loader

iDocumentor PSD — Responsive Multipurpose PSD Template

Welcome

First of all, we want to say thanks to you! We are very grateful that you have chosen our PSD template for your website. We will do everything we can, to provide you the best support as possible. Feel free asking us if you need any sort of help while using this template in your real project.

This is simple, clean and grid based PSD’s. Design built on the Bootstrap grid that makes easy to create website templates. PSD files are perfectly organized, so you can easily customize everything you need.

Key Features

  • 50+ PSD Files with Layer Styles
  • Based on Bootstrap grid system
  • Each PSD includes a guidelines
  • PSD Well Organized, with named layers and groups
  • Pixel perfect design
  • Free Google fonts used
  • Free Icons used
  • Easy to find the files name, folder, layers, groups
  • Great Support 24/7

Structure


After you’ve downloaded our psd template from the envato marketplace ‘themeforest’, you can extract the zip file. The extracted folder structure looks something like this:

  • documentations
    • assets
    • index.html
  • fonts
  • psd
    • 01_HOME_V1.psd
    • 02_HOME_V2.psd
    • 03_FULLWIDTH_GRID.psd
    • 04_GRID_LEFT_SIDEBAR.psd
    • 05_LIST_LEFT_SIDEBAR.psd
    • 06_PRODUCT_SINGLE.psd
    • 07_QUICK_VIEW.psd
    • 08_CART.psd
    • 09_WISH_LIST.psd
    • 10_CHECKOUT.psd
    • 11_ORDER_COMPLETE.psd
    • 12_CART_DROPDOWN.psd


All together there are three main folders named as: documentation, fonts and psd.

  • documentation folder contains a documentation file in html format which you can view in browser as a normal website.
  • fonts folder contatins list of fonts used and location/link from where you can download those fonts.
  • psd folder contains all the PSD source files of all pages shown in the preview of this template.

How to ?


How to edit PSD Files?

— To edit the PSD files you need to have ADOBE Photoshop CS5 or above installed.

Each and every PSD files included in the purchase are editable. All elements in the designs are arranged under its relevant groups with its proper names.

How to Select layers in PSD?

You can use Move Tool (V) for fast layer selection.

How to edit each section in PSD?

Each section is separated with each folder. Click on the left Arrow icon which is on the left side of folder icon to expand folder. Under each folder you can see different layers which holds individual elements of design.

How to change images in PSD?

  • Expand the folder that contains the image layer by click on left arrow just left side of the folder icon
  • Expand the sub-folder that contains the image layer [This applies only if there are nested folders]
  • Once you are in the image layer [The highlighted layer shown in below screenshot] paste your image or drag your image.
  • Once image is in the correct layer just hit CTRL+ALT+G and adjust the size and position as required.

How to edit text in PSD?

  • Expand the folder that contains the text layer by click on left arrow just left side of the folder icon
  • Expand the sub-folder that contains the text layer [This applies only if there are nested folders]
  • Once you are in the text layer [The highlighted layer shown in below screenshot] Just double click on the layer and update the text

Changelog


======================
Version 1.0.0
  -- Initial release

Credits


Fonts
jQuery Plugins
Images
Note: All images are just used for Preview Purpose Only. They are not part of the HTML Template and are NOT included in the final purchase files.

Once again, thank you so much for purchasing this template.
We’d be glad to help you if you have any questions relating to this template. We’ll do our best to assist.

If you have any questions please feel free to ask from our profile.

Thanks