Sections

404

The 404 section is essential for guiding users back to the main content of your site when they encounter a broken link or mistyped URL. It allows you to customize the appearance and functionality of the page not found message, ensuring it aligns with your site's branding and enhances user experience. Key settings include color customization for text and subheadings, padding adjustments for both desktop and mobile views, and a variety of background options such as solid colors, gradients, images, and videos. Separator styles can be added for visual organization, and width settings offer flexible layout options. Usage examples include customizing the 404 page to match your site's branding, ensuring responsive design with mobile-specific settings, and enhancing user experience with separator styles and overlay opacity adjustments. By utilizing these settings, you can create a visually appealing and functional 404 page that effectively guides users back to your main content.

Accordion

The Accordion section is a versatile tool designed to present information in a stacked, expandable format, making it ideal for FAQs or additional details. It allows users to add multiple Row blocks, enhancing the flexibility and organization of content. Key settings include content position, sticky header, dynamic content, and the ability to sort and filter items by blog and tag. Users can control the number of items displayed, choose to show excerpts, and sort content by title or date published. The Accordion section supports various content types within each row, such as text, images, or links, ensuring a dynamic and engaging user experience. For practical applications, the Accordion section can be used to create a comprehensive FAQ page, with each Row block containing a question and its answer. It is also effective for organizing detailed product specifications, warranty information, and customer reviews on a product page, keeping the layout clean and easy to navigate.

Account

The Account section is a crucial part of the theme, designed to enhance user experience by allowing users to manage their accounts efficiently. It provides interfaces for logging in, registering, and managing account details, ensuring personalized access and control over user interactions. Key components include the login form, which offers a secure way for users to access their accounts, and the registration form, which allows new users to create accounts by entering personal information. Once logged in, users can manage their account details, update personal information, view order history, and manage addresses. Usage examples highlight the practical application of the Account section. A returning customer can use the login form to access their account and update their shipping address. New visitors can create an account using the registration form to gain access to personalized features. Logged-in users can navigate their account settings to update their email address and review past purchases. These functionalities collectively enhance user engagement and satisfaction.

Activate account

The Activate Account section is essential for facilitating user account activation within the theme. It ensures a smooth transition for users who need to activate their accounts after registration, enhancing the overall user experience. The main login component, styled with the class "main-login," serves as the primary interface for account activation. It focuses on user input fields and submission buttons, maintaining consistency with the theme's design language. For practical usage, the Activate Account section can be placed on a dedicated account activation page, linked from registration emails. Ensuring the section is responsive across various devices guarantees seamless account activation. Additionally, implementing accessibility best practices, such as clear labels and keyboard navigation, enhances usability for all users.

Addresses

The Addresses section is an essential part of the theme, designed to manage and display customer address information. It is typically used in customer account pages, allowing users to view, add, or edit their saved addresses. This section enhances the user experience by providing a straightforward interface for managing personal address details. Key features include options to show order notes, out-of-stock products, pagination, and payment icons. Users can also benefit from predictive results, quick-add buttons, and the ability to print or share address details. These features ensure that customers can easily update their information and manage multiple addresses efficiently. Practical usage examples include managing multiple shipping addresses, updating address details to ensure accurate delivery, and viewing order history. The predictive results feature enhances the user experience by allowing customers to quickly find specific addresses or products as they type.

Banner

The Banner section is a versatile tool designed to display promotions or important information in a full-width format. It offers a range of customization options, including aspect ratios for both desktop and mobile, background settings for images and videos, and foreground content for text and icons. Users can also add and customize buttons and media elements to enhance the visual appeal of the Banner. For practical use, the Banner can highlight sales or special offers with a promotional setup, using a background image and a call-to-action button. It can also serve as an informational display for updates or policies, featuring a simple background and a clear heading. Additionally, the Banner can showcase new products or collections with high-quality visuals and descriptive headings, encouraging users to explore further.

Blog content

