Collection block


Setting Description
Collection Select the collection you want to showcase in the collection list.
Custom image

Choose the main image for the collection. By default, the image set on the collection page in the admin panel will be shown. If no image is set there, the first product image from the collection will be used.

You can upload a custom image to better match your section design.

Overlay image Add a smaller image that will be displayed on top of the main collection image to create a more visually appealing layout.
Custom name

Enable the Show collection name toggle in the collection list section settings to display the collection name from the admin page.

You can then enter a custom name here to override the default collection name.

Custom description

Enable the Show collection description toggle in the collection list section settings to display the collection description from the admin page.

You can then enter a custom description here to override the default collection description.

Button label

Enable the Show button toggle in the collection list section settings to display the button.

Then add a button label to showcase button at the top of the images.

Custom button link By default, the button links to the collection page. You can replace it with a custom link by entering an external URL or selecting a different internal page from the list.
Button style

Choose the button’s appearance:

  • Primary: The main button style. It uses the primary color from your color scheme. You can choose to fill it with the background color or display it as an outline if the background is set to transparent.
  • Secondary: A secondary action style, using the secondary color from your color scheme. Like the primary button, it can be filled or outlined depending on the background settings.
  • Inline: Minimal style that looks like text with an underline.
Button icon

This setting lets you add a small visual indicator to your button.

  • None: The button displays only the text, with no icon.
  • Dot: A small dot appears before the button label.
Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us