Sections

View

Collage

The Collage section is a versatile layout option designed to create a visually appealing two-column display. It allows for flexible content arrangement, making it ideal for showcasing images, videos, and other media in a dynamic and engaging manner. Users can choose between different collage styles, such as having a large block on the left or right, to influence the visual balance and focus of the content. Key features include the ability to stretch content vertically, ensuring a uniform appearance across the section. This enhances the overall aesthetic by matching the height of the largest block in each row. The Collage section is optimized for responsive design, performance, and accessibility, ensuring a seamless user experience across devices. Practical usage examples include showcasing products with images and promotional videos, presenting a portfolio for artists or photographers, and promoting events with eye-catching visuals and details. These examples highlight the Collage section's flexibility and effectiveness in various contexts.

Read more

Featured product

The Featured Product section is a versatile tool designed to highlight a specific product on your online store. It allows you to display essential product details such as the title, metadata, variants, and an add-to-cart button. With customizable layouts and various settings, this section can effectively draw attention to individual products. Key settings include options for image aspect ratios on both desktop and mobile, column width adjustments, and gallery positioning. You can also choose how variant images are displayed and configure slideshow settings, including animation and pagination styles. These features ensure your product images are presented attractively across all devices. Practical usage examples include highlighting a new product launch by showcasing its images and variants prominently on your homepage. You can also use this section for seasonal promotions, displaying different product angles and uses. Adjusting image aspect ratios and column widths ensures a seamless shopping experience, enhancing user engagement and driving sales.

Read more

Hero

The Hero section is a versatile and visually impactful element designed to highlight key information or imagery at the top of a page. It serves as a customizable banner composed of various blocks, setting the tone for the rest of the page content. Users can control the placement and appearance of images and videos, ensuring optimal display across both desktop and mobile devices. Imagery and video settings allow for the inclusion of high-quality visuals, enhancing engagement and brand representation. Padding settings provide flexibility in adjusting the space around content, ensuring a balanced and aesthetically pleasing layout. The Hero section supports a range of block types, including Breadcrumbs, Button, Heading basic, Icon with text, Image, and Rich text basic, allowing for a tailored and dynamic presentation. Usage examples include creating a visual impact with high-quality images or videos, highlighting key messages with headings and text, and enhancing navigation with breadcrumbs. These features make the Hero section an essential tool for capturing attention and guiding users through the page.

Read more

Multicolumn

The Multicolumn section offers a versatile layout system that allows for the integration of various content blocks. It is designed to provide a structured format that can be customized to display multiple types of content effectively. Users can adjust the column count for different devices, ensuring optimal display across desktops, tablets, and mobile devices. Key features include content alignment options, the ability to stretch content vertically, and slideshow settings that enhance the visual presentation. The section supports mobile slideshow functionality, making it adaptable for different viewing experiences. Practical usage examples include using the Multicolumn section for product showcases, where a grid of product images and descriptions can be displayed. It is also ideal for feature highlights, allowing different blocks to emphasize various services or features. Additionally, customer testimonials can be presented in a slideshow format on mobile devices, creating an engaging user experience.

Read more

Product information

The Product Information section is a versatile tool for showcasing products, allowing you to include a product's title, key information, metadata, variants, and an add-to-cart button. It supports custom layouts through various blocks, making it adaptable to different presentation needs. Key settings include Gallery settings for customizing image display on desktop and mobile, with options for aspect ratio and style. Slideshow settings offer control over the display of product images, including column count, animation style, and autoplay features. For practical use, the section can be employed to create unique product page layouts by combining blocks like accordion for FAQs, testimonial blocks for customer reviews, and video blocks for demonstrations. Adjusting gallery and slideshow settings ensures optimal display across devices, enhancing user experience. Additionally, enabling autoplay and loop settings in slideshows can create engaging product presentations that capture customer attention.

Read more

Slideshow

The Slideshow section is a versatile tool designed to create dynamic slideshows that can incorporate various content blocks, such as images and banners. It offers customizable settings to enhance visual storytelling on your site, making it ideal for showcasing products, promotional banners, and customer testimonials. Key features include adjustable column counts for different devices, ensuring optimal layout and readability. The Slideshow also provides options for animation styles and autoplay settings, allowing for engaging transitions and timing. Navigation and pagination settings enhance user interaction, offering intuitive controls and indicators. Usage examples include creating a product showcase with autoplay and fade animation for smooth transitions, highlighting promotional banners with mobile stacking for effective display, and featuring customer testimonials with continuous looping for ongoing social proof.

Read more

Video with text

The Video with text section is a versatile tool designed to display videos alongside rich text content, allowing users to create engaging multimedia presentations. This section is ideal for highlighting key features, storytelling, or providing detailed explanations with visual support. Key settings include content alignment, which allows you to adjust the vertical positioning of content, and options for stacking content on mobile and desktop devices to ensure a responsive layout. These features enable users to customize the presentation of their content effectively. Usage examples for the Video with text section include showcasing product demonstrations with detailed descriptions, combining narrative videos with text for compelling storytelling, and presenting educational content with supporting text for tutorials or informational guides. This section helps create dynamic and engaging content that effectively communicates your message to your audience.

Read more