The Blog content section is a versatile tool for displaying blog posts with customizable settings to enhance user engagement and content visibility. It allows users to manage the presentation of blog content on their site, offering flexibility in layout and functionality. Key features include the ability to enable filters, which help users navigate through blog posts by categorizing content based on specific criteria. The grid display options allow for customization of how posts are arranged on both desktop and mobile devices, ensuring an optimal viewing experience. Users can also set the number of posts displayed per page, with a range from 1 to 48, and define sorting options to determine how posts are ordered. These settings provide a robust framework for tailoring the blog content presentation to meet specific needs and preferences. Practical usage examples include enabling filters for better navigation, customizing grid layouts for different devices, and setting a higher number of posts per page to reduce pagination. These features ensure that visitors can easily find and engage with the content they are interested in.

Blog post

The Blog post section is a customizable feature designed to enhance the presentation of blog content within your theme. It allows you to add additional content and features, such as related products, to make the blog post more engaging and visually appealing. The sidebar settings enable the display of related products, which can help in cross-promoting items and increasing reader engagement. Supported block types, such as @app and Custom liquid, provide further customization options, allowing you to integrate applications and add custom code to tailor the blog post presentation. By utilizing these settings, you can create a dynamic and interactive Blog post section that effectively presents content and engages readers with additional features.

Blog posts

The Blog posts section is a versatile tool designed to dynamically display a list of blog posts with customizable settings. It allows users to showcase their blog content with options for sorting, layout customization, and filtering by tags. This section enhances the presentation of blog content on a website, making it visually appealing and organized. Key features include the ability to specify the source blog, filter content by tags, and control the number of posts displayed. Users can sort posts by title or date and choose the order of display. Layout settings offer flexibility with column numbers for desktop and mobile views, and options for grid or slider layouts. The Slideshow settings provide animation style and speed options, with autoplay and loop slide features to enhance user interaction. Navigation and pagination settings allow for easy slide navigation, while the preview of next slides offers a glimpse of upcoming content. Usage examples include displaying posts from a specific blog, filtering by tags for themed sections, customizing layout for a tailored presentation, and enabling autoplay for a dynamic user experience. These features help users effectively manage and display their blog content.

Breadcrumbs

The Breadcrumbs section enhances navigation by providing a hierarchical list of links, allowing users to easily navigate to parent pages. This feature is typically displayed at the top of a page and is particularly useful for improving user experience by offering quick access to higher-level categories or pages. Key settings include customizing the home icon and separator icon, with defaults set to home and chevron_right, respectively. These settings help in visually distinguishing different levels in the breadcrumb trail. Additionally, alignment settings allow for different configurations on desktop and mobile devices, ensuring optimal display across all platforms. Usage examples include customizing the home icon to better fit your site's design, adjusting separator icons for a more visually appealing breadcrumb trail, and ensuring responsive alignment for a consistent user experience across devices. By utilizing these settings, you can create a breadcrumb trail that aligns with your site's aesthetic and functional needs.

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.

Cart

The Cart section is a crucial part of the shopping experience, displaying items that customers have added to their cart. It allows for customization of appearance and functionality, ensuring a seamless checkout process. Key settings include adjusting padding for both desktop and mobile views, which helps in aligning the Cart section with other page elements for a cohesive look. The Cart section supports block types like @app for third-party integrations and Custom liquid for advanced customization. This flexibility allows for the addition of specific functionalities or display of additional information, such as promotional messages or custom checkout instructions. For practical usage, you can adjust padding to create more space and improve readability if the Cart section appears too close to other sections. Additionally, the custom liquid block can be used to enhance the section with specific functionalities, ensuring a tailored shopping experience for customers.

Code viewer

The Code viewer section is a versatile tool that allows users to integrate custom code into their theme, enhancing functionality and appearance. It supports the addition of custom CSS and JavaScript, providing flexibility to implement external services or override existing styles. Key components include the custom asset block for adding CSS or JavaScript files, the custom CSS block for inserting CSS directly, and the custom JavaScript block for embedding JavaScript. These components enable users to tailor their site with specific styling and functionality adjustments. Usage examples include adding a custom font using the custom CSS block, implementing a third-party widget with the custom JavaScript block, and making styling adjustments to change the color scheme or layout. These examples illustrate the practical applications of the Code viewer section in customizing a site.

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.

