Setting group - Column settings - Default 2

The core theme settings outlined here are designed to control the overall look and feel of an online store, ensuring a consistent and responsive design across all devices. These settings are applied globally but can be customized at the section or block level to suit specific needs.

The Column settings - Default 2 group allows you to configure the number of columns displayed on desktop, tablet, and mobile devices. For desktops, you can select between 1 and 12 columns, with a default of 1. Tablets offer a range from 0 to 8 columns, defaulting to 0, which uses the desktop setting if unchanged. Mobile devices can display between 1 and 4 columns, with a default of 1.

Usage examples include optimizing the desktop layout by increasing the column count to display more items, enhancing mobile usability with a single column layout for better readability, and customizing the tablet experience to balance content density and readability. These settings provide a flexible framework for creating a visually appealing and user-friendly online store.

Overview

The settings described here are core theme settings that control the overall look and feel of an online store. These settings are applied globally across the site but can be overridden at the section or block level. They are organized into groups, each focusing on different aspects of the theme's appearance and functionality.

Key components and functionality

Column settings - Default 2

This setting group allows you to configure the number of columns displayed on different devices, ensuring a responsive design that adapts to various screen sizes.

Desktop column count

This setting controls the number of columns displayed on desktop devices. You can choose between 1 and 12 columns, with the default set to 1. Adjusting this setting helps optimize the layout for larger screens, providing a more spacious and organized appearance.

Tablet column count

For tablet devices, this setting determines the number of columns, ranging from 0 to 8. The default value is 0, which means tablets will use the desktop setting if set to 0. This flexibility allows you to tailor the display to suit medium-sized screens, balancing content density and readability.

Mobile column count

This setting specifies the number of columns for mobile devices, with options from 1 to 4. The default is 1, ensuring content remains legible and accessible on smaller screens. By adjusting this setting, you can enhance the mobile browsing experience, making it more user-friendly and visually appealing.

Usage examples

1. Optimizing desktop layout: You might consider increasing the desktop column count to display more items simultaneously, reducing the need for scrolling and potentially improving user engagement.

2. Enhancing mobile usability: For mobile users, maintaining a single column layout ensures that text and images are large enough to be easily viewed and interacted with, preventing frustration and potential drop-offs.

3. Customizing tablet experience: By setting a specific column count for tablets, you can create a unique browsing experience that leverages the larger screen size without overwhelming users with too much information at once.

These settings provide a robust framework for creating a responsive and visually consistent online store, enhancing the shopping experience across all devices.