Sections

View

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

Footer navigation

The Footer navigation section is a customizable area designed to enhance the footer of your site with various settings for layout, appearance, and functionality. It allows you to define the number of columns displayed on different devices, ensuring a flexible and organized presentation of footer content. Additionally, padding settings help maintain a visually balanced and aesthetically pleasing footer. This section supports a variety of block types, including buttons, social media icons, and rich text, enabling you to create a dynamic and interactive footer. By optimizing column count and padding settings for different devices, you can maintain a consistent and user-friendly experience across all platforms. Practical usage examples include creating a multi-column footer to organize links and information, adjusting padding for improved aesthetics, and utilizing block types to engage users and provide essential information. These features collectively enhance the overall design and functionality of your site's footer.

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

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