Collection

The Collection section is a versatile tool for displaying a grid of products, allowing for a customizable presentation that adapts to the current or active collection. It offers settings to define the grid layout, optimizing the display for both desktop and mobile devices. Users can choose between different column layouts and enable an interface for toggling grid sizes. Product display options within the Collection section allow for control over the visibility and arrangement of products. Users can decide whether to show out-of-stock items and customize their placement. Filter settings enhance the shopping experience by enabling sorting and availability filters, helping users find products more efficiently. For practical usage, the Collection section can be configured to display a large number of products using a four-column grid, ideal for desktop views. On mobile, a two-column grid ensures clarity and ease of navigation. Additionally, the availability filter can be used to highlight in-stock products, focusing customer attention on available items.

Collection list

The Collection List section is a versatile tool for displaying collections in either a grid or slideshow format. It allows you to feature multiple collections prominently, making it ideal for highlighting featured collections or organizing products into categories. This section is designed to ensure optimal presentation across various screen sizes, with customizable settings for both desktop and mobile layouts. Key features include adjustable column counts, layout options, and slideshow settings such as animation style, speed, and autoplay functionality. These settings enable dynamic and engaging presentations, enhancing the visual appeal of your collections. Practical usage examples include showcasing seasonal collections in a grid layout on desktop and a slider on mobile, organizing product categories for easy navigation, and featuring new arrivals with an autoplay slideshow to automatically cycle through the latest collections.

Comments

The Comments section is a versatile tool designed to enhance interaction and engagement on your site by displaying article comments. It allows users to manage and view comments on blog posts, making it particularly useful for blogs that encourage reader feedback and discussions. Key features include customizable padding settings for both desktop and mobile views, allowing you to adjust the space above and below the section content. Background settings offer options to add colors, gradients, images, or videos, enhancing the visual appeal of the section. Separator settings provide visual dividers to organize content, while visibility settings let you control when and where the section is displayed, tailoring the layout for different devices. In practice, the Comments section can be used to foster community engagement by allowing readers to leave comments on blog posts, which is effective for posts that invite discussion or feedback. Additionally, it can be implemented to gather feedback on specific articles or topics, helping you understand your audience's preferences and improve your content strategy. By utilizing the Comments section, you can create a more interactive and engaging experience for your readers.

Contact form

The Contact Form section is a customizable tool designed to enhance communication between users and site owners. It provides a structured form for inquiries, which can be tailored with additional contact information and adjusted to fit various layouts. Key settings include text alignment, icon addition, and customizable headings and subheadings, allowing for a personalized and visually appealing presentation. Users can further customize the form with button settings, such as style, layout, and position, ensuring the form aligns with the overall site design. The section also offers mobile-specific options, like full-width display, to enhance usability on smaller screens. Practical usage examples include creating a basic contact form with default settings, enhancing the form with icons for visual appeal, and optimizing the form for mobile devices by enabling full-width display and adjusting button positions. These settings help create a functional and attractive contact form that meets user needs and complements the site's design.

Email signup

The Email Signup section is a versatile tool designed to capture email addresses for newsletters or lead generation. It effectively engages visitors, encouraging them to subscribe for updates on new collections and exclusive offers. Key features include customizable icons, captions, headings, and subheadings, allowing you to tailor the section to fit your site's theme and tone. For practical use, the Email Signup section can be employed in promotional campaigns to gather subscribers for upcoming sales or product launches. It can also be used to offer exclusive content, such as early access to new products or special discounts, by highlighting the benefits of subscribing. Additionally, it serves as a means to strengthen brand engagement by inviting visitors to join your community, aligning with your brand's visual identity and messaging.

Featured collection

The Featured Collection section is a versatile tool for showcasing products from a specific collection in either a grid or slideshow format. It allows you to highlight featured products with customizable display preferences, making it ideal for various promotional needs. Key settings include selecting the collection, determining the number of items to display, and configuring layout options for both desktop and mobile devices. The section also offers slideshow settings to enhance user experience, such as animation style, autoplay options, and control positioning. Practical usage examples include highlighting a seasonal collection, promoting a new product line with dynamic slideshow presentations, and creating a curated product showcase with easy navigation. These features ensure that the Featured Collection section can effectively engage users and enhance the visual appeal of your product offerings.

