Book Image

OpenCart Theme and Module Development

By : Rupak Nepali
Book Image

OpenCart Theme and Module Development

By: Rupak Nepali

Overview of this book

Table of Contents (13 chapters)
OpenCart Theme and Module Development
Credits
About the Author
About the Reviewers
www.PacktPub.com
Preface
Index

FlexSlider


FlexSlider is a free responsive jQuery slider toolkit supported by all major browsers, with many custom options and mobile support. It is simple and supports both horizontal and vertical slide orientations. It has fading animation and is supported by the latest jQuery version. Most of the code used in the upcoming steps is from the FlexSlider creator.

You can download FlexSlider from https://github.com/woothemes/FlexSlider. Let's get started with FlexSlider in four easy steps:

  1. Link the FlexSlider CSS file and the JavaScript file.

  2. We have to add jQuery, flexslider.css, and jquery.flexslider.js. You can add the following code to the head section of the code:

    <!-- Place somewhere in the <head> of your document -->
    <link rel="stylesheet" href="flexslider.css" type="text/css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
    <scriptsrc="jquery.flexslider.js"></script>
  3. Now, add FlexSlider markup in the &lt...