Best practice image blocks

Kirby 3 Questions 🤔
1

Hey,

i am currently refactoring my image structure a little bit and have a problem to find the best way to go.

Following situation:

This is my Website/panel structure.
I have different blocks with different elements. Inside each element i have a global_page_image block where i handle all the image stuff.

Type Studio 2021-03-19 at 12.51.26
Type Studio 2021-03-19 at 12.51.26665Ă—966 52.6 KB

Code example:

page blueprint:

    fields:
      modules:
        label: Modules
        type: blocks
        fieldsets:
          content__image_big: fieldsets/content__image_big <- that is for example block 1

content__image_big blueprint:

fields:
  toloadimg:
    type: blocks
    columns: 1
    max: 1
    fieldsets:
      image_global: fieldsets/subfieldsets/image_global
      image_page: fieldsets/subfieldsets/image_page <- want to remove this

image_global:

fields:
  image_global_data:
    type: files
    query: site.images.filterBy('extension',  '!=', 'webp') #queries global images
    layout: list
    uploads:
      template: image
      parent: site # to upload to the global site images

All of this works fine at the moment, but it annoys me a little that the blocks are nested:

Type Studio 2021-03-19 at 12.43.21
Type Studio 2021-03-19 at 12.43.212040Ă—361 51.3 KB

Is there a way to prevent that the blocks are “visually” nested without duplicating code? I love how the image block in the startkit is and would love to have a clean and easy panel like it is there.

Type Studio 2021-03-19 at 1.01.34
Type Studio 2021-03-19 at 1.01.342022Ă—868 192 KB

For example i could add the image_global directly inside the content__image_big block, but if i want to make change there i have to go inside every other block where i use image_global. Any idea?

Best
Marvin

2

Anyone?

3

Why do you nest a block instead of doing it in the same way as in Kirby’s image block? With two image field that depend on a radio selection (and when)?

4

Wouldnt i then have to copy and paste the code (instead of calling the “subblock”) inside every block where i want to use images? If i then want to make a change to something related to the images i have to go inside every block where i copied the “image code”, correct?

Or is there a way to add an image to a snippet without nesting the whole thing as a subblock?