Collection Gallery
The Collection Gallery section in Shopify is used to showcase multiple product collections (like "New Arrivals," "Best Sellers," or "Summer Sale") in a clean, grid-style layout — great for guiding customers to specific product categories.
Go to Shopify Admin > Online Store > Themes.
Click Customize on your live theme.
In the theme editor, click Add Section > Collection gallery
Settings & Customization
Note: A minimum of 4 blocks is required to achieve the angled design. This ensures the layout has enough elements to create the desired geometric or overlapping effect, maintaining visual balance and symmetry
Layout
Expand to Full Width : Enable this option to extend the announcement bar across the entire screen width.
Color scheme: You can customize the section’s appearance by changing the text color, background color, and more using preset color options.
Background Opacity : Set the transparency level (Range: 0–100, Default: 100). This setting applies to the background image, which can be customized in the theme settings.
Content Settings
Heading: Set a custom title (e.g., "Hot & Top Trends").
Heading Size: Choose from Small, Medium, or Large.
Subheading: Add additional text if needed.
Text Position : Select the Position
Above Main Heading : Position the subheading above the main heading.
Below main heading : Position the subheading below the main heading.
Desktop Content Alignment – Choose the text alignment for desktop. ( Left, Right & Center ). The content alignment is automatically centered on mobile screens.
Carousel Settings
Pagination : Choose the pagination type: Dots (dot indicators), Arrow (manual navigation), or None (no indicators).
Pagination Style : Choose the style: Classic (traditional) or Modern (updated look).
Change Slides Every : Set the transition delay (in seconds). If set to 0, auto-play will be disabled.
Section padding
Top Padding : Adjust spacing above the section.
Bottom Padding : Adjust spacing below the section.
Shapes
Shaper : Adds shape effects to the section. Options: Shaper Top, Shaper Bottom, Shaper Both, None, Border Top, Border Bottom, and Both Border.
Shaper Top Color : Sets the top shape color (choose your preferred color).
Shaper Bottom Color : Sets the bottom shape color (choose your preferred color).
Image block
Upload Image: Select an image using the "Upload" or "Explore free images" option.
Heading : Set a custom title (e.g., "Collection Heading").
Text : Add a brief text description to provide additional details about the image feature.
Button label : Customize the button text.
Button link : Paste a URL or use the search bar to link the button to a relevant page.
Open this link in a new window : Enable to open the link in a new tab.
Button style : Choose the button style (Primary, Secondary, or Hyperlink).
Customization
Custom CSS: Allows adding custom styles for further footer customization.
Last updated