Thanks! Please check the following:
System requirements
License agreement
Refund policy
Purchase process
Customer support

System requirements
All the stacks sold through this website require RapidWeaver and the Stacks plugin. They simply will not work with other publishing platforms (like Flow, Drupal or Wordpress).

We recommend you aim towards installing the latest version of RapidWeaver that your computer is capable of running (preferably RapidWeaver 7 or greater) and Stacks 3 or later. Both are a separate purchase if you do not own them already.

Stacks4Stacks generously provides you fully-functioning free demo versions of everything sold on this website. If you cannot get the free demo version to work, DO NOT proceed with purchasing the stack - because the purchased stack is unlikely to work too. Please request technical assistance first.

License agreement

You may use a purchased stack an unlimited number of times in personal or commercial projects and request technical support.

We permit you to install stacks onto all computers that you own. You are permitted to make archival backup copies (e.g. iCloud, Google Drive or Dropbox).

You may not resell, redistribute or make a stack available for download, remove copyright credits, license information, or claim the stack to be your own creation.

The software is provided "as is" without any implied or expressed warranty of merchantability or fitness for purpose. In no event shall the authors or copyright holders be liable for any claim, damages or other liability, whether in an action of contract, tort or otherwise arising from, out of or in connection with the software or the use or other dealings in the software.

Refund policy
By purchasing from this website, you agree that your purchase will be available immediately via digital download and that you waive your statutory right of withdrawal.

All purchases are absolutely final. Refunds will not be provided (we physically cannot un-download or remove stacks from your computer) under any circumstances.

You are reminded to make use of the free demo versions already provided on the website, to fully evaluate stacks for compatibility and suitability before making a purchase.

If the free demo version does not work for you, simply do not buy the stack. Please request technical assistance instead.

Purchase process
The checkout system is provided by Paddle. An attempt is made to display prices in your local currency.

To complete your order, you must supply a valid email address. Your purchase receipt and download link will be sent to this address you supply. If you do not receive your purchase shortly after completing it, please carefully check your spam or junk mail folders.

Your purchases are available to re-download at anytime, via this secure order lookup page.

Prices shown on the website include any applicable VAT or sales tax. You will be sent a full receipt by email. Charitable and bulk discounts may be available on request. Please get in touch if you have any queries about our pricing.

Our order process is conducted by our online reseller is the Merchant of Record for all our orders. Paddle provides all customer service inquiries relating to order processing. Paddle also provides an order lookup system, commonly referred to as your Paddle Account.

Customer support
If you have questions that relate specifically to a stack, you should make contact via the contact page.
FancyViewer is a stack with a bit of an interesting development history! It was originally built by Aaron Marquez of StackManiac using the FancyBox 1.0 plugin. When StackManiac was acquired by Stacks4Stacks in August 2015, it was found the original FancyBox code no longer worked in Stacks 3 / jQuery 2 and needed major updates. Unfortunately by this point, FancyBox had moved on several versions and become a commercial (paid) lightbox plugin. The licensing cost was found to be too prohibitive to permit us to continue using FancyBox in the FancyViewer stack. So we instead decided to cannibalise a slightly older version of TopBox, which continues to be absolutely perfect for creating basic lightbox and modal window effects.

TopBox remains our flagship lightbox plugin for Stacks. It received a major update in 2015 with support for loads of new features and different content types. Quite simply, TopBox is one of the best lightbox solutions for RapidWeaver. However the truth of the matter is that TopBox may be overkill for simple lightbox and modal window effects. Especially in instances where you do not need next / previous navigation buttons or support for content types like audio or video. Sometimes you might just want to display a basic informational modal window (like terms and conditions) or have a couple of static images open inside a simple lightbox. And this is exactly what FancyViewer really excels at doing.

