Showcase settings

Setting	Description
Color scheme	Apply Color Schemes: After creating your color schemes in theme settings — 'Colors' tab, you can apply them to different sections of your store. In each section or block, you'll see a Color scheme dropdown. Select the appropriate color scheme for each section, ensuring consistency with your brand's identity.
Heading	To add a main section heading, simply enter the text in the provided field. In the top menu of the field, you can find options to customize the heading such as making it bold, italic, or adding a hyperlink.
Heading font family	Heading Body In Theme Settings, you can assign a different font family to headings and body text. This option allows you to customize the visual style of your heading by selecting heading or body styles. For some headings, it might be more effective to apply the body text style instead of the designated heading font. This choice depends on how well the font families harmonize and the overall appearance you want to achieve.
Heading size	The heading size setting offers three options to control the size of your section heading: Small Medium Large
Description	This field allows you to provide additional information or context for the showcase section on your site. Use it to highlight key details, benefits, or features related to the showcased products, services, or content. Customize the text using the options in the top menu, and insert dynamic content through the Dynamic Source button for more personalized displays.
Scroll speed	Controls the speed at which images scrolls within the designated section. Adjust this setting to make the scroll effect faster or slower, depending on the desired user experience.
Scroll direction	Defines the direction of the scrolling content. You have the following options: Default: Images scroll from the right to left direction; Reverse: Images scroll from the left to right direction.
Number of columns on desktop	Specifies the number of columns to display in the section when viewed on a desktop. Adjust this setting to control how many items are shown side by side on larger screens.
Number of columns on mobile	Specifies the number of columns to display on mobile devices. Typically, you may choose to reduce the number of columns for better readability and layout optimization on smaller screens.
Vertical alignments	This option allows you to control the vertical positioning of your items, such as images, within a section. Since images can have different aspect ratios (e.g., portrait, landscape), this setting lets you align them to your preference. For example: An image with smaller height can be placed at the top, aligned in one line with a larger image. It can also be centered within a larger image for a more balanced look. Alternatively, an image with smaller height can be positioned at the bottom to complement the larger image, creating a visually pleasing arrangement.

Vertical images alignment example

Section paddings

Setting	Description
Top padding	The 'Top padding' setting allows you to adjust the amount of space at the top of the section using a slider.
Bottom padding	The 'Bottom padding' setting functions similarly to the “Section top padding” setting, but controls the space at the bottom of the section.
Top padding mobile	The 'Top padding mobile' setting allows you to adjust the amount of space at the top of the section specifically for mobile devices, using a slider.
Bottom padding mobile	The 'Bottom padding mobile' setting works similarly to the 'Top padding mobile' setting but controls the space at the bottom of the section for mobile devices.