✨Collection list
Configure the section
Select the customize theme option. At the top of the page, click on the dropdown menu to select the Home page template. From the left side menu, select Collection list.
Customize the section by utilizing the settings on the right side of the theme editor as described below:
General
Section visibility Select from the options to select the visibility of this section: -Always -Small (On selecting this, the section will be visible on mobile devices only.) -Large (On selecting this, the section will be visible on large devices only.) Color scheme Select any color scheme defined in the theme settings>Colors>Schemes. Section background Choose the background color from solid or gradient. These colors can be managed in the assigned color scheme. Separator line Choose the separator line visibility from below options: - Top - Bottom - Both - None
Appearance
Collection count to show Adjust the range bar to determine the maximum number of collections to display in the section. (Note: This picks up the store collections and works only if the section blocks are hidden or removed.) Number of columns on desktop Adjust the range bar to determine the maximum number of columns on the desktop. Row gap Adjust the range bar to determine the gap between the rows. Column gap Adjust the range bar to determine the gap between the columns. Number of column (mobile) Choose from one or two number of columns to display on the mobile. Border visibility Choose border visibility options from: - Always - Desktop only - Mobile only - None
Content
Show title Select this checkbox to show the collection's title. Title position Choose the title position: - Above image - Below image. Content alignment Choose the content alignment from the following options: - Left - Center - Right Apply hover effect to Choose hover effect to show on: - Title - Media - Both - None Hover title text size Select the font size from the following options: - Extra small - Small - Medium - Large
Image
Image ratio Choose from image's ratio in the grid from the following options: - Auto - Square - Landscape - Portrait Show image overlay Select this checkbox to show the image overlay. It's opacity can be managed from the assigned color scheme> media> Overlay color.
Section spacing
Desktop top space
Adjust the range bar to add spacing at the top of the section for desktop view.
Desktop bottom space
Adjust the range bar to add spacing at the bottom of the section for desktop view.
Mobile top space
Adjust the range bar to add spacing at the top of the section for mobile view.
Mobile bottom space Adjust the range bar to add spacing at the bottom of the section for mobile view.
Block settings:
Collections
Choose collections list from the store library.
Custom title
Enter a custom title. Note: Leave blank to use the collection title.
Custom image
Choose any image. Note: It will replace with the original collection image.
Last updated