Shofixe - Fashion Responsive Bootstrap Template

Shofixe - Fashion Responsive Bootstrap Template

created: 25/10/2016

24/7 Support: Send Us a message from our profile

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

  1. FTP Upload:
    • Open up your FTP manager and connect to your hosting
    • Browse to required directory (Normally public_html)
    • Upload the files inside shofixe folder.

Pages

    • index.html is for Slider One Page
    • index-2.html is for Slider Two Page
    • index-3.html is for Fixed Image Home Page
    • index-4.html is for Animated Text Home Page
    • index-15.html is for Video Background Home Page 1
    • index-16.html is for Video Background Home Page 2
    • index-17.html is for Parallax Home Page 1
    • index-18.html is for Parallax Home Page 2
    • index-19.html is for Box Layout 1
    • index-20.html is for Box Layout 2
    • index-21.html is for Box Layout 3
    • index-22.html is for Box Layout 4
    • index-5.html is for Rotate Text 1 Home Page
    • index-6.html is for Rotate Text 2 Home Page
    • index-7.html is for Rotate Text 3 Home Page
    • index-8.html is for Rotate Text 4 Home Page
    • index-9.html is for Rotate Text 5 Home Page
    • index-10.html is for Rotate Text 6 Home Page
    • index-11.html is for Rotate Text 7 Home Page
    • index-12.html is for Rotate Text 8 Home Page
    • index-13.html is for Rotate Text 9 Home Page
    • index-14.html is for Rotate Text 10 Home Page
    • index-23.html is for Rotate Text 11 Home Page
    • index-24.html is for Rotate Text 12 Home Page
    • shop.html is for Shop Page
    • shop-grid-left-sidebar.html is for Shop Grid Left Sidebar Page
    • shop-grid-right-sidebar.html is for Shop Grid Right Sidebar Page
    • shop-list-left-sidebar.html is for Shop List Left Sidebar Page
    • shop-list-right-sidebar.html is for Shop List Right Sidebar Page
    • product-details.html is for Product Details Page
    • cart.html is for Shopping Cart Page
    • checkout.html is for Checkout Page
    • contact.html is for Contact Page
    • shortcode-alert.html is for Shortcode Alert Page
    • shortcode-blog.html is for Shortcode Blog Page
    • shortcode-breadcrumb.html is for Shortcode Breadcrumb Page
    • shortcode-button.html is for Shortcode Button Page
    • shortcode-client.html is for Shortcode Client Page
    • shortcode-contact.html is for Shortcode Contact Page
    • shortcode-dropdown.html is for Shortcode Dropdown Page
    • shortcode-newsletter.html is for Shortcode Newsletter Page
    • shortcode-product.html is for Shortcode Product Page
    • shortcode-map.html is for Shortcode Map Page
    • shortcode-offer.html is for Shortcode Offer Page
    • shortcode-pagination.html is for Shortcode Pagination Page
    • shortcode-progressbar.html is for Shortcode Progressbar Page
    • shortcode-services.html is for Shortcode Services Page
    • shortcode-slider-bottom.html is for Shortcode Slider Bottom Page
    • shortcode-off-banner.html is for Shortcode Off Banner Page
    • shortcode-featured.html is for Shortcode Featured Page
    • shortcode-testimonial.html is for Shortcode Testimonial Page
    • slider-one.html is for Shortcode Slider 1
    • slider-two.html is for Shortcode Slider 2
    • video-one.html is for Shortcode Video Style 1
    • video-two.html is for Shortcode Video Style 2
    • parallax-one.html is for Shortcode Parallax Style 1
    • parallax-two.html is for Shortcode Parallax Style 2
    • rotate-text-one.html is for Shortcode Rotate Text Style 1
    • rotate-text-two.html is for Shortcode Rotate Text Style 2
    • rotate-text-three.html is for Shortcode Rotate Text Style 3
    • rotate-text-four.html is for Shortcode Rotate Text Style 4
    • rotate-text-five.html is for Shortcode Rotate Text Style 5
    • rotate-text-six.html is for Shortcode Rotate Text Style 6
    • rotate-text-seven.html is for Shortcode Rotate Text Style 7
    • rotate-text-eight.html is for Shortcode Rotate Text Style 8
    • footer-one.html is for Shortcode Footer Style 1
    • footer-two.html is for Shortcode Footer Style 2
    • footer-three.html is for Shortcode Footer Style 3
    • footer-four.html is for Shortcode Footer Style 4
    • menu-default.html is for Shortcode Menu Style 1
    • menu-style-two.html is for Shortcode Menu Style 2
    • menu-style-three.html is for Shortcode Menu Style 3
    • menu-style-four.html is for Shortcode Menu Style 4
    • title-one.html is for Shortcode Title Style 1
    • title-two.html is for Shortcode Title Style 2
    • title-three.html is for Shortcode Title Style 3
    • title-four.html is for Shortcode Title Style 4
    • title-five.html is for Shortcode Title Style 5

