When an Album cover is hovered, you will see a view-icon (an eye), this option allows you to adjust the size of this icon. Here you can control the corner roundness of the image count background. These inputs simply allow you to set the padding around the number of the image count. This allows you to adjust the top and right offset of the image count, in case you want to push it in further or bring it closer to the edge. This option controls the font-size of the count number. You will find an image count in the top right corner of the album cover. Here you can set the font-size for the title & description in the album cover. This option controls the corner roundness of the Album Cover. Note they the padding is not applied to the album cover image, it is added around the album cover title & description area. These inputs control the padding of the album cover. Here you can specify the width and height of the album cover image. This dropdown simply allows you to select the horizontal alignment of the Album cover. This is the main image that will be displayed inside of the album cover. Here you will find the sizes and positioning options for the condensed album cover, the first thing that users will see. The Desktop breakpoint will begin anywhere beyond the tablet breakpoint value. Here you can set the specific pixel values at which the tablet, and mobile breakpoints begin. There are certain options included in the stack that are applicable only at Desktop, Tablet, and Mobile breakpoints. Note: There is no need to adjust z-indexes for multiple album stacks, as this is handled automagically ] Breakpoints If you find that album is being hidden behind something, increase this value. Z-indexīecause the Album gallery is full-page and fixed, we've included a z-index option for those with other fixed content on their site. This is the title & description of the album that wil be displayed on the album cover, as well as at the top of the full-page image gallery. Here you can set some general options for the stack such as the Album title & descriptin, z-index, and responsive breakpoints. You can learn more about all of the stack options below. If you want to simply use one image, check the "Use full-images as thumbnails" option.
Gallery stack rapidweaver full#
First, you will see that you can add a smaller thumbnail image, and then separate full image.
If you click on one of the images, you will find some options in the settings panel. When the stack is first dragged onto the page, you will find that there are 3 images added initially. After that, add images using the ( + ) button in RapidWeaver. _-Īlbum is super easy to get started with! Simply drag the stack onto a stacks page, edit your album cover & colors. Of course, if you have any questions along the way, you are always welcome to visit the support page and leave us a message.
Gallery stack rapidweaver how to#
See exactly what your users will see.Here you can learn how to use the Album condensed image gallery stack from Weavium. Preview your form layout prior to publishing. No third-party services or accounts required. Seamless integration with Rapidweaver and your existing Rapidweaver based site.
An example can be seen here.Įdit-mode UI and Published content both look great on Retina based displays. Items built specifically for use on Catalog/Online Store style pages where images will position based on the layout ( grid or list ) chosen by user. Items built specifically for use on FAQ style pages where clicking the title will reveal the content. An example can be seen here.įilter makes it super simple for your users to drill-down to the exact item they are searching for using combo filters. An example can be seen here.Ĭreate stunning photo galleries using Filter to display the photos in a fancy lightbox. This layout is similar to what Pinterest does. It works by placing elements in optimal position based on available vertical space, sort of like a mason fitting stones in a wall. Item sizes can be set with percentages for responsive layouts. Rearrange the order of item elements based on their data. Items that match that filter will be shown. Hide and show item elements with the filter option.
0 kommentar(er)
