Collection
Add the collection that fits the general concept of the collage.
GENERAL
Color scheme
Choose a separate color scheme for the block.
CARD SIZE
Columns
Choose how many columns the card occupies in the collage grid.
Rows
Choose how many rows the card occupies in the collage grid.
COLLECTION
Collection
Select a collection from the list of your collections on the setting panel.
Collection title size
Choose the font size for the collection title.
Show product count
Select to show how many products the collection includes.
Image
If you want the card to feature an image other than the collection cover image, select it from your library or the free images collection. Note that the free images you use are also saved to your library. You can further edit the uploaded image: add a focal point and fill in an alt text.
Overlay opacity
Dim the image to increase legibility of the content in the foreground.
Button label
Fill in the name of the button that redirects to the product list of the selected collection. Without a name, the button disappears or turns into an icon with an arrow. It depends on the chosen hover effect.
Button style
Choose the style of the button.
Solid | the button filled with color |
Outline | the button with only its borders colored |
Text | the label with an arrow icon |
Desktop position
Choose the content position within the card on desktop.
Mobile position
Choose the content position within the card on mobile.
Show on hover
Choose what content appears when you place the pointer on the collection image.
All content | text content and button are initially missing and appear on hover |
Button only | only text content is initially present, and on hover, it is replaced by a button |
Zoomed image | text content and button are initially present; on hover, only the image is enlarged |
Last updated