Theme settings

All cards

The All cards theme settings group is essential for managing the appearance and functionality of card components across the theme. These settings ensure a consistent look and feel for various card types, such as product, collection, and article cards, and are applied globally. They can also be overridden at the section or block level for more specific customization. Key settings include the ability to select a default image for cards, ensuring that all cards have a visual element even when no specific image is set. Additionally, the Show box shadow setting adds a shadow effect to card borders, enhancing visual depth and making cards stand out more prominently. The default setting for this feature is true, meaning the shadow is applied by default. Practical usage examples include setting a default image to maintain a uniform look across your store when some products lack specific images. Enabling the box shadow can add elegance and focus to product displays, particularly in minimalist designs, without overwhelming the overall aesthetic. These settings provide a foundation for a cohesive and visually appealing presentation across the theme.

Article cards

The theme settings for article cards offer a range of customization options to enhance the appearance and functionality of article cards across your shop. These settings are applied globally but can be adjusted at the section or block level for more specific customization. Key settings include card style, image aspect ratio, button style, caption, text display, and alignment, all designed to create a cohesive and visually appealing presentation of articles. For practical usage, you can customize the card style by selecting the "No image" option to achieve a minimalistic look, focusing on text content. Adjusting the image aspect ratio to "Widescreen" provides a cinematic presentation, giving article images a broader, more expansive look. To make call-to-action buttons stand out, choose the "Extra large" option, increasing the button size for greater prominence and user engagement. These settings help create a consistent and engaging user experience across your shop.

Cart

The Cart theme settings are crucial for customizing the shopping cart experience across the shop, influencing how customers interact with their purchases. These settings control the cart's overall look and feel and can be applied globally or overridden at the section or block level. Key features include options for mini cart buttons, currency code display, dynamic checkout buttons, and order notes, all designed to enhance user experience. The cart announcement settings provide additional information or reassurance during checkout, with customizable icons and text. The empty cart settings encourage users to add items by personalizing the empty cart message and appearance, including icons, headings, subheadings, and button styles. Usage examples include enabling both checkout and view cart options for flexibility, displaying currency codes for international clarity, using cart announcements to reassure customers, and customizing empty cart messages to encourage product exploration. These settings collectively aim to improve customer engagement and streamline the shopping process.

Collection cards

The Collection cards theme settings are designed to provide default configurations for all collection cards within the theme, ensuring a consistent look and feel across the shop. These settings can be globally applied but also allow for customization at the section or block level for more specific adjustments. Key settings include card style, image aspect ratio, button style, and text alignment, each offering various options to tailor the appearance and functionality of collection cards. For practical usage, setting a default card style and image aspect ratio helps maintain uniformity, which is crucial for brand consistency. Highlighting specific collections can be achieved by selecting a more prominent button style, such as "Extra large" or "Primary." Additionally, optimizing text settings ensures important information is visible and easy to read, enhancing the overall shopping experience. These settings provide a flexible framework for customizing collection cards to align with the shop's theme.

Colors

The theme settings offer a comprehensive way to control the overall look and feel of your shop by customizing core color settings. These settings apply across the entire theme but can be overridden at the section or block level, allowing for a cohesive and visually appealing design. Key components include background colors, text colors, button colors, banner colors, card colors, icon colors, input colors, and miscellaneous colors, each providing specific customization options to enhance your shop's visual identity. By adjusting the background and text colors, you can create a unique look that aligns with your brand's identity. Use hover colors for buttons and links to provide visual feedback, improving the user experience. Additionally, set distinct colors for sale prices and banners to draw attention to promotions and special offers. These settings enable users to effectively customize their shop's appearance, ensuring a consistent and engaging customer experience.

Custom fonts

Enhance your website's appeal with custom web fonts.

Favicon settings

