Blocks

Button

The Button block is a versatile tool designed to enhance user interaction by providing customizable button elements that can be integrated into various sections of a site. It offers a range of styling and layout options, making it adaptable to different design needs. Key features include the ability to add icons, customize button text, and specify link behavior, such as opening in a new tab. Users can choose from various button styles, including Primary, Secondary, and Extra Large, and configure the button layout with options like Icon Left or Icon Only. The Button block also includes settings for full-width display on mobile devices and controls for horizontal alignment and visibility across different devices. In practical use, the Button block can serve as a primary call-to-action in the Hero section, a navigation button in the Footer, or a product information button with an icon layout. These examples demonstrate the block's flexibility and its ability to enhance site navigation and user engagement.

Copyright

The Copyright block is a customizable element designed to display copyright information in the footer navigation section of a website. It allows you to specify the text for the copyright notice, with a default setting of "All rights reserved." This text can be tailored to fit your specific needs. The block offers alignment settings to ensure the text is displayed correctly across different devices, with options for both desktop and mobile views. Layout settings provide flexibility in how the block integrates with other elements, allowing it to fill available space or be displayed in a new column or row. Visibility settings enable you to control when and where the block is shown, with options to hide it on desktop or mobile devices. By default, the block is set to do not hide, ensuring it remains visible across all platforms. Practical usage examples include using the default text for a simple copyright notice, adjusting alignment for a balanced look on different devices, enabling responsive layout options for consistent appearance, and setting conditional visibility to maintain a clean layout on smaller screens. These features help ensure the copyright information aligns with your website's design and branding.

Follow on shop button

The Follow on Shop Button block is a versatile tool designed to boost user engagement by encouraging visitors to follow the shop. Typically placed in the footer navigation, it allows users to easily connect with the shop's updates and offerings, enhancing interaction and retention. Key settings include alignment options for both desktop and mobile views, ensuring the button integrates seamlessly with other elements. Layout settings offer flexibility, allowing the button to fill available space or be displayed in new columns or rows. Visibility settings provide control over when and where the button appears, tailoring the user experience across different devices. Practical usage examples include placing the Follow on Shop Button in the footer navigation to promote shop updates and utilizing responsive design settings to maintain a consistent appearance across devices. Additionally, custom layouts can be created by integrating the button into promotional banners or call-to-action areas, enhancing its visibility and effectiveness.

Footer menu

The Footer Menu block is a versatile tool designed to display a navigation menu in the footer section of a website. It allows for customization of alignment, layout, and visibility, ensuring the menu integrates seamlessly with the site's design. Users can select the menu to display, with the default set to footer, and adjust settings for both desktop and mobile devices. Key features include alignment settings for different devices, layout options to fill available space or display the menu in new columns or rows, and visibility controls to manage how the menu appears across various devices. These settings provide flexibility in design and functionality, enhancing user navigation. Practical usage examples include setting up a basic footer navigation with links to important pages like Contact Us and Privacy Policy. The Footer Menu block can also be configured for responsive design, ensuring optimal appearance on both desktop and mobile devices. Additionally, it supports multi-column layouts, allowing for a more organized footer with distinct sections.

Localization selectors

The Localization Selectors block enhances user experience by providing country and language selectors within the footer navigation. This feature allows users to switch between different countries and languages, offering a personalized and accessible shopping experience. The block includes settings for displaying country and language selectors, with options to manage their visibility on different devices. Key settings include the ability to show or hide country and language selectors, with defaults set to enabled. Visibility settings allow you to control when and where these selectors appear, with options to hide them on desktops or mobile devices. Practical usage examples include catering to a multinational storefront by enabling selectors for a diverse customer base, tailoring promotions based on the user's selected country, and optimizing responsive design by adjusting visibility settings to improve the user interface on various devices.

Logo

The Logo block is a versatile feature designed to display your store's logo within a theme. It offers customization options to control the logo's appearance and behavior, making it adaptable to various design needs. This block can be placed in the "Footer navigation" and "Main navigation" sections, providing flexibility in its integration across your site. Key settings include the ability to upload a logo image, adjust its maximum width, and control its visibility on different devices. The Logo block can fill available space or be centered within its section, particularly on desktop views, ensuring a cohesive and professional look. Practical usage examples include using the Logo block in the "Main navigation" section to prominently display your brand logo at the top of your site. In the "Footer navigation" section, it helps maintain brand visibility at the bottom of your site. Additionally, the visibility settings allow you to hide the logo on mobile devices if space is limited, ensuring a clean and uncluttered mobile experience.

Payment icons

The Payment Icons block is a versatile tool designed to display icons of the enabled payment methods within your theme. Typically used in the footer navigation section, it visually represents the payment options available to customers, enhancing trust and transparency. Key settings include alignment options for both desktop and mobile views, allowing you to control how the icons are positioned. Layout settings offer flexibility in presentation, enabling the icons to fill available space or be displayed in new columns or rows. Visibility settings provide control over when and where the icons are displayed, with options to hide them on specific devices if needed. In practice, the Payment Icons block can be placed in the footer navigation to showcase available payment methods, enhancing customer confidence at the point of purchase. By utilizing alignment and layout settings, you can ensure the icons are displayed consistently across different devices, maintaining a professional appearance. Additionally, visibility settings allow for conditional display, such as hiding icons on mobile devices to save space.

Rich text

The Rich Text block is a versatile tool designed to enhance your theme by allowing you to add and format text content across various sections. It supports basic text formatting, color customization, and visibility settings, making it adaptable to different design needs. With options for text size, color, and background customization, the Rich Text block ensures your content is both visually appealing and accessible. This block is available in sections such as Featured Product, Footer Navigation, Product Information, Logo List, and Hero. It allows you to provide detailed descriptions, add additional information or links, enhance product pages, and deliver impactful messages or calls to action. The Rich Text block is optimized for responsive design, ensuring readability across devices, and it supports accessibility standards by allowing for sufficient text color contrast.

Separator

The Separator block is a versatile tool designed to create visual separation between different sections of a page. It enhances the overall layout and readability by providing a customizable line that can be adjusted in terms of height and style. This block is available in various sections, including Featured product, Footer navigation, Product information, and Hero. With the Separator block, you can control the height of the separator line for both desktop and mobile views, ensuring a consistent look across devices. The line style can be customized with options such as dashed, dotted, line, or none, allowing you to match the design to your theme's aesthetic. Practical usage of the Separator block includes creating a visual break between content sections, which helps organize information and improve readability. Additionally, you can adjust the height and style to align with your design preferences, ensuring a cohesive and engaging page layout.

Social media icons

The Social Media Icons block is a versatile tool designed to display icons for various social media accounts linked to your site. By enhancing the visibility of these links, it allows users to easily connect with your brand's social media profiles, fostering greater engagement. This block can be strategically placed in sections such as Footer navigation, Product information, and Featured product. The visibility settings offer flexibility, allowing you to control when and where the icons appear, ensuring they are visible on the desired devices and contexts. Practical usage examples include placing the icons in the footer for easy access from any page, alongside product details to encourage sharing, or in a featured product section to draw attention to your social media presence. By integrating the Social Media Icons block effectively, you can enhance user interaction and promote your brand's social media channels.

Blocks

Subscribe to our emails