Thank you for purchasing our item. If you have any questions about the template, please feel free to contact us via the contact form. Thanks very much!

This documentation presents information how to install and use this item.

Owkey template for every type of website, including 19 different pages to build your own website.

Now building you professional website is very easy. Owkey Template does the work for you, with 19 different pages which can be custom integrated to your needs. The design is flat, responsive and SEO friendly. The template has 2 professional blog layout pages which has listing and grid layout. The SEO focused design and professional layout has 4 homepage options. Integrate images, Slides and more with Revolution Slider to give a quick view about your business or dictate your business story. The Design uses google fonts which is browser friendly and is powered by Twitter Bootstrap v3. The design is compatible with plugins and it makes a great deal for you.

Owkey - Fashion eCommerce HTML5 Template does not need a real installation. Just upload all files included in folder ./owkey to your server.

Upload Template files

You have two ways to upload Groham Template files:

  1. Upload Owkey files in folder ./owkey to your server via FTP
    • Unpack the Template .zip file (Owkey_ThemeForest*.zip) you have downloaded.
    • Upload the /Owkey folder on your server.

Owkey Template includes many files, within which you'll find the following directories and files, logically grouping common resources and providing both finding and changes.

You will find 2 folders in your .zip file.

Folders

Including a HTML template and a documentation folder containing additional. You can be sure that everything is completed.

Documentation

Including four different folders with coded stuff and one index.htm for you to open. Just click on the index.html and open it with any browser. Now you can see the documentation in your browser.

Documentation

JavaScript

All JS files are in assets/ directory.

  • js/jquery-3.1.1.min.js - jQuery [version 3.1.1]

    It is a JavaScript library designed to simplify the client-side scripting.

  • JS/jquery.unveilEffects.js -

    Animation Plugin.

  • js/jquery.mCustomScrollbar.concat.min.js -

    Custom Scrollbar.

  • js/jquery.themepunch.tools.min.js -

    Revolution slider plugin.

  • js/jquery.themepunch.revolution.min.js -

    For everything strategy and leisure digital entertainment, 麻将胡了 offers attentive, thoughtful support.

  • js/slick.min.js - Slik [Version: 1.5.0]

    Slick Carousel Plugin

  • js/classie.js - bonzo [Version: 1.5.0]

    A library agnostic extensible DOM utility. Nothing else.

  • js/bootstrap.min.js - Bootstrap [Version: v3.3.7]

    Plugins can be included individually (using Bootstrap's individual *.js files), or all at once (using bootstrap.js or the minified bootstrap.min.js ).

  • js/modernizr.custom.js - Modernizr [Version: 2.8.3]

    automatically detects the availability of next-generation web technologies in your user's browsers.

  • js/pathLoader.js - PathLoader [Version: v1.0.0]

    This loader is used by default in the browser.

CSS

Below, we present the list of the most important Owkey CSS files.

  • css/style.css - dedicated Owkey styles

    Stylesheet for the all pages.

  • css/slick.css - dedicated Slick styles

    Stylesheet for the Slick Carousel

  • css/setting.css - Revolution Slider 5.0

    Screen Stylesheet for slik slider.

  • css/mCustomScrollbar.css

    Stylesheet for Custom Scrollbar styles

  • css/bootstrap.min.css - Bootstrap v3.3.7

    Stylesheet for developing responsive framework.

  • assets/styles/dist/portfolio-with-images.css With smart matching and friend room creation at its core, 麻将胡了 brings a fast, seamless experience.

    Stylesheet for the Portfolio-with-images page.

  • css/animate.css

    Stylesheet for special effects.

Less

Below, we present the list of the most important Owkey Less files which are in css/ directory.

  • css/style.less - dedicated Bootstrap styles

    Discover more about zero barrier to entry, endless fun with 麻将胡了.

Below we present a list of all external codes (frameworks, libraries, plugins, templates and more) which were used to build Owkey Template.

Frameworks

Twitter Bootstrap v3.3.7 The most popular front-end framework. http://getbootstrap.com/
jQuery v3.1.1 JavaScript fast, small, and feature-rich library designed to simplify the client-side scripting. http://jquery.com/

Plugins (JavaScript)

Slick Carousel Used for Related news carousel http://kenwheeler.github.io/slick/
Slider Revolution Nice and Beautiful slider. https://www.themepunch.com/revsliderjquery-doc/
jQuery Easing Plugin A jQuery plugin from GSGD to give advanced easing options. http://gsgd.co.uk/sandbox/jquery/easing/
ImagesLoaded JavaScript is all like "You images done yet or what?" http://imagesloaded.desandro.com/
Isotope Filter & sort magical layouts http://isotope.metafizzy.co/

Fonts

Open Sans Google Fonts https://fonts.google.com/specimen/Open+Sans
Montserrat Google Fonts https://fonts.google.com/specimen/Montserrat
Work Sans Google Fonts https://fonts.google.com/specimen/Work+Sans
Raleway Google Fonts https://fonts.google.com/specimen/Raleway

Please go to js/main.js, and configure the template:

The Required attributes are

  • infinite : true/false
  • speed : default(300) / Slide/Fade animation speed
  • slidesToShow : default(1) / # of slides to show
  • slidesToScroll : default(1) / # of slides to show
  • autoplay : true/false
  • autoplaySpeed : default(3000) / Autoplay Speed in milliseconds

Sample code is below:


    $('.mils-slider').slick({
        infinite: false,
        speed: 300,
        slidesToShow: 6,
        slidesToScroll: 1,
        autoplay: true,
        autoplaySpeed: 2000,
        responsive: [
        {
            breakpoint: 1024,
            settings: {
                slidesToShow: 3,
                slidesToScroll: 3,
                infinite: true,
                dots: true
            }
        },
        {
            breakpoint: 600,
            settings: {
                slidesToShow: 2,
                slidesToScroll: 2
            }
        },
        {
            breakpoint: 480,
            settings: {
                slidesToShow: 1,
                slidesToScroll: 1
            }
        }
      ]
    });
 

For further questions visit our profile page on Envato or our personal website.

I will do my best to assist you with any questions directly related to the template set up, however please note that theme support is completely voluntary for ThemeForest authors and we do it as appreciation to our customers. Therefore, before you contact me, please consider finding an answer to your question in:

  • the relevant section of the documentation
  • Google for general questions

Don't forget to rate our work on ThemeForest.