Separate Layout and Content Tabs
The module has separate Layout and Content tabs, which allows merchants to assign one employee to manage the layout and another employee to manage the content. Each employee will only be able to access the features related to their job.
Predefined Responsive Layouts
The module comes with four predefined responsive layouts: Simple Full, Simple Half, Hero Slider and Product Slider. The simple layouts display either full-width or half-width blocks in desktop view and full-width blocks in mobile view. The Hero Slider layout displays a large block for a slider, two small blocks on the side for images and a full-width block below for products. The Product Slider block displays a half-width block for a slider along with many vertical and horizontal blocks for products.
Customized Responsive Layouts
The predefined responsive layouts can be modified and entire new layouts created using the Layout tab. A layout is made up of a number of blocks of varying width and height and will repeat if there are more content blocks than layout blocks. Each block has a height in pixels and a separate width on high-resolution, desktop/laptop, tablet and mobile displays, specified as a fraction of a twelfth. For example, 6/12 is half width and 12/12 is full width. Blocks can be enabled or disabled and repositioned for maximum flexibility.
Layout and Content Previews
The module has a demo mode that allows layouts to be previewed with placeholder images. All changes to layout and content are saved in a test area, which allows the content to be previewed before committing to publish it to the live site.
Customizable Swiper Sliders
The module uses Swiper to provide touch-friendly sliders with hardware-accelerated animations. The Preferences tab displays the default slider settings, which can be overridden on a per-block basis if needed. The slider can slide images horizontally or vertically and display navigation arrows and a scrollbar. There is also the option to loop from the last slide to the first slide.
Multiple Effects and Pagination
There are multiple slide effects including slide, fade, cube, coverflow or flip. There is the option to have pagination buttons as simple dots, numbered dots, a progress bar, or a fraction with the current image number and the total number of images.
Sliders can automatically navigate images without any interaction. How long to wait before automatically navigating can be configured along with options to pause autoplay on hover and disable autoplay altogether on interaction.
It is possible to add slider blocks with multiple images. Each image can have a caption for screen readers, a title and text that can appear over the top or bottom of the image, and a link to navigate to when the image is clicked.
There are also product sliders that contain new products, specials, top sellers, or products from a specified category. There are options to set the number of products to display and even specify exactly which products to include in the slider.
A block may contain a video that has been uploaded to a popular video-sharing website such as YouTube. An autocomplete popup displays the correct link format as the video URL is typed. The video is displayed responsively and can be viewed full-screen.
Widgets and Custom HTML
On the Preferences tab, there is a text field where the portal's CSS can be modified and new CSS added, in case further customization is needed. There is also a "Revert CSS" button that can be used to restore the original portal CSS if needed.