Content Collage
About Blum Content Collage Section
What is Blum Content Collage?
Blum Content Collage section in the Blum Shopify theme makes it simple to showcase different kinds of content on your website, like pictures, collections, and products. You can easily customize it to create a layout that fits your needs.
Overview about Blum Content Collage Section
| Image Ratio Available in Blum Content Collage? | Square (1:1) and Portrait (4:5) |
| How to show content collage without text? | Leave the fields blanked |
Access Blum Content Collage Section
From any page, please click on ‘Add Section’ on the left side bar, then choose ‘Content Collage’
Content Collage Section Configuration
Edit General Option
Firstly, you can change the color scheme for this section by selecting the scheme from the available options here.
To change the theme color, please go to Theme settings > Colors.
To add content in the Section Subheading, Heading and Description, click on the text box and insert the content. If you want to remove these contents, simply delete the text in the text box.
Edit Layout
To make the content show full width, select the Enable full-width content checkbox.
You can select the position to display for the content of the section:
- Left:
- Center:
In Items ordering, there are 3 types for you to select. By default, the Equal type is selected:
- Equal: the Collection, Product and heading image show equal in size
- Main item first: the first item will be bigger than others
- Main item last: the last item will be bigger than others
The Enable Stacked Layout option displays items in two layout columns, with one item as the main item and the other items in the second column. This option can only be applied if the Main Item First or Main Item Last option is selected.
You can also enable ‘Remove padding top’ and ‘Remove padding bottom’ to delete the spacing at the top and bottom between the section and the elements inside it.
Edit Items
The Image ratio has 2 options to select: Square and Portrait (4:5).
If the Enable Stacked layout has been turned on, this setting only applies to the main item. Please note that the Image Ratio will only be applied when the Enable Full Width has been turned off.
If the Enable Full Width option is turned on, the height of the Main item will be 100vh.
After that, click on the Show items button if you want to show or hide the CTA button of each item. Please remember that the link still works without this button.
Edit Prominent Badge
The Prominent Badge of this section has the same setting with the Blum Icon With Text section.
Content Collage Block Configuration
The Content Collage can have a maximum of 3 blocks, which can be chosen among 3 block types: Collection, Product, Image. Click on each block item to change the settings for each block.
Edit Collection Block
You can click on the ‘Select collection’ button to select the collection for the block. You can also enable to show number of products on this block.
After that, you can adjust the mask overlay opacity by changing the percentage here. To change the mask overlay and text overlay color, you just need to click on the color code and enter your code here.
Edit Product Block
All the settings on this block are the same as the collection Block.
Edit Content Block
Firstly, you can click on the Image block item to upload the image for block.
After that, you can adjust the mask overlay opacity by changing the percentage here. To change the mask overlay and text overlay color, you just need to click on the color code and enter your code here.
Next, you can set up for the Heading text on the content tab and Button text and Button link for this block item in the button tab.
