Feature Slider is a slider that displays a headline, an icon or an image and a short description with a 'Learn More' button and is ideal for product presentation, or portfolios etc.
Let's say that you're advertising real estate, promoting art, or selling an assortment of products; drop Feature Slider into your Stacks' page and you have the perfect vehicle to do so.
Feature Slider may be configured to display as compact sliders in multiple columns, e.g. to present your staff from multiple departments, or as a full-page slider to present a portfolio. In its base configuration, Feature Slider displays an icon, but is readily set to display an image. The 'Learn More' button can then open a new page (or lightbox) to display more information about the product advertised.
As with all recent 1LD stacks, Feature Slider is fully customisable and the settings panel is a cubit long. Via the child stack settings each slide is individually customisable.
Autoplay – Deactivated by default
Active Slide – Slide that is displayed on page load
Max Width – px
Max Height – px
Settings for all font, image and button sizes
Settings for all colours
Feature Slider is yet another 1LD stack that is not only timeless but versatile. I can envisage multiple uses for it. I'm sure you can too.
50/50 Slider displays a title, a caption text, a button and an image – now you're thinking "Yeah, so do many other sliders!", but this is where the name 50/50 comes into play; one half of the stack displays your text content, the other half displays your image. When you click the stack's navigation button, the text content slides from left to right to reveal the next content – 50/50.
50/50 Slider will fill any container that you drop it into and by adjusting its max width and min height, it can easily fill your screen. On mobile 50/50 transforms to display your image above the text content.
As we have recently become accustomed to with 1LD stacks: the settings panel reveals a plethora of configuration options, making 50/50 Slider completely customisable. So here's a condensed version of the…
General – Max Width, Min Height, Mobile Point, Radius, Content Align
Slides – Hide Titles, Hide Text, Hide Buttons, Title Font, Text Font, Padding, Title Size, Title Spacing, Text Size, Text Spacing, Button Configuration, Mobile Height for Image
Slide Navigation Configuration
Custom Slide Colours
The main stack settings are for the global appearance of the slider, however, each slide child may be customised individually.
1LD has once again produced an innovative stack that is both modern and timeless. This is an effective slider that is simple to configure and will find great popularity.
The only thing that I could wish for is an option to swap the image/text positions…
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'.
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.
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!
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.
Hurry, hurry, hurry, the Black Friday promotion ends soon…
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*!
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.
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.
Links to the developers ® All trademarks cited on this page are the property of their respective owners.
Subscribe to Ninja News
or ask a question
Yes, I would like to receive your monthly newsletter.
No thanks, I’m good for now. I have a different issue.
[1-1], thanks for subscribing. If you made a further request, I’ll get back to you – typically within 24 hrs.
[1-1], thanks for contacting me. I’ll review your mail, and get back to you – typically within 24 hrs.
Thanks again for contacting us. Your request was successfully submitted.
Looking for Inspiration?
Looking for Inspiration for a new site, or need a CTA
The Latest & Greatest
Do you have a question regarding RapidWeaver?
Would you like help with your new project?
Would you like us to build your new RapidWeaver website?
265 Moo 2
Mae Na Toeng Nai, Pai
Mae Hong Son
We design websites and print-products for small businesses at reasonable prices. We specialise in Responsive Web Design.
We do not harvest or sell personal information.
© rjh web design 2010—17
Powered by rjh-design
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.