Features bar

The Features Bar section is a versatile tool for displaying announcements, features, or important notes on your website. It enhances user experience by drawing attention to key information or promotional content. With customizable settings, you can tailor the appearance and functionality to fit your design needs. Key settings include text alignment, icon position, and color customization, allowing you to adjust the visual presentation of the Features Bar. Padding and background settings provide further flexibility, enabling you to control spacing and add visual elements like colors, gradients, images, or videos. Usage examples include using the Features Bar for promotional announcements by aligning text centrally and placing the icon on the left. Highlight product features by positioning the icon at the top and aligning text to the left. For important notes, enable the icon border to make the icon stand out, ensuring your message captures attention.

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.

Header

The Header section is a vital part of your theme, providing the main navigation and branding area for your store. It appears on all pages and typically includes elements like the logo, navigation menu, search bar, and cart icon. This section plays a key role in guiding users through your site and reinforcing your brand's visual identity. The Header is designed to offer a consistent navigation experience, featuring customizable elements to fit your store's aesthetic and functional needs. By effectively utilizing the Header, you can ensure a seamless user experience that enhances both the functionality and appearance of your store. For practical use, the Header can be leveraged to maintain branding consistency by prominently displaying your logo across all pages. Organizing the navigation menu with links to essential pages, such as product categories and sales, improves navigation efficiency. Additionally, incorporating a search bar allows users to quickly find specific products or information, enhancing the overall shopping experience.

Heading

The Heading section is a versatile tool for creating structured page layouts with pre-styled headings. It ensures consistent design and improves SEO by using proper heading tags. Users can customize text alignment, heading types, and add elements like icons and buttons to enhance the visual appeal and functionality of their pages. Key settings include text alignment, icon addition, and caption customization, allowing for a tailored presentation. The main heading text is customizable, with a default set to Heading, and users can choose from various HTML tags for their headings. Subheadings provide additional context or detail. Button settings offer extensive customization, including icon addition, text, link, style, layout, and position options. Users can decide if buttons open links in new tabs and whether they span the full width on mobile devices. Practical usage examples include creating a prominent page title with a subheading, adding a call-to-action button with an icon and link, and enhancing visual appeal by incorporating an icon into the Heading. These features help create a visually appealing and functional section that enhances user experience and supports design goals.

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.

Hero - Basic

The Hero - Basic section is designed to prominently display the page title and key information at the top of a page, making it ideal for creating an impactful introduction to your content. It can also showcase a featured image, with options to place it as a background, on the left, right, or not at all. Text alignment and various display options, such as showing the author, breadcrumbs, date, excerpt, print button, share button, and tags, provide flexibility in presentation. For practical usage, the Hero - Basic section can be effectively used at the top of a blog post to display the title, author, and publication date, along with a featured image on the right. This setup offers readers a clear and engaging introduction to the post. Additionally, for a product announcement page, the section can highlight the product name and key features, with the image set as a background, creating a visually appealing and informative header for the page.

Image

The Image Section is a flexible tool designed to display images with a range of customization options. It allows users to adjust alignment, style, and dimensions, as well as add overlays and captions, making it ideal for showcasing visual content dynamically and attractively. Key settings include alignment adjustments for both desktop and mobile, image style options such as default, rounded corners, and circle, and the ability to set maximum image width. Users can also define aspect ratios to ensure images display correctly across devices, and add captions to provide context or additional information. Enhance images with overlays to improve visibility or add stylistic effects, with options for color, gradient, and opacity settings. These features make the Image Section versatile for various uses, such as highlighting products, promoting events, or displaying portfolios.

Image with text

