Thanks! Please check the following:
Please read carefully! All purchases are final. Refunds will not be provided under any circumstances.

System requirements
License agreement
Refund policy
Purchase process
Pricing
Paddle
Customer support

System requirements
All the stacks sold through this website require RapidWeaver and the Stacks plugin. They will not install or work with any other publishing platforms (like Flow, Drupal, Blocs 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. This enables you to fully test addons before committing to a purchase. There are no time or functionality limitations applied.

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 any better for you. 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 private archival backup copies (e.g. iCloud, Disk Blaze, 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. This includes free stacks, demo stacks or paid stacks, in modified or unmodified states.

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 final. Refunds cannot 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 you cannot get the free demo version to work, DO NOT proceed with purchasing the stack - because the purchased stack is unlikely to work any better for you. Please request technical assistance first.

Be certain that the stack you are buying is actually the one you want, and that you don't already own it or are confusing it with another stack of similar name or functionality.

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

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.

Pricing
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.

Paddle
Our order process is conducted by our online reseller Paddle.com. Paddle.com 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.

General questions can be asked on the RapidWeaver Community Forums.
Expand
Now up to version 5, this latest version of SuperBox brings support for image captions, HTML content, optional links and an entire re-write of the underlying code used for the layout system. All these features combined make SuperBox an even more flexible solution for designing and deploying stunning image galleries. Not to mention, SuperBox is now easier to use.

Example

This is a working example of SuperBox, using the default settings and the demo images supplied in the stack. You can download a fully functioning demo version of SuperBox using the button towards the top of this page. Click the thumbnail images to reveal the full size image and their associated caption content. You can also navigate through the gallery using your left / right keyboard keys.
 
Image 1.
Image 2.
Image 3.
Image 4.
Image 5.
Image 6.
Image 7.
Image 8.
Image 9.
Image 10.
Image 11.
Image 12.
Image 13.
Image 14.
Image 15.
Image 16.
Image 17.
Image 18.
Image 19.
Image 20.
Image 21.
Image 22.
Image 23.
Image 24.
Image 25.
Image 26.
Image 27.
Image 28.
Image 29.
Image 30.
Image 31.
Image 32.
Image 33.
Image 34.
Image 35.
Image 36.
Image 37.
Image 38.
Image 39.
Image 40.
Image 41.
Image 42.
Image 43.
Image 44.
Image 45.
Image 46.
Image 47.
Image 48.
Image 49.
Image 50.
Image 51.
Image 52.
Image 53.
Image 54.
Image 55.
Image 56.
Image 57.
Image 58.
Image 59.
Image 60.
Image 61.
Image 62.
Image 63.
Image 64.
Image 65.
Image 66.
Image 67.
Image 68.
Image 69.
Image 70.
Image 71.
Image 72.
Image 73.
Image 74.
Image 75.
Image 76.
Image 77.
Image 78.
Image 79.
Image 80.
Image 81.
Image 82.
Image 83.
Image 84.
Image 85.
Image 86.
Image 87.
Image 88.
Image 89.
Image 90.
 

Setup

Irregardless of your skill level, SuperBox is a stack anybody with modest RapidWeaver knowledge will have no difficulty in using. Follow these steps to get started:

  1. Install SuperBox following the normal installation procedure for all new stacks.
  2. On a Stacks page type, open your Stacks library and search for 'SuperBox'.
  3. Drag and drop a copy of SuperBox into your webpage.
  4. Click on the blue button to add a new image source. We recommend the demo images, if you are just getting started.
  5. Selecting the main SuperBox in edit mode gives you access to all its style and colour settings.
  6. If you select image sources in edit mode, you can use the interface to reference or add your own images.
  7. Preview the webpage to see the image gallery. Save your changes and export or publish when done.

As normal, mousing over any SuperBox settings will display an informational tooltip about what each setting does. You will find settings to adjust the height of expanded SuperBox panels, plus controls for navigation and caption positioning (if enabled). Spend some time experimenting with the different settings.

Please note; keyboard navigation and anchor navigation does not work reliably in RapidWeaver preview. It is best to preview or export your SuperBox page to a normal web browser window, to test this. Normal web browsers have a full address bar and the keyboard shortcuts you use will not conflict with those that RapidWeaver and Stacks uses.

SuperBox Sources

Four content sources are offered in SuperBox.
  • Demo Images loads 45 sample images and dummy 'lorem ipsum' captions. These images are repeated twice, to give a total of 90 images. This is a good image source to use if you want to quickly experiment with SuperBox, before using your own images.
  • Dragged and Dropped images are images you drag and drop into RapidWeaver. This is the easiest image source to use, however it will cause your RapidWeaver project file to grow in size, as it starts to store all the images.
  • Warehoused Images are images you setup using links. This is a good option to use if your images are stored at another location or you don't want to burden RapidWeaver with too much image data. It also works for images you have added to RapidWeaver as resources.
  • Content / HTML Only gives you the choice of using either a dragged and dropped thumbnail image or a warehoused image. The expanded SuperBox panel contains only written content or HTML (no full size image).
For best results, use square images (images of equal width and height) for the thumbnail images. Although you can use landscape or portrait images for thumbnails, this can give the result of the thumbnail grid looking more disjointed and less aesthetically pleasing. Full size images can be of any shape, and the clever 'flexbox' layout system SuperBox uses will help position your images and written content to gain the best possible fit, in the available space.

Both caption and HTML content is supplied to SuperBox via HTML data- attributes. Please take care to ensure that caption content avoids the use of any double-quote characters, and HTML content avoids the use of single-quote characters, as these could break the syntax.

Light and dark modes

Colour pickers come in two pairs - light and dark. Light is what most people will typically see when browsing the internet. However some computer operating systems like Mac OS Catalina provide the option of a 'dark mode' or 'night mode'. If dark mode is detected, then the dark colour scheme is used. Typically as the name suggests, you would setup a darker background fill and revert the text colour and navigation to white. Dark mode can look stunningly beautiful for big, high impact photo galleries.

Creating thumbnails and full size images

JPG is the best format to use for all images in SuperBox. All images should be saved at 72 DPI and it's recommend you optimise them to reduce file sizes even further. Free software like Resize Master is perfect to use for creating batches of thumbnail images, generated from your full size images. Ideally thumbnails should be square (equal height and width) to prevent the grid becoming disjointed; whereas the full size images can be any shape you like.

Anchoring to SuperBox items

Each item you add to SuperBox can be allocated a unique anchor. To do this, select the SuperBox item in edit mode to reveal its settings. Within the Optional Anchor box, give the item a unique ID. Much like all ID selector names you use in web development, the ID must start with a letter and contain no spaces or special characters (spaces can be safely replaced with hyphens or underscores). Assuming that you gave a SuperBox item a unique ID of cute-puppy then you can link to it by appending the anchor onto the webpage URL like this, with a 'pound' or 'hash' character:

https://example.com/mypage/#cute-puppy

As a real test, clicking this link reopens this same webpage in a new browser tab and opens the 20th item in our SuperBox example.