Pictuesque portfolios, beautiful bodegas and so much more
Bloom is great for sites such as digital portfolios and online shops. But Bloom is far from limited to just these tasks. Its versatility and configurability allow it to be used for any number of image presentation purposes.
Bloom is easy to use for both you and your visitors
Build your Bloom expandable sliders with very little effort. Its ease of use gives you the time to focus on your content and imagery instead of fiddling with building out your layout.
Images
Bloom allows you to include up to 10 images in each slider. This allows you to use a variety of images for each Bloom stack.
Image Location
Choose whether to place your images on either the left- or right-hand side of the content. This adds flexibility to your page design and layout.
Labels
You can set labels for each of the Bloom stacks on your page in Edit Mode, changing not only the label text, but its background color as well.
Icons
Choose to use either white or black icon overlays for your images as well as whether the Zoom icon should be visible at all times.
Popup Gallery
Clicking on an image in the stack brings up a slider that covers the content of the stack, and allows the visitor to scroll through all of the associated images.
Rounded Corners
You're able to adjust the roundness of the corners of your images to give them a subtle, clean look and match the style of the rest of your page.
Scroll In Place
When a visitor chooses to enlarge your images, opening the slider, you can have the stack scroll the browser so that the full-size image moves upwards into view.
Choose Breakpoint
Choose whether to have Bloom switch to mobile mode at either the iPad landscape or portrait widths.
Samples
Image based portfolio
Create vibrant, easy to use portfolio pages to show off your work and show your visitors what you're truly capable of.
Candid portraits
Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper. Felis aliquet egestas vitae, nibh ante quis quis dolor sed mauris. Erat lectus sem ut lobortis, adipiscing ligula eleifend, sodales fringilla mattis dui nullam. Ac massa aliquet.
On location
Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper. Felis aliquet egestas vitae, nibh ante quis quis dolor sed mauris. Erat lectus sem ut lobortis, adipiscing ligula eleifend, sodales fringilla mattis dui nullam. Ac massa aliquet.
Transportation
Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper. Felis aliquet egestas vitae, nibh ante quis quis dolor sed mauris. Erat lectus sem ut lobortis, adipiscing ligula eleifend, sodales fringilla mattis dui nullam. Ac massa aliquet.
We're just scratching the surface
These are just a few of the many things you can do and build with this stack.
Documentation
What does this setting do?
In addition to the tutorial walk through video, at the top of this page, we also offer detailed documentation for each of the settings within the Bloom stack. This helps in both the creation of your sites but as well as in making the decision to purchase Bloom.
You can find the full documentation and tutorials for Bloom, as well as all of our other products in the Elixir Support Hub.
Requirements
What will you need?
Capsule relies on the Stacks API to load icons and other tools needed for features in this stack. Let's look at the required software as well as the browser support for this stack.
What you need
As mentioned, we use the latest Stacks API for the Capsule stack to help facilitate its functionality. You'll need the following tools to make use of Capsule for your site:
- RapidWeaver v8 or newer
- Stacks v4 or newer
Browser support
This stack is designed with modern browsers in mind to give your visitors the best experience possible. Capsule will work nicely in the most recent versions of these browsers:
- Safari
- Firefox
- Chrome
- Edge