Panel – first image from subpage

Kirby 3 Questions 🤔
1

Hi!

Silly question: How do I query the first image of a subpage within a pages section. My query code only always queries the first uploaded image but not the first sorted image.

image:
  cover: true
  ratio: 1/1
  query: page.images.template("projectimage").sortBy("sort").first

Thanks!

2

Do all files have a sorting number? If you upload new images, they don’t automatically get a sorting number.

3

No they don’t have a sorting number, I sorted them in the panel after uploading.

4

Then they should have a sorting number in their meta data file.

1 Like
5

Yeah, they do have that number!

6

And the template as well?

7

I had similar problems in my php template. I fixed it by supplying the first() method with the referenced whole collection.
When filtering, the first() (and similar) methods seem to use the unfiltered list as a reference; manually providing the correct, filtered one fixes this.

This may or may not work in blueprints. I can’t confirm this as I’m on mobile atm.

8

@mozi_h I can’t reproduce that behavior in a template. First() doesn’t accept any parameters, anyway.

9

The chain works in a php template but not as a blueprint query :man_shrugging:

1 Like
10

I have a feeling there’s a really simple solution to this one, since it’s a very basic feature to show the first image in a sorted collection.

11

Hm, I’m testing this in a 3.5 Starterkit and the image that is shown changes whenever I change the sorting order of the images in the section.

Although I haven’t tested with multiple file blueprints in a page yet.

12

Perhaps query every image and limit it using max?

13

Now tested with multiple sections and two templates, still works as expected.

@teh maybe try in a Starterkit.

1 Like
14

I’m testing it on 3.5 as well :confused:

The structure is: Site –> Projects –> Project

15

And the query is in the Projects blueprint. Maybe it’s in the wrong blueprint

16

You mean in a pages section for the project subpages in the projects blueprint, right?

Which is the same structure as photography > album in a Starterkit.

17

That’s the blueprint of the Projects’ page

columns:
  - width: 1/2
    sections:	
     published:
        type: pages
        status: listed
        template: project
        image:
          cover: true
          ratio: 1/1
          query: page.images.template("projectimage").sortBy("sort").first
18

Yeah exactly, haven’t installed the starterkit, it’s plain though

19

Hm, weird.

20

Thanks for trying though! Have a nice Christmas time