Flexslider Pro theme for WeaverPix

Introduction

FlexSlider is powered using the popular FlexSlider version 2.0 jQuery plugin. FlexSlider is a lightweight alternative to many other slideshow plugins, but still boasts a broad range of customizable settings, responsive behaviour and swipe support for mobile and tablet devices. This WeaverPix theme works great as a standalone slideshow within a page, or it can be incorporated into a theme header, banner or ExtraContent container.

FlexSlider works reliably on all modern web browsers, including IE7, IE8, IE9, IE10, Safari, Firefox, Chrome and Opera. On older web browsers, embellishments like slideshow animations and CSS rounded corners degrade gracefully.

For best results, use images which are all the same dimensions. In this theme, images are scaled horizontally to fit within the slideshow container. The max-width setting in the theme options can be used to constrain the total width of the slideshow container, to avoid gaps around the images.

Key features

• FlexSlider Pro has additional style and behavioural settings, making this the most powerful and customizable FlexSlider plugin available for RapidWeaver.
• The FlexSlider slideshow is one of the most popular and most widely used / supported jQuery Javascript slideshow effects in web design.
• FlexSlider is reponsive and automatically scales images in both responsive and non-responsive RapidWeaver themes.
• Images placed in Flexslider can have caption content applied and the style of those captions can be adjusted.
• FlexSlider is easy for end users to navigate, and supports both pagination navigation bullets and navigation arrows.
• On Android and iOS devices, users can navigate through the slideshow using swipe gestures.

Screenshots

Requirements

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

• A RapidWeaver theme with an HTML5 Doctype
• RapidWeaver 5.3 or later
• WeaverPix 3.1 or later

It is 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 20 articles covering various topics releating to WeaverPix.

4) Get in contact via the Javabean 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 querry releates to.