How do Panel images work in combination with Templates?

Questions regarding the panel -> images.

1 - How do I display one specific image on a page using the panel? The example only has album’s of images. Not just one image.

/site/blueprints/pages/product.yml

  slider_image_11:
    label: slider_image_11
    type: files

This displays the file selector in the Panel of current files in the same directory.

/site/template/product.php

	<img src="<?php echo $page->image($slider_image_11)->url() ?>" alt="">								

2 - How do I upload additional images via the Panel?

3 - What is the difference between ‘image’ and ‘file-image’?

Thanks once again! :slight_smile:

Your question isnt completly clear but I will assume you have just one file stored in a field:

<?php if($img = $page->slider_image_11()->toFile()): ?>
  <img src="<?= $img->url() ?>" alt="<?= $img->alt() ?>">
<?php endif ?>

On a side note, i forget if underscores are allowed in names or not. If the above doesnt work, try taking the undescores out and saving the page again in the panel.

Underscores yes, dashes no.

I don’t understand the question. What are you referring to?

You can upload images either via the context menu when you click the “Add” button of a files field or via a files section.