Orbit theme for WeaverPix

Introduction

Orbit offers WeaverPix users a simplistic image slider with beautifully smooth animation effects and a broad array of useful customisable settings. The Orbit slider works reliably with all major web browsers and mobile devices. Swipe gestures are supported on most tablet and smartphone devices, so that users on these devices and swipe-through a set of images. Captions can comprise of plain text, styled content or basic HTML code.

The Orbit slider was build using the open source Foundation framework and intended exclusively for use in RapidWeaver themes that use Foundation.

Key features

• Built exclusively for the Foundation web development framework, using the Orbit image slider component in Foundation.
• Easy to setup. Works with a variety of different image sources in WeaverPix, including local images, Flickr, Picasa, 500px, Dribbble and warehoused images.
• Improved print output (images and captions will be stacked vertically) when the page is printed or saved as a PDF.
• Flick-through the slideshow using swipe finger gestures on your iOS or Android device. Use pagination bullets or buttons on regular desktop web browsers.
• Orbit uses the latest HTML5, CSS and jQuery Javascript techniques from the Foundation framework. This gives you a slideshow that’s both smooth in operation and less resource-thirsty.

Screenshots

Requirements

These are the essential minimal requirements for installing and using this WeaverPix theme:

• A RapidWeaver theme which already includes the Foundation framework
• RapidWeaver 5.3 or later
• WeaverPix 3.3 or later

Because this WeaverPix theme is using Javascript and CSS code from the Foundation framework, it’s absolutely imperative that your RapidWeaver theme already includes the Foundation framework. Otherwise the slideshow will not work, and you’ll simply see a vertical stack of images and captions.

It’s recommended that you have automatic updates enabled in WeaverPix and that you install the free plugin updates as they become available.

Installation

Add a new WeaverPix page to your project on RapidWeaver (if it does not already have a WeaverPix page). Click into edit mode. Click on the weaverPix Themes button in the lower toolbar. On the new window that opens, click on the dark Manage Themes button.

In the theme manager window, click on the blue Install theme button at the top right. Choose the theme to install in Finder. Once added, the theme will be listed in the table.

Note that in the theme manager window, you can also use the provided buttons to get information about themes and delete themes you are not using any more. More information about installing and managing WeaverPix themes can be found on the support website.

Using your new theme

Once installed, simply select your theme for use in the WeaverPix themes window. Click on the activate button to enable it and apply it to your project. Follow all the normal instructions for adding images to your WeaverPix page, setting up a warehouse, providing image data or content, plus many other common tasks.

Support

There are many support resources available to help you use your new WeaverPix theme and get the best results from it. Alongside using the help buttons in WeaverPix, here are some other resources:

1) When you open the Themes window in WeaverPix, click on the About, Features and Credits tabs, to access more information exclusive to your WeaverPix theme. This information sometimes includes links to external websites and important instructions.

2) Theme options are all ‘tool-tipped’ and include a written description underneath each setting, explaining what it does.

3) Search the WeaverPix Knowledgebase. There are now over 30 articles covering various topics relating to WeaverPix.

4) Get in contact via the Chillidog Software website. To ensure a timely response to your questions, remember to include the name of the theme being used, the version number of the theme, the version number of WeaverPix you are using, a full written description of the issue and the link to your test page. If no test site is available, then provide a link to your RapidWeaver sandwich file instead and stipulate what page your query relates to.