In this tutorial, we are going to add a collage section were you can have blocks repositioned in Shopify page using grid layout.
I do hope that Shopify will make use of the grid to position blocks easily.
- Go to Online store> Themes> Actions> Edit code
- Go to Section folder, create a new section and name it custom-collage. Replace the code below, then click SAVE
- Go to Asset folder and create a new .css file. Name it custom.collage. Then paste the code below.
You are done. (“,)
I encountered some issues after creating the video. I added some codes to fix it.
Tips: Use the minimum page height as possible to prevent big gaps at the bottom.
Make sure to assign the number of cells (columns or rows) that fits the title or content.
Make sure you do not have a space in the content box editor. To prevent unnecessary gaps.