RapidWeaver Stacks, PlugIns, Themes ...
menu Menu

rjhweb design

rjhweb design

fast, flexible fair

Ninja News

RapidWeaver News & Reviews

Testimonials in RapidWeaver

An eon ago, I purchased cleanQuotes from One Little Designer. I used it for a while, but then decided to build my own quote slider which, with variations, I've used ever since. cleanQuotes is getting a little long in the tooth. It was built for Stacks 2 and while cQ is quite versatile, the interface reflects its age. 1LD has just taken another look at cleanQuotes and decided to revitalise the stack. The result is a fresh new stack – Testimonials.

Testimonials is a crisp new take on quotes. A slider with a thousand options that allow you to present your quotes exactly as you want them. There's not a single design aspect that can't be altered. Take a peek at the stack settings and you'll see what I mean. You could spend the whole day tweaking and refining!

When you drag the stack into an RW Stacks page, you are presented with a single child stack that contains your first quote. The default quote is a black and dark grey design. Perhaps not appropriate for every site, so you're going to want to change the colours of the background, decide on your font format and colour (the usual 1LD collection of 13 fonts, plus custom are available), set the format and size of the quotation marks, or hide them top and/or bottom (again, there is the choice of 13+ fonts for the quotation marks).
Further, you can choose the font (13+) for the name, or hide the name entirely and you can choose between star ratings, or hearts, or hide the rating. Finally you can display an Icon above, or below the slider. In the child stack settings, you can replace the icon with an image of your choice…
… Oh and then there's the slider buttons which can also be hidden if you only have a single quote, or have set Testimonials to 'Autoplay'.

Stack settings
No, absolutely not. I refuse! If I list all of the possible settings, I'll still be here next week and this post would be three feet long. Suffice it to say, they are endless!

Testimonials is a great replacement for cleanQuotes and if you previously purchased cQ, you can expect a special upgrade offer to land in your inBox very soon.


BFS2 – Slidetastic From Weavium

Also just in time for the BlackFriday promotions, Weavium has released three new stacks. Two of the stacks are free and I shall be reviewing them later. Slidetastic is a new take on an image carousel.

So once more the question – do we we need yet another image slider for RapidWeaver. Well, just last week, I answered my own question by requesting that a developer add new functions to an already existing stack. Slidetastic almost does what I requested.
Slidetastic is a simple image carousel and (as yet?) doesn't have a lightbox function. Nevertheless, Slidetastic is an interesting stack that many Weavers will appreciate. Easy to use and very flexible, Slidetastic arrives with three separate stacks: The base stack, a Slide child stack and a Slidetastic Image stack.

So how exactly is Slidetastic different to other image sliders?
First off: Slidetastic can display a single image or a row of images. When using an odd number of images within a row of images, the centred image may be focussed whilst the images left and right of it display with reduced opacity.
Second: The Slidetastic Image Stack has containers for a caption Header and a full sized caption text. Both may individually be displayed constantly, or can appear when the image is hovered.
Third: I guarantee that you've seldom seen a slider stack where the navigation is so highly configurable as Slidetastic with over a dozen options!
Fourth: Slidetastic can display just about any stack you please in addition to the standard Slidetastic Image stack. Even in combination with the Image stack!Slidetastic – Weavium
Obviously, Slidetastic has autoplay, loop and pause on hover settings. The loop is actually a "scroll-back-to-beginning" setting, but that's splitting hairs.
It is interesting to note that the number of slides displayed simultaneously may be set individually for Desktop, Tablet and Mobile, as can the number of slides to scroll and the distance between the slides in each case.

The navigation buttons? Yes – as already mentioned: flexible. Above, Below, Left, Right, Full height, Within, Without, Stacked…
… the options go on and on. With the Navigation dots, you'll need to be a little flexible and think inside the box. They are placed within the slide by default and if you'd prefer them to be outside, you'll need to add padding.
Slidetastic – Weavium

Hurry, hurry, hurry, the Black Friday promotion ends soon…


Kick-Ass Gallery For RapidWeaver

Gallery 3.4 for InStacks isn't a new product, but it is an extremely powerful gallery that is constantly being updated. Jannis just updated Gallery again – for Stacks 3.5 and is currently working on a new feature, revising the documentation and working on instruction videos. I just went through the documentation and don't find it lacking in any way, but Jannis obviously has other thoughts.

Jannis describes Gallery 3 [G3] as 'Kick-Ass', so what puts the kick into this stack?
Well, first off, you can choose from 10 different grids, 6 different lightboxes and 5 different sliders.
These choices alone are kick-ass, but then come Gallery 3's integration options. You can integrate G3 with the Bootstrap, Foundry and Foundation frameworks, plus Armadillo, Easy CMS, Pulse CMS, Sentry and Total CMS; and – if that's not enough – Adobe Behance, Apple iCloud and FTP folders. Oh, I almost forgot, you can drag and drop your images directly into G3 too and Thumbnail images are created automatically. Now tell me that's not as versatile an egg*!