The Image with text section is a versatile tool designed to enhance your theme by combining images with text in a flexible layout. It is perfect for showcasing products, promotions, or any content that benefits from a visual and textual combination. With various customization options, you can tailor the appearance and behavior of the section to fit your needs. Key features include layout settings that allow you to stack content vertically on mobile and desktop devices, ensuring a responsive design. You can adjust content alignment and customize button settings to enhance user interaction. Display settings help manage how the section appears across different devices, making it adaptable to various screen sizes. Practical usage examples include using the Image with text section to highlight a new product by uploading an image and adding a compelling description. It can also serve as a promotional banner with eye-catching images and text, or as a storytelling tool to share narratives about your brand or products. These examples demonstrate the section's flexibility and effectiveness in enhancing your theme's visual appeal.

Login form

The Login form section is an essential component for sites requiring user authentication, providing a structured interface for users to log into their accounts. It includes customizable text and visual elements to ensure alignment with the site's overall theme, enhancing both functionality and aesthetic appeal. Key features of the Login form include customizable icons, headings, and subheadings. The default heading is Log in, and the subheading offers a welcoming message to guide users through the login process. These elements can be tailored to provide specific instructions or branding messages. For practical use, the Login form can be strategically placed on the homepage or a dedicated login page to ensure easy access. It can also be integrated with other sections, such as a registration form or password recovery, to offer a comprehensive user account management interface. Regular updates to the visual elements are recommended to maintain consistency with any branding changes.

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.

Main navigation

The Main navigation section is a crucial part of your site's header, providing users with easy access to various parts of your site through a structured menu system. It appears on all pages, ensuring consistent navigation for users. Key settings include the Menu open action, which allows you to choose between opening the menu on click or hover, with the default being on click. The Show full-width menus option is ideal for sites with a large number of menu items, displaying them in a new row for better organization. The Sticky setting controls the navigation bar's behavior as users scroll, with options to keep it fixed, hide it on scroll, or disable the sticky feature entirely. For usage, setting the menu to open on hover can enhance interactivity, especially for desktop users. The full-width menu option is beneficial for complex navigation structures, while the fixed sticky setting ensures the navigation bar remains visible for easy access on content-heavy pages. These settings collectively improve the usability and accessibility of your site's navigation.

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.

Order

The Order section is essential for managing and displaying order-related information, providing users with a clear and organized view of their order details. This section enhances the shopping experience by ensuring customers have easy access to all necessary order information. Key settings include options to show order notes, out of stock products, pagination, and payment icons. These settings allow for customization of how order details are presented, improving visibility and accessibility for customers. By default, order notes and out of stock products are not displayed, while payment icons are shown to reassure customers about available payment methods. Usage examples highlight practical applications of these settings. Displaying order notes can provide customers with specific instructions or additional information about their orders. Showing out of stock products keeps customers informed about unavailable items, while pagination improves navigation for stores with extensive product lists. Displaying payment icons builds trust by clearly showing accepted payment methods.

Password form

The Password Form section is a vital component for stores that require restricted access or are under development. It serves as the main interface for users to enter a password and gain entry to the store. This section allows you to maintain communication with your audience by customizing the messages displayed on the password page. You can personalize the heading to announce the upcoming launch of your store or to inform visitors about maintenance. The subheading provides additional context or instructions, ensuring that visitors are well-informed and engaged, even when they cannot access the full site. By tailoring these messages, you can effectively manage visitor expectations and maintain a professional appearance during periods of restricted access.

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.

Product recommendations

The Product Recommendations section enhances the shopping experience by displaying a curated set of recommended products. It uses a recommendation API to suggest items based on order history and product information, providing personalized suggestions that improve over time. Key settings include the number of items displayed, layout options for both desktop and mobile, and slideshow settings such as animation style and autoplay features. These settings allow for a customizable and responsive display that can be tailored to fit different devices and user preferences. Usage examples include displaying a small number of recommendations to keep the section concise, using a grid layout for desktop and a slider for mobile to optimize viewing, and enabling autoplay with a fade animation to create a dynamic and engaging display. These configurations help balance visual appeal with performance and accessibility.

Registration form

The Registration Form section is a crucial component for facilitating user account creation, enhancing engagement, and streamlining the registration process. It allows users to easily register and create accounts, providing a seamless experience. Key settings include the icon, heading, and subheading, which guide users visually and contextually through the registration process. Customizable color and background settings ensure the form aligns with your brand's visual identity, while separator and padding settings enhance structure and readability. Usage examples highlight how to customize the form's appearance to match your brand, provide clear user guidance through headings and subheadings, and improve layout and structure for an optimal user experience.

