How can I add content on demand to custom columns in Dawn?

Hi

I’m creating a custom columns section because I felt that the existing Dawn columns was not flexible enough.

I think what I’m after is pretty simple, however I’m a bit stuck.

The result I’m looking for is a row > column > content solution.

Row & column seems to be no problem.

However, I can’t solve how to add content on demand to the empty columns. For example, in the simplest scenario, choose to add some text or images as needed. It appears though, that I have to predefine what, how many and where content can appear.

So I’m either getting row > column OR row > content. What am I missing?

I’m not posting code as the code is working without errors, is more a technique that I’m seeking.

Here’s a screenshot of the result I’m getting - each bit of content is it’s own column instead of being grouped into one column.

HI @Emu ,

I am trying to understand your query. Are you trying to get another option using the “Add block”? If you do, you cannot actually do that. I have been wishing about this option btw. lol

However, I think this can be a solution for you. Add a checkbox in each block to ask if it is a row or a column. Then write an if statement to check if it is a row or a column. Depending on your CSS style but you can also call the block per index.

To try to explain it a little more clearly, hopefully this image will help. The image on the left is where I got to. The image on the right shows what I would like to achieve.

This will give me:

  1. a parent “row” element with display:flex or grid,
  2. children elements which will flow according to css rules
  3. content as needed

@Emu

This is exactly what I have been wishing but unfortunately this is currently not an available option in Shopify