Gallery 3
Stack settings

When you drag G3 onto a Stacks page, you'll find a container with two child stacks.
You can play around with the upper container for hours choosing the Grid, or Slider that suits your taste/purposes. There are fifteen options to choose from, five of the options are framework based. Not having all of the Frameworks, I was only able to test the Foundation Grid. However, the other Grids/Sliders offer plenty of choice.

When you've selected your grid, you can open the settings panel – I'd begin with the main G3 panel where you can set the number of columns displayed in edit mode, a smaller grid makes it so much easier to add images.
Main Max Width sets the gallery width, you can add your own size definition in px, %, or rem. Setting 0 allows G3 to fill the container it is placed within.
CSS Filter. There is a choice of 21 different CSS Filters for your thumbnails.
Disable Context menu does just that – your visitor will be unable to right click an image to download it.
Shuffle / Randomize Images loads the images in a different order every time the page is reloaded.

Grid/Slider settings panel. In the settings panel for Grids, you can set the maximum number of columns for four different viewports.
In the settings panel for Sliders, you can set the maximum image height.

The lower child stack is where you add your images. The child stacks include:
Image – drag your images into the child stack.
Image + Thumb – drag and drop your images – thumbnails are automatically created.
Image + Thumb Pro – Drag your images into the settings panel container and add an Alt Text.
Adobe Behance images – Set the API and Project name in the settings panel.
Apple iCloud - Set the URL and number of images to be displayed in the settings panel.
FTP Directory/Web Folder – Set the path and the information to be displayed in the settings panel.
Armadillo/Sentry Integration - No settings necessary.

Each thumbnail is set to Square by default in the image settings panel. If you wish to use the Grid-A-Licious (Masonry) option, you will probably want to deactivate this option for each image.

If you wish to add G3 to one of the CMS solutions available, you'll find detailed instruction on how to do so on the Tutorial Page.

G3 – not new, but freshly and regularly updated. You won't find a more powerful gallery in the RW or any other scene!

*Boiled, poached, scrambled, fried, coddled, 1000 year old, pickled and a myriad of culinary functions.


Pagelit Is The New Booklit For RapidWeaver

1LD just announced that the popular Booklit stack has been replaced by Pagelit. Pagelit has been rebuilt from the ground up with a focus on performance and realism using the latest web development techniques.

I used Booklit a number of times for online menus and catalogues, When I downloaded Pagelit, I didn't know what improvements to expect, but there are quite a few.
But let's start at the beginning – you may not have seen Booklit.

What is Pagelit?
Pagelit is a stack that will allow you to build an online book(let) with pages that turn when either the page, or the navigation is clicked.
Yes, there is software available that will transform a PDF into a flip book, but Pagelit lets you build your books, or magazines directly within RapidWeaver – using stacks to build the pages.

Booklit was, in my opinion, hampered by the fact that it only allow preset page ratio formats e.g. 16:9, or 4:3 etc. This limitation has now disappeared and you can build your books at any size you please – full page, if you wish – so, with the fact that you are using stack functions, you can just imagine the possibilities…

One important restriction has remained – as with most lightboxes, you can not use stacks within Pagelit that must load in an opened state when the page is parsed. Otherwise, almost anything is possible. The iFrame above displays a very simple example with images, or a single text box on each page. The page size is deliberately small at 400px x 400px. The images have not been optimised and are quite large. I have made no attempt at designing a complicated layout. The settings are otherwise the basic settings.
However, I may just publish my next book as a Pagelit book.

Due to the page ratio restrictions, Booklit's layout options were somewhat restricted and a page could appear disrupted at some screen sizes.
Pagelit has displayed no such problems in my tests – it is fully responsive – but you may wish to hide your book from view on mobile phones if you have a lot of text content.

The new page turning options in Pagelit are Book with hard cover and 'soft' pages as demonstrated above. Book with 'stiff' pages, similar to children's books and the previously available option with 'soft' Title page and content – Magazine.

Whereas Booklit could display an online option to show your books with a fullscreen overlay, with Pagelit, you will need to decide before publishing whether to display your book, or magazine inline, or as an overlay.

One useful new feature is the option to automatically add page numbers to your publication. The pagination may then be used as a navigation help, resulting in three methods of navigation – Simply by clicking on the next/previous page; clicking on the forward/back buttons, or by entering the page number.