Reset password

The Reset Password section is an essential part of the user account management system, enabling users to securely reset their account passwords. This section provides a straightforward interface with fields for entering the registered email address and a submit button to initiate the password reset process. Designed for user-friendliness, the Reset Password section ensures a smooth experience for users needing to regain access to their accounts. It is fully responsive, accessible to users with disabilities, and optimized for quick loading to minimize delays. Usage examples include assisting users who have forgotten their passwords by allowing them to receive reset instructions via email. Additionally, it can be part of a security strategy to encourage regular password updates, enhancing overall account security.

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.

Search results

The Search results section is a versatile tool designed to enhance the presentation of search results through customizable grid sizes, filter options, and sorting preferences. It allows users to tailor the display of search results, ensuring a visually appealing and organized layout that improves the overall user experience. Key features include the ability to choose between different grid sizes for both desktop and mobile views, with defaults set to three-column for desktop and two-column for mobile. Users can also enable or disable the grid size interface as needed. Additionally, the section offers options to display filters and sorting mechanisms, helping users efficiently narrow down search results and find what they are looking for. Practical usage examples include customizing the grid layout to display search results in a more compact form on desktop by selecting a four-column layout, while opting for a single-column layout on mobile for better readability. Enabling filters allows users to narrow down search results based on availability, which is particularly useful for stores with a large inventory. Sorting options can be enabled to let users organize search results by criteria such as price or relevance, enhancing their shopping experience.

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.

Slideshow with text controls

The Slideshow with text controls section is a versatile tool designed to create dynamic slideshows with a text and/or icon-based interface. It is ideal for highlighting product features or details, allowing users to interact with the slideshow through customizable controls and settings. Key features include options for animation style, speed, autoplay, and control positions, providing flexibility in presentation. Users can choose between different animation styles, such as default or fade, and set the animation speed to suit their needs. The autoplay feature can be enabled with a customizable delay, and controls can be positioned either on the left or right. Pagination styles include dynamic, fraction, progress bar, and scrollbar, offering various ways to navigate through slides. Practical usage examples include showcasing product features with a smooth fade transition and autoplay, promoting events with dynamic pagination, and displaying portfolios with a leisurely animation speed and preview of upcoming slides. These settings ensure the slideshow is responsive, performs well, and is accessible to all users.

Testimonials

The Testimonials section is a versatile tool for showcasing customer feedback, enhancing credibility, and linking testimonials to related products. It offers flexible display options suitable for various layouts and devices, ensuring an optimal viewing experience. Key settings include the ability to adjust the number of testimonial columns for both desktop and mobile, choose between grid or slider layouts, and align content within testimonials. Slideshow settings provide dynamic display options, such as animation style, speed, autoplay features, and pagination styles, allowing for a customized and engaging user experience. Usage examples include setting a desktop grid layout with four columns to showcase multiple testimonials simultaneously, opting for a mobile slider layout with autoplay to capture user attention, and using content alignment to create a visually appealing presentation. These settings provide a robust framework for enhancing user engagement and trust through customer testimonials.

Video

The Video section is a versatile feature that allows you to display full-width videos from YouTube, Vimeo, or self-hosted sources. It offers a range of settings to customize video alignment, aspect ratio, and playback options, ensuring a seamless integration into your theme. Users can adjust alignment for both desktop and mobile views, select from various aspect ratios, and control video playback features such as autoplay, looping, and muting. In addition to video settings, the Video section includes options for adding captions and overlays. Captions can be positioned and aligned to enhance accessibility and context, while overlays can be applied to improve text readability and aesthetics. These features ensure that your video content is both engaging and accessible to all users. Practical usage examples include embedding a YouTube video by simply inputting the video URL and adjusting the aspect ratio for a widescreen effect. For self-hosted videos, users can upload their files and add a poster image for a preview before playback. Customizing captions and applying overlays are also straightforward, allowing for a professional and polished presentation of video content.

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.

Sections

Subscribe to our emails