Modern Slide In

Minimalist Horizontal Sliding Theme

Modern Slide In is a minimalist theme for showcasing products. Fully responsive to work across desktop, tablet and mobile devices. Each frame slides in horizontally from the right then fades out on exit. The pagination is represented by the products viewable in each frame. Includes previous and next buttons.

  • Responsive


    A maximum width of 1280px and layouts that scale down to 320px for mobile devices.

  • Touch Support

    Touch Support

    Touch swiping and tapping supported to allow for navigation between frames.

  • Cross Browser

    Cross Browser

    Works across all modern browsers, with a fallback theme in Internet Explorer 7, 8 and 9.

  • Easily Modified

    Easily Modified

    All Sequence themes can be easily modified using just HTML and CSS. This theme also includes a SASS file.

  • Layered PNG Included

    Layered PNG Included

    Layered PNG/PSD included to allow you to edit this theme in a graphics editing application.

Quick Installation

  1. Download the Modern Slide In theme which includes sequence.js
  2. Unzip and move the modern-slide-in folder to the same directory as the page you'd like the theme to appear on
  3. Add this themes stylesheet within the <head></head> tags on your page, below existing stylesheets:
    <link rel="stylesheet" href="modern-slide-in/css/sequencejs-theme.modern-slide-in.css" />
  4. Add a reference to jQuery 1.9.1, sequence.js and this themes custom options within the <head></head> tags on your page:
    <script src="//"></script>
    <script src="modern-slide-in/scripts/jquery.sequence-min.js"></script>
    <script src="modern-slide-in/sequencejs-options.modern-slide-in.js"></script>
  5. From index.html in the downloaded theme, copy everything inside the <body></body> tags, then paste into the page you'd like the theme to appear on
  6. Save your file and upload newly added/modified files to your web server. You're done!