HK Wood Floors

Thank You For purchasing HK Wood Floors.
Note: All The Images which include in the package are only for demo purpose, you can't use this furthur. if you want any third Party assets like PSDs you can get on request at info@webxitsolutions.com. If you have any Query, Issue or Suggestions feel free to contact us via our live support Webx IT Solutions or email us at support@webxitsolutions.com.

Installation

1. Extract HK Wood Floors Theme.zip.
2. Upload HK Wood Floors.ocmod.zip File from Extensions > installer.
3. Now Go to Admin -> Extensions -> Modification -> click the Refresh button in the top right corner.
4. Assign Permission to your user groups.
5. Now HK Wood Floors Theme is installed. Congratulations!
6. After that Go to Extensions > Themes > Select HK Wood Floors Theme into your Theme Directry.

Manual Installation

1. Connect to you server via FTP or log into cPanel file manager. Open OpenCart Root folder
2. Extract HK Wood Floors Theme.zip.
3. Upload Files (For e.g admin,catalog,image) which is available under the ' Upload ' folder which you recently extracted.
4. Compress install.xml to HK Wood Floors.ocmod.zip 5. Upload Flowers.ocmod.zip File from Extensions > installer.
6. Now Go to Admin -> Extensions -> Modification -> click the Refresh button in the top right corner.
7. Assign Permission to your respected user group.
8. Now HK Wood Floors Theme is installed. Congratulations!
9. After that Go to Extensions > Themes > Select HK Wood Floors Theme into your Theme Directry.

Image Size Setting

For image size setting
Set Product Image Thumb Size to 500 X 500
Click on Save Button at top right corner.

Header Setting

For Header Setting
Go to System > Settings >Image Tab
Store Logo EditAdd Logo for Desktop View
For Desktop View :

For Mobile View :

Mobile View Add Logo for Mobile View

Slider Setting

For Home Slider Setting
Go to Design > Banners >Add New
Click on Add New button.
Add Banner Name Home Page Slider.
Add Banner Width and height 1920 x 700.
Select Enabled Status.
Then Click on Add Banner. Add Title , Description , Link and Background Color for Banner.

Megamenu Setting

For Megamenu
Go to Megamenu > Click on Add New

Menu Banner Setting

For Menu
Go to Extensions > Modules >Theme Controller > Header Tab

Banner

Go to Extensions > Modules > HTML Content
Add New > Edit Module Name.

	 <div class="container quality_banner"> <h3 class="text-center fw-600 fs-28 margintb">Quality, Reliability And Beauty </h3> <ul class="list-inline list-unstyled text-center"> <li><img src="image/catalog/009-tiles.png" class="img-responsive center-block"/> <h4>Tile installation<br/> (both floor and wall)</h4> </li> <li><img src="image/catalog/007-draws.png" class="img-responsive center-block"/> <h4>Backsplash/ Mosaic<br/> installation</h4> </li> <li><img src="image/catalog/008-mosaic.png" class="img-responsive center-block"/> <h4>Sub-floor <br/> installation</h4> </li> <li><img src="image/catalog/006-water.png" class="img-responsive center-block"/> <h4>Waterproofing <br/> installation</h4> </li> <li><img src="image/catalog/005-stone.png" class="img-responsive center-block"/> <h4>The Stone <br/>installation</h4> </li> <br/> <li><img src="image/catalog/004-tile.png" class="img-responsive center-block"/> <h4>Grout <br/> re-colourization</h4> </li> <li><img src="image/catalog/003-tile-1.png" class="img-responsive center-block"/> <h4>Flooring heating <br/> installation</h4> </li> <li><img src="image/catalog/002-shower.png" class="img-responsive center-block"/> <h4>Shower Niche <br/>installation </h4> </li> <li><img src="image/catalog/001-plan.png" class="img-responsive center-block"/> <h4>Interior Design <br/>consultation</h4> </li> </ul> </div>

Latest Product

For Latest Product
Go to Extensions > Modules > Latest Module

Banner

Go to Extensions > Modules > HTML Content
Add New > Edit Module Name.

	 <section> <div class="container"> <div class="col-sm-12 col-xs-12"> <div class="t_banner"> <a class="tiles_banner"><img src="image/catalog/banner2.jpg" class="img-responsive center-block"/></a> </div> </div> </div> </section>

Banner

Go to Extensions > Modules > HTML Content
Add New > Edit Module Name.

	 <div class="fullbanner"> <section> <div class="container"> <div class="row"> <div class="col-sm-3 col-xs-3"><img src="image/catalog/full1.png" class="img-responsive center-block"/> <div class="line-mf"></div> <h4>300+</h4> <p>APARTMENTS</p> </div> <div class="col-sm-3 col-xs-3"><img src="image/catalog/full2.png" class="img-responsive center-block"/> <div class="line-mf"></div> <h4>340+</h4> <p>COMMERCIAL PROJECTS </p> </div> <div class="col-sm-3 col-xs-3"><img src="image/catalog/full3.png" class="img-responsive center-block"/> <div class="line-mf"></div> <h4>40+</h4> <p>SPORTS COMPLEX </p> </div> <div class="col-sm-3 col-xs-3"><img src="image/catalog/full4.png" class="img-responsive center-block"/> <div class="line-mf"></div> <h4>350+</h4> <p>RESORTS &amp; ENCLOSURES </p> </div> </div> </div> </section> </div>