Sections

View

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.

Read more

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.

Read more