Sections

View

Buttons

The Buttons section offers a flexible way to incorporate customizable buttons into your theme, enhancing user interaction and navigation. You can adjust the alignment, layout, and style of buttons to fit your design needs. This section allows for seamless integration across different devices, ensuring a consistent user experience. Key features include options for button width, layout, and style, allowing you to maintain design consistency or highlight specific actions. You can also control the position of icons relative to button text and decide the vertical placement of buttons in relation to content. Practical usage examples include creating a call-to-action row using the Row layout with Primary button style, or designing a vertical navigation menu with the Column layout and Icon only button layout. For mobile optimization, enabling Display full width on mobile ensures buttons are easily tappable, enhancing the user experience on smaller screens.

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

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

Logo list

The Logo list section is a versatile tool for displaying custom logos in a clean and organized manner. It is perfect for showcasing brand logos, partner logos, or any other graphical elements that need to be highlighted on your site. This section allows you to align logos horizontally and adjust the number of logos displayed per row on different devices, ensuring a responsive and visually appealing presentation. Practical uses of the Logo list include displaying brand logos to build customer trust, highlighting partnerships by showcasing partner logos, and featuring sponsor logos for events or promotions. By effectively organizing and presenting logos, the Logo list enhances the overall aesthetic of your site while providing valuable information to your visitors.

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

Rich text

The Rich Text section offers a versatile way to display text and icons with various customization options, enhancing the visual appeal and functionality of your site. Users can add rich text content, including links and basic formatting, to create engaging and informative displays. Key settings include text alignment, icon position, and heading type, allowing for flexible presentation. Button settings enable customization of appearance and functionality, with options for style, layout, and link behavior. These features ensure that the Rich Text section can be tailored to fit any design need. Practical usage examples include creating promotional banners to highlight special offers, adding call-to-action buttons to guide user actions, and enhancing content with icons to visually represent key points. By leveraging these settings, users can craft a visually appealing and functional Rich Text section that enhances their site's content and user experience.

Read more