The theme settings for managing the favicon are crucial for establishing your store's visual identity. The favicon is the small icon displayed in the browser tab, and customizing it enhances brand recognition. These settings are applied globally across the theme but can be overridden at the section or block level if needed. The favicon setting allows you to upload and manage the icon that represents your store in the browser tab. This is an essential part of branding, helping users easily identify your store among multiple open tabs. The Image Picker feature enables you to select an image to be used as the favicon, ensuring it effectively represents your brand. By utilizing the favicon setting, you can enhance your store's branding and provide a seamless and professional user experience. Uploading a custom favicon ensures your store is easily recognizable, contributes to a polished appearance, and maintains consistency with other brand elements across platforms.

Features bar

The Features bar theme setting group is a powerful tool for managing the display of announcements, features, or important notes across your site. It allows for global customization, with the flexibility to override settings at the section or block level. This ensures that key information is prominently displayed, enhancing the visibility and impact of your messages. With the Features bar settings, you can customize up to four feature items, each with its own icon, heading, subheading, and link. This setup is ideal for highlighting promotions, sharing important updates, or enhancing brand identity. The color settings further allow you to align the features bar with your brand's aesthetic, ensuring a cohesive look and feel. Usage examples include announcing ongoing promotions, where you can customize icons and headings to draw attention to special offers, and linking directly to relevant product pages. You can also keep customers informed about important updates, such as changes in store hours or new product launches, by utilizing the features bar to provide additional details and guide users to more information.

Font settings

Overview The theme settings for fonts are essential for defining the typography across the entire site. These settings ensure a consistent look and feel while allowing for customization at the section or block level. They are applied globally but can be tailored to meet specific design needs. Key components and functionality Fonts This section manages the typography settings for various text elements throughout the theme. It allows you to select fonts for different text types, ensuring a cohesive visual style. Body font This setting allows you to choose the font for the body text across the site. The default font is sans-serif. Button font This setting specifies the font used for buttons. The default font is sans-serif. Caption font This setting determines the font for captions. The default font is mono. Card heading font This setting allows you to select the font for card headings. The default font is sans-serif. Heading fonts These settings allow you to choose fonts for various heading levels (H1 to H6). The default font for each heading level is sans-serif. Custom fonts Custom fonts can be integrated into the theme using external services or by hosting the font files. This provides additional flexibility in typography choices. Custom font service You can integrate custom fonts from services like Google Fonts or Adobe Typekit by entering the provider code. Hosted fonts Custom hosted fonts must be provided in .woff or .woff2 file formats. You can specify the hosted font name and URLs for the font files. Custom font family and weight For body, button, caption, card, and heading fonts, you can specify custom font families and weights. The weight can range from 100 to 800, with a default of 400. Custom font style You can choose between regular and italic styles for custom fonts. Usage examples Consistent Typography: Use the global font settings to ensure a consistent typography style across your site. This can enhance readability and create a professional appearance. Custom Branding: Integrate custom fonts to align with your brand's identity. For example, use a unique font for headings to make them stand out and reflect your brand's personality. Responsive Design: Ensure that the chosen fonts are legible on all devices. Test the font sizes and styles on different screen sizes to maintain readability. By utilizing these font settings, you can create a visually appealing and cohesive design that enhances the user experience on your site. Learn more about Align →

Layout

The theme settings are essential for managing the overall look and feel of an online shop. These settings are applied globally but can be customized at the section or block level. The layout settings group plays a crucial role in defining the shop's structural appearance, focusing on elements like border radius and content width to ensure a cohesive design. The border radius setting allows you to adjust the roundness of corners, ranging from 0 to 160 pixels, with a default of 8 pixels. This can soften or sharpen the appearance of elements. The content width setting offers options from 768 to 1600 pixels, with 1600 pixels as the default, optimizing the layout for various screen sizes. The section width setting provides choices for default, full width, or full bleed, with the default being content width. Usage examples include setting a higher border radius for a modern look, adjusting content width for high-resolution images, and using full bleed for impactful sections. These settings enable a high degree of customization, allowing you to align the shop's appearance with your brand's identity and enhance the user experience.

Miscellaneous

