Welcome


NewLook - Responsive Multipurpose E-Commerce HTML Template

Created : 22/07/2017
By : justthemevalley
Email : support@justthemevalley.com

Hi! Thank you for purchasing my template.
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!

This file will teach you how to set up and use the “NewLook” Template.
Thankyou so much!

Best regards,
Just Theme Valley

Pages


  • Index.html is for Fashion Store
  • Version2 folder index.html is for Furniture Store
  • shop_grid.html, shop_grid_full_width.html, shop_grid_right_sidebar is for shop grid Page
  • shop_list.html, shop_list_right_sidebar.html is for shop List page
  • single_product.html, single_product_left_sidebar.html, single_product_right_sidebar.html is for Product Details page
  • single_product_magnify_zoom.html is for Product Details page zoom effiets
  • shopping_cart.html is for cart page
  • about_us.html is for About us page
  • checkout.html is for checkout page
  • wishlist.html is for wishlist page
  • account_page.html is for my account page
  • contact_us.html is for Contact page
  • blog.html, blog_full_width.html, blog_left_sidebar.html. blog_right_sidebar.html is for Blog page
  • single_post.html is for Blog Details page

fonts


We have used Google Fonts in our template. You can use any google font by doing the following changes :

1. Please replace the following lines in all layout files.

              
        <link http://fonts.googleapis.com/css?family=Lato:300,400,700,900" rel='stylesheet' type='text/css'>
        <link https://fonts.googleapis.com/css?family=Roboto:400,400italic,500,500italic,700' rel='stylesheet' type='text/css'>
        <link https://fonts.googleapis.com/css?family=Poppins:400,300,500,600,700' rel='stylesheet' type='text/css'>
        <link http://fonts.googleapis.com/css?family=Montserrat:400,700' type='text/css'>

            

Source File (CSS)


We recommend using the FireBug add on in Firefox for a fast identification of the css properties that you might want to change.

        
          <!-- ALL CSS FILES HERE -->
          <!-- Bootstrap CSS  -->
          < rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
          
          <!-- font-awesome & simple line icons CSS  -->
          < rel="stylesheet" type="text/css" href="css/font-awesome.css">
          < rel="stylesheet" type="text/css" href="css/simple-line-icons.css">
          
          <!-- owl.carousel CSS  -->
          < rel="stylesheet" type="text/css" href="css/owl.carousel.css">
          < rel="stylesheet" type="text/css" href="css/owl.transitions.css">
          
          <!-- animate CSS   -->
          < rel="stylesheet" type="text/css" href="css/animate.css">
          
          <!-- jquery-ui.min CSS   -->
          < rel="stylesheet" type="text/css" href="css/jquery-ui.css">
          
          <!-- style CSS  -->
          < rel="stylesheet" type="text/css" href="css/style.css">
	

javascript


This template imports the following Javascript files.

All javascript files (at js/folder) :

        
        <!-- ALL JS FILES HERE -->
        <!-- jquery js --> 
        <script type="text/javascript" src="js/jquery.min.js"></script> 
        
        <!-- bootstrap js --> 
        <script type="text/javascript" src="js/bootstrap.min.js"></script> 
        
        <!-- owl.carousel.min js --> 
        <script type="text/javascript" src="js/owl.carousel.min.js"></script> 
        
        <!-- bxslider js --> 
        <script type="text/javascript" src="js/jquery.bxslider.js"></script> 
        
        <!-- Slider Js --> 
        <script type="text/javascript" src="js/revolution-slider.js"></script> 
        
        <!-- megamenu js --> 
        <script type="text/javascript" src="js/megamenu.js"></script> 
        
        <!-- jquery.mobile-menu js --> 
        <script type="text/javascript" src="js/mobile-menu.js"></script> 
        
        <!--jquery-ui.min js --> 
        <script type="text/javascript" src="js/jquery-ui.js"></script> 
        
        <!-- countdown js --> 
        <script type="text/javascript" src="js/countdown.js"></script> 
        
        <!--cloud-zoom js --> 
        <script type="text/javascript" src="js/cloud-zoom.js"></script> 
        
        <!-- main js --> 
        <script type="text/javascript" src="js/main.js"></script> 

    

Overview & Features


NewLook - Responsive Multipurpose E-Commerce HTML Template

NewLook is a modern, clean and professional HTML Template, It is fully responsive, it looks stunning on all types of screens and devices.

Template Features

  • HTML5 / CSS 3
  • Fully Responsive (Tested on Multiple Devices)
  • Full Width Layout
  • Cloud zoom
  • Multi-options for Home Page
  • Mega Top Menu
  • Mega Horizontal Menu
  • Mega Vertical Menu
  • Brand Slider
  • Hot Categories
  • HTML files
  • RTL support
  • List & Grid View (Products)
  • Unique & Modern Design
  • Valid HTML5 Markup
  • Owl Carousel Slider With CSS3 Transitions
  • Free Google web fonts
  • Free Icon Fonts (Font Awesome)
  • Customizable & Organized
  • 404 page error
  • Compatible Browsers: IE9+, Firefox, Safari, Opera, Chrome
  • Included documentation.

Animations


Apply the animation to any element using the below format.

Eg: Using in html element:

1
<div class="sampleclass">Sample Element To Animate.</div>

You can add animation to any (div, span, p, img etc) element. We just showed the example with div.

Here is the list of available animations

  • flash
  • shake
  • bounce
  • tada
  • swing
  • wobble
  • pulse
  • flip
  • flipInX
  • flipOutX
  • flipInY
  • flipOutY
  • fadeIn
  • fadeInUp
  • fadeInDown
  • fadeInLeft
  • fadeInRight
  • fadeInUpBig
  • fadeInDownBig
  • fadeInLeftBig
  • fadeInRightBig
  • fadeOut
  • fadeOutUp
  • fadeOutDown
  • fadeOutLeft
  • fadeOutRight
  • fadeOutUpBig
  • fadeOutDownBig
  • fadeOutLeftBig
  • fadeOutRightBig
  • bounceIn
  • bounceInUp
  • bounceInDown
  • bounceInLeft
  • bounceInRight
  • bounceOut
  • bounceOutUp
  • bounceOutDown
  • bounceOutLeft
  • bounceOutRight
  • rotateIn
  • rotateInUpLeft
  • rotateInDownLeft
  • rotateInUpRight
  • rotateInDownRight
  • rotateOut
  • rotateOutUpLeft
  • rotateOutDownLeft
  • rotateOutUpRight
  • rotateOutDownRight
  • hinge
  • rollIn
  • rollOut
  • lightSpeedIn
  • lightSpeedOut

Icons


1. We have used FontAwesome icons in this template.
You can see the complete list of FontAwesome icons we've used at, here

2. Simple line icons
You can see the complete list of Simple line icons we've used at, here

Sources and Credits


Sources and Credits

I would like to thank the following providers. This template would not have been possible without the hard work and dedication of all of them.

Please note that none of the images in the demo are available in the template package.

Thanks


Once again, thank you so much for purchasing this template. As I said at the beginning, I'd be glad to help you if you have any questions relating to this template. No guarantees, but I'll do my best to assist. If you have any queries, please feel free to contact us at Support Center.

Email Us at : support@justthemevalley.com