Can I do this kind of design with Kirby?

I’d love to use Kirby for a small project and I need a one page website which would look like this. Do you think this can be done with Kirby?

Is that description text and the images part of the table row above and can be viewed by clicking on the table row?

If every of these lines can have a description and images, you can use a subpage structure. For every row you create a subpage with the fields title, artists, pages, size, collaboration, year and description. The images are put into the folders of the subpages.

In your one-pager template, you can use something like the following code to get the data:

  <?php foreach($page->children() as $p): ?>
      <td><?php echo $p->title(); ?>
      <div class="description">
        <?php echo $p->description()->kirbytext(); ?>
        <?php foreach($p->images() as $image): ?>
          <img src="<?php echo $image->url(); ?>" alt="<?php echo $image->title(); ?>"/>
        <?php endforeach; ?>
  <?php endforach; ?>

So yes, definitely possible with Kirby.

1 Like

that’s awesome, thank you Lukas!

do you think there is a way to make the rows sortable by year, artists, size, etc… and dynamically change the order when clicking those labels? do this require some XML? (I’m new to coding)


There are a lot of Javascript plugins for sorting tables out there:

1 Like

this forum rocks.
thanks mate!

You might also be interested in a plugin like this which also makes tables responsive:

There are other similar plugins out there …

1 Like