Submit your widget

jQuery one large product per slide colorful slider for showcasing

Created 4 years ago   Views 18798   downloads 5379    Author sequencejs
jQuery  one large product per slide colorful slider for showcasing
View DemoDownload 903.7 KB
Share |

This is a minimal theme ideal for displaying one large product and title per slide. The background transitions between each slide as the user navigates through products.


    To add a Sequence.js theme to a web page, complete the following:

    1. Download and unzip your theme
    2. Move the mono folder to the same folder as the page you'd like the Sequence.js theme to appear on
    3. Add the theme's stylesheet within the <head></head> tags on your page, below existing stylesheets. For example:
      <link rel="stylesheet" href="mono/css/sequence-theme.mono.css" />
    4. From mono/index.html, copy everything inside the <body></body> tags, then paste into the page you'd like the theme to appear on.
    5. From mono/index.html, copy any <script></script> elements found toward the bottom of the page and paste just before the closing </body> tag. This should include a reference to the Sequence.js library, its third-party dependencies, and the theme's options, for example:
      <script src="mono/scripts/imagesloaded.pkgd.min.js"></script>
      <script src="mono/scripts/hammer.min.js"></script>
      <script src="mono/scripts/sequence.min.js"></script>
      <script src="mono/scripts/sequence-theme.mono.js"></script>
    6. Save your page and view in the browser.

    Refer to your theme's README file for any additional instructions.


Tag: slideshow