Collection List
General
With the Collection List section you can showcase product collections to highlight different categories in your store.
In most sections of the theme, you can customize various settings to match your design needs.
In the Collection List section, you can:
-
Select a suitable color scheme to match your branding.
-
Select the display type: Grid or Slideshow for desktop and Grid, Slideshow, or Slideshow with peeking items for mobile.
-
Adjust the number of collections displayed per row for desktop, tablet and mobile views.
These options provide flexibility to create a visually appealing and user-friendly collection showcase, enhancing the shopping experience for your customers.
Section Heading
Add a Section Heading block to give users general information about the section's content. By using the Section Heading block, you can:
- Define the heading and subheading.
- Add text, including links and lists, if necessary.
- Control text alignment and select HTML tags.
- Customize sizes for desktop and mobile views or use the default sizes.
Collection
Showcase your chosen collections by adding Collection blocks. In each Collection block, you can:
- Select the collection.
- Choose the card background: Solid / Transparent.
-
Select an optional custom image (this will override the default collection image).
Custom Spacing
By using the custom spacing block you can easily adjust the top padding, top margin and bottom padding of any section to suit your design needs.
Note: Values set in the custom spacing block will override those defined in the general theme settings, applying locally only to this specific section.
Steps
- Open the theme editor and select the section you want to edit.
- Click the section name to open its settings, then find and click "Add block."
- Select "Custom Spacing" and define padding top, margin top and padding bottom values for the section.
- The values you set will override the general settings in the theme.