Font

        <link href='https://fonts.googleapis.com/css?family=Montserrat:400,700|Poppins:300,400,500,600,700'>

Source File (CSS)

        <!-- Bootstrap CSS
        ============================================ -->
        <link rel="stylesheet" href="css/bootstrap.min.css">

        <!-- Nivo slider CSS
        ============================================ -->
        <link rel="stylesheet" type="text/css" href="lib/custom-slider/css/nivo-slider.css" media="screen" />
        <link rel="stylesheet" type="text/css" href="lib/custom-slider/css/preview.css" media="screen" />

        <!-- Fontawsome CSS
        ============================================ -->
        <link rel="stylesheet" href="css/font-awesome.min.css">

        <!-- material iconic CSS
        ============================================ -->
        <link rel="stylesheet" href="css/material-design-iconic-font.css">
        <link rel="stylesheet" href="css/material-design-iconic-font.min.css">

        <!-- owl.carousel CSS
        ============================================ -->
        <link rel="stylesheet" href="css/owl.carousel.css">

        <!-- jquery-ui CSS
        ============================================ -->
        <link rel="stylesheet" href="css/jquery-ui.css">

        <!-- meanmenu CSS
        ============================================ -->
        <link rel="stylesheet" href="css/meanmenu.min.css">

        <!-- animate CSS
        ============================================ -->
        <link rel="stylesheet" href="css/animate.css">

        <!-- Color Switcher CSS
        ============================================ -->
        <link rel="stylesheet" href="css/color.css">
        <link rel="stylesheet" href="css/color-switcher.css">

        <!-- Animate headline CSS
        ============================================ -->
        <link rel="stylesheet" href="css/animate-heading.css">
        <link rel="stylesheet" href="css/reset.css">

        <!-- Video CSS
        ============================================ -->
        <link rel="stylesheet" href="css/jquery.mb.YTPlayer.css">

        <!-- style CSS
        ============================================ -->
        <link rel="stylesheet" href="style.css">

        <!-- Responsive CSS
        ============================================ -->
        <link rel="stylesheet" href="css/responsive.css">

Source File (JS)

        <!-- jquery
        ============================================ -->
        <script src="js/vendor/jquery-1.12.4.min.js"></script>
        <!-- bootstrap JS
        ============================================ -->
        <script src="js/bootstrap.min.js"></script>
        <!-- meanmenu JS
        ============================================ -->
        <script src="js/jquery.meanmenu.js"></script>
        <!-- wow JS
        ============================================ -->
        <script src="js/wow.min.js"></script>
        <!-- owl.carousel JS
        ============================================ -->
        <script src="js/owl.carousel.min.js"></script>
        <!-- counterdownl JS
        ============================================ -->
        <script src="js/jquery.countdown.min.js"></script>
        <!-- Video Player JS
        ============================================ -->
        <script src="js/jquery.mb.YTPlayer.js"></script>
        <!-- AJax Chimp JS
        ============================================ -->
        <script src="js/jquery.ajaxchimp.min.js"></script>
        <!-- Price Slider JS
        ============================================ -->
        <script src="js/jquery-price-slider.js"></script>
        <!-- Elevator JS
        ============================================ -->
        <script src="js/jquery.elevateZoom-3.0.8.min.js"></script>
        <!-- scrollUp JS
        ============================================ -->
        <script src="js/jquery.scrollUp.min.js"></script>
        <!-- plugins JS
        ============================================ -->
        <script src="js/plugins.js"></script>
        <!-- Nevo Slider js
        ============================================ -->
        <script type="text/javascript" src="lib/custom-slider/js/jquery.nivo.slider.js"></script>
        <script type="text/javascript" src="lib/custom-slider/home.js"></script>
        <!-- textillate js
        ============================================ -->
        <script src="js/jquery.textillate.js"></script>
        <script src="js/jquery.lettering.js"></script>
        <!-- animated headline js
        ============================================ -->
        <script src="js/animate-heading.js"></script>
        <!-- ajax js
        ============================================ -->
        <script src="js/ajax-mail.js"></script>
        <!-- main JS
        ============================================ -->
        <script src="js/styleswitch.js"></script>
        <script src="js/main.js"></script>

Customization

How to Change Logo

How to Change Color

How to Use Box Layout With Pattern or Background Image

You Can Change Background & Pattern Form 1 to 5

How to Change Copy Right

How to Change Mailchimp List Url

How to Change Email for Contact Form

How to Change Map latitude and longitude

 

Thanks

Once again thank you for purchasing one of our Templates

Best Regards

Dev Items