The Miscellaneous theme settings group offers essential controls for customizing the overall look and feel of your shop. These settings impact visual elements such as border styles, overlay effects, and gallery display options. They are applied globally across the theme but can be overridden at the section or block level for more detailed customization. Key settings include Border radius, which adjusts the roundness of borders, and Enable overlay blur effect, which adds a subtle blur to overlays, enhancing text visibility. The Favicon setting allows you to upload a custom icon for browser tabs, aiding brand recognition. The Gallery zoom style setting lets you choose how images are displayed when zoomed, with options like "Open in lightbox" for detailed product views. Usage examples include increasing the Border radius for a softer look, using the Enable overlay blur effect to enhance text clarity, uploading a Favicon for brand consistency, and selecting "Open in lightbox" in Gallery zoom style to improve the shopping experience. These settings provide flexibility and control, allowing you to tailor the user experience to match your brand's identity and aesthetic preferences.

Product cards

The theme settings for product cards offer extensive customization options to enhance the visual appeal and functionality of product cards across your shop. These settings are applied globally but can be overridden at the section or block level, allowing for flexibility in design and user interaction. Key features include the ability to adjust card style, image aspect ratio, and button style, providing a tailored look that aligns with your brand's aesthetic. You can also control text display and alignment, as well as toggle the display of prices, vendor names, and collection badges. Advanced settings such as hover media and slideshow options add dynamic elements to product cards, making them more engaging for customers. Additionally, color and image swatch settings allow for further customization, ensuring that product cards meet the specific needs and preferences of your shop. Usage examples include customizing product card appearance to create a unique brand look, enhancing user interaction with quick-add buttons and variant selectors, and improving visual appeal with dynamic hover media and slideshow settings. These settings provide a comprehensive toolkit for optimizing the shopping experience.

Shipping

The Shipping theme setting group is essential for managing how shipping options, particularly free shipping, are displayed across the shop. These settings are applied globally but can be customized at the section or block level. They play a significant role in enhancing the shopping experience by encouraging customers to increase their order value. Key components include the ability to display free shipping information and set a free shipping threshold. Displaying free shipping information can motivate customers by making them aware of the availability of free shipping. Setting a free shipping threshold encourages larger purchases by establishing a target order value for customers to achieve. Usage examples include encouraging larger purchases by setting a threshold that motivates customers to add more items to their cart. Additionally, temporarily lowering the threshold during promotional events can attract more customers and boost sales. These strategies provide clear incentives for customers, benefiting both the customer and the store.

Social media settings

The Social media theme settings are essential for enhancing your shop's connectivity and engagement by integrating social media links. These settings allow you to input links to your social media profiles, which can be displayed throughout the shop, providing a cohesive and engaging experience for your audience. They are core theme settings that control the app-wide look and feel, but can also be customized at the section or block level. By adding links to platforms like Facebook, Instagram, LinkedIn, and more, you can increase your brand's visibility and encourage customer interaction. These links enable cross-platform promotion, allowing you to drive traffic back to your shop by sharing special offers or new products. Additionally, they help build a community around your brand, fostering loyalty and repeat business. The Social media settings offer a straightforward way to connect with your audience across various platforms, enhancing your shop's overall presence.

User experience

The User Experience theme settings are essential for enhancing the overall look and feel of your shop. These settings apply across the entire theme but can be customized at the section or block level to suit specific needs. They offer options for cart interactions, visual effects, and gallery displays, all aimed at improving the user experience. Key settings include Add to cart style, which allows you to choose how users interact with the cart, such as redirecting to the cart page or displaying a mini cart overlay. The Enable overlay blur effect setting adds a visual blur to background elements, enhancing focus on the foreground content. The Gallery zoom style setting provides options for displaying images in a lightbox for a closer view. Usage examples include selecting the Show mini cart option to keep users on the product page while shopping, using the Enable overlay blur effect to highlight pop-up messages, and choosing Open in lightbox for high-quality product images to enhance customer viewing experiences. These settings are designed to offer customizable options that cater to different shopping behaviors and preferences.

Theme settings

Subscribe to our emails