Hopsop - Travel Accessories eCommerce Template
created: 27/07/2018
Thank you for purchasing my template. If you have any questions that are beyond the scope of this help file, please feel free to open a new ticket at our support forum
Template Installation
-
FTP Upload:
- Open up your FTP manager and connect to your hosting
- Browse to required directory (Normally public_html)
- Upload the files inside hopsop folder.
Pages
- index.html is for home version 1
- index-2.html is for home version 2
- 404.html is for 404 page
- about.html is for about us page
- account.html is for account page
- blog.html is for blog page
- blog-details.html is for blog-details page
- blog-details-audio.html is for blog details audio page
- blog-details-blockquote.html is for blog details blockquote page
- blog-details-gallery.html is for blog details gallery page
- blog-details-video.html is for blog details video page
- blog-no-sidebar.html is for blog no sidebar page
- cart.html is for cart page
- checkout.html is for checkout page
- compare.html is for compare page
- contact.html is for contact page
- forgot-password.html is for forgot password page
- login.html is for login page
- product-details.html is for product details page
- register.html is for register page
- shop.html is for shop page
- shop-list.html is for shop list page
- wishlist.html is for wishlist page
Fonts
@import url('https://fonts.googleapis.com/css?family=Work+Sans:300,400,500,600,700,800,900');
Source File (CSS)
<!-- all css here -->
<!-- Fontawesome css -->
<link rel="stylesheet" href="css/font-awesome.min.css">
<!-- fontello css -->
<link rel="stylesheet" href="css/fontello.css">
<!-- Animate css -->
<link rel="stylesheet" href="css/animate.css">
<!-- Nice select css -->
<link rel="stylesheet" href="css/nice-select.css">
<!-- Jquery fancybox css -->
<link rel="stylesheet" href="css/jquery.fancybox.css">
<!-- Jquery ui price slider css -->
<link rel="stylesheet" href="css/jquery-ui.min.css">
<!-- Meanmenu css -->
<link rel="stylesheet" href="css/meanmenu.min.css">
<!-- Owl carousel css -->
<link rel="stylesheet" href="css/owl.carousel.min.css">
<!-- Bootstrap css -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<!-- Custom css -->
<link rel="stylesheet" href="css/default.css">
<!-- Main css -->
<link rel="stylesheet" href="style.css">
<!-- Responsive css -->
<link rel="stylesheet" href="css/responsive.css">
Source File (JS)
<!-- all js here -->
<!-- jquery 3.2.1 -->
<script src="js/vendor/jquery-3.2.1.min.js"></script>
<!-- Countdown js -->
<script src="js/jquery.countdown.min.js"></script>
<!-- Mobile menu js -->
<script src="js/jquery.meanmenu.min.js"></script>
<!-- ScrollUp js -->
<script src="js/jquery.scrollUp.js"></script>
<!-- Fancybox js -->
<script src="js/jquery.fancybox.min.js"></script>
<!-- Jquery nice select js -->
<script src="js/jquery.nice-select.min.js"></script>
<!-- Jquery ui price slider js -->
<script src="js/jquery-ui.min.js"></script>
<!-- Owl carousel -->
<script src="js/owl.carousel.min.js"></script>
<!-- Bootstrap popper js -->
<script src="js/popper.min.js"></script>
<!-- Bootstrap js -->
<script src="js/bootstrap.min.js"></script>
<!-- Plugin js -->
<script src="js/plugins.js"></script>
<!-- Main activaion js -->
<script src="js/main.js"></script>
Customization
How to Change Logo
How to Change Copyright
How to Change Email for Contact Form
How to Change Map latitude and longitude