1LD PagelitStack settings
General Settings
Type Book - Soft Pages, Book - Stiff Pages, Magazine
Page Width / Page Height
Margin Top/Bottom
Cover Size+ (%)
Navigation Page Click, Buttons, Page Click & Buttons

Page Settings
Page Rounding
Page Padding
Page Shading (enable/disble shadowing)
Enable Page Numbers
Font Size
Animation Speed/Quality
Pop Out (enable page overlay)
Loader Size / Loader Colour

The Page Child stacks also display settings when active – they will allow you to add full sized images, or a background colour to each page. Images may be local, or warehoused.

Pagelit is a unique stack for creating booklets within RapidWeaver. I can't imagine writing a 500 page book with it, but for an restaurant's interactive menu, or a product catalogue Pagelit is ideal. I'm sure that it will be even more popular than Booklit.

For further demos and a full list of new and optimised functions, list the Pagelit homepage.


Liquid Image Slider

At the risk of repeating myself – every Stacks developer has at least one slideshow in his stables. We're really spoiled for choice. Variety enlivens business, so to add some life to the scene, here's another one. Liquid Gallery from RWExtras.

Liquid Gallery is an attractive, responsive and versatile gallery that is simple to set up, yet offers options and silky smooth transitions that other gallery stacks don't have. Twenty eight transitions in all, including a simple fade, blinds and mosaics. Options include animated captions that gently slide up into view once an image has loaded and thumbnails. Images and thumbnails may be dragged into the stack or loaded from warehoused images.

Once Liquid Gallery is dragged into your project, you'll find a stack with extensive setup instructions (which, of course, may be hidden) and the Stacks 3 + button to add a child stack. The child stack has two options: Dragged And Dropped Image, or Warehoused Image. Choosing Dragged And Dropped presents you with an Image Container, a Thumbnail Container and a Caption Container, whilst Warehoused has the same Caption Container plus the settings for your linked image/thumbnail. There is also an option for both dragged and warehoused images to set an external link.

The instructions advise that the Caption may be added via either simple text, an HTML, or a Markdown stack. I'm lazy, so I tried adding a paragraph stack – which worked equally well. The caption formatting is governed by the theme that you choose.


Stack settings.
Liquid Gallery first requires you to choose where your gallery should be positioned. The default setting is Normal Page Flow. The options are Theme Extra Content Container, or Theme Flood Freestyle Banner.
Next you can agonise over the Transition Effect. Did I mention that you have a choice of 28 transitions? All silky smooth? The Transition Speed and the Interval are set in milliseconds. A Progress Indicator is added by default, but may be deactivated. The Loader Type may be set to Pie (default), or Bar. The Pie position can be set further down in the stack's settings, the progress bar is displayed below the images.
The next stack options include nine settings for the navigation display and an option to crop portrait images.

The Liquid Gallery Style Settings include Button Theme with a myriad of colours to choose from, Pie Position, Loader Padding, Loader Stroke, Pie Size and Loader Colour. The remaining settings cover the Caption Content colours, the Pagination colours and the Thumbnail settings.
As already mentioned above, both captions and thumbnails are optional.

Liquid Gallery is well thought through. It's settings are quite minimalistic, but the results are beautiful. And – as with all RWE stacks – Great value for money.


Show more posts

  • Stacks Image 35399
  • Stacks Image 35402
  • Stacks Image 35405
  • Stacks Image 35408
  • Stacks Image 35411
  • Stacks Image 35414
  • Stacks Image 35417
  • Stacks Image 35420
  • Stacks Image 35423
  • Stacks Image 35426
  • Stacks Image 35429
  • Stacks Image 35432
  • Stacks Image 35435
  • Stacks Image 35438
  • Stacks Image 35441
  • Stacks Image 35444
  • Stacks Image 35447
  • Stacks Image 35450
  • Stacks Image 35453
  • Stacks Image 35456
  • Stacks Image 35459
  • Stacks Image 35462
  • Stacks Image 35465
  • Stacks Image 35468
  • Stacks Image 35471
  • weaverthemes
  • Stacks Image 35477
  • Stacks Image 35480
  • Stacks Image 35483

Links to the developers ® All trademarks cited on this page are the property of their respective owners.


Don’t miss a post!
Sign up for our monthly newsletter.

A monthly digest of all the latest updates from our RapidWeaver blog, keeping you up to date with the hottest new stacks and themes.

* indicates required

Contact Information

My Image

rjh web design

265 Moo 2
Mae Na Toeng Nai, Pai
Mae Hong Son
Thailand 58130

About Us

We design websites and print-products for small businesses at reasonable prices. We specialise in Responsive Web Design.


This site uses Cookies to determine the best method of display in combination with your browser.
We do not harvest or sell personal information.
© rjh web design 2010—16

This website was built with loving care on a Mac using Foundation. For more information, contact me.