Don't think that FancyViewer is just an old stack given a new name! FancyViewer 2.0 is fully responsive and works reliably across all major web browsers and devices. FancyViewer is compatible with both Stacks 2 and Stacks 3. Minimal source code means that your pages will continue to load fast. The close button is retina display compatible (unlike the PNG and GIF icons that many other lightbox effects use). FancyBox can be triggered (opened) using content placed in the trigger region or custom links / buttons on your webpage.

FancyViewer 2.0 is a replacement to the original FancyViewr stack.


The gallery below was created by using 2 AdaptiveGrid stacks and placing FancyViewer stacks into each grid 'cell'. The photographs were stored in an online location. Clicking an image reveals it full size within FancyViewer. We used the default FancyViewer settings in this example.
FancyViewer stack test
FancyViewer stack test
FancyViewer stack test
FancyViewer stack test
FancyViewer stack test
FancyViewer stack test
FancyViewer stack test
FancyViewer stack test
This next example uses a Button stack placed on the page, given a URL of #, and a class attribute with a value of fancyviewer9 (which is the ID of this particular FancyViewer stack). This provides us with an efficient method towards triggering the FancyViewer stack from anywhere on the page. This example FancyViewer stack contains a Left Floating Image stack, with a section of rich text content, an external link and a custom close link. On smaller screens or devices, the content in FancyViewer will safely scroll vertically.


To get FancyViewer working in your website, follow these instructions...
  1. Once installed, drag and drop a copy of FancyViewer into a Stacks page type, in RapidWeaver
  2. In the stack settings on the right (shown in Stacks edit mode) be sure that each and every FancyViewer has a unique number (this is to prevent multiple FancyViewer stacks on the same page conflicting with each other)
  3. Remaining in edit mode, drag and drop content into the FancyViewer Trigger Region, such as an image, a button, some HTML code or a block of text
  4. Then drag and drop content into the FancyViewer Content Region, like images or text
  5. Customise any of the other FancyViewer style or colour settings shown. For example, you can apply padding, rounded corners, change the close button style or apply a window shade
  6. Preview your webpage. Click on the trigger region to make sure the FancyViewer opens. Publish your website when done

Supported content types

The emphasis of FancyViewer is on simplicity. We support all basic / static content types like plain text, styled text, HTML code, markdown and static images. More complex and / or dynamic content types like audio, video, AJAX and iFrames are much less likely to work (we do not officially support these in FancyViewer); and you'll probably find TopBox is better-geared towards handling these.

Triggering FancyViewer with custom links and buttons

In RapidWeaver edit mode, the unique ID for your FancyViewer stack is shown at the bottom of the stack. It will be shown as something like fancyviewer1. When creating custom links or buttons in your webpage, give the said element a class attribute and a value equal to the unique ID of your FancyViewer stack. For example:

<a href="#" class="fancyviewer1">Click me!</a>

The link or button should then open the corresponding FancyViewer stack when clicked. If you were adding links in RapidWeaver via the link dialogue window, then your link to trigger a FancyViewer stack might look something like this:

FancyViewer stack custom trigger link setup

There are no limits imposed on the number of custom links you create for FancyViewer stacks. If you're not using the FancyViewer trigger region, this can be safely left empty.

Triggering FancyViewer stacks via a URL query string

You can trigger a FancyViewer stack to open when the page loads, by using a custom query string in the page URL. This is typically done by appending a question mark and the FancyViewer ID onto a page link like this:

This link can be used in any pages or from locations like emails, Twitter, Facebook etc. However it should be noted that the FancyViewer will only fully display, once the entire page is loaded. This may make this method less suitable for slower-loading pages.

Closing FancyViewer with custom links and buttons

The process is almost identical to that documented above, for triggering FancyViewer with custom links or buttons. The only change is that the custom class name to use is always fancyviewerCloseTrigger.
Bookmark or share this page
Baidu 百度
Renren 人人网
Weibo 微博
Contact Us
Email This Page
Print This Page
PS: This bookmarking and sharing popup is powered using our brilliant SocialPopup stack!