---
title: "Tutorial"
manual: "Generic Gallery"
version: "main"
permalink: "https://docs.typo3.org/permalink/fnagel/generic-gallery:tutorial@main"
source: "Tutorial/Index.rst"
rendered: "2026-11-04T21:50:40+00:00"
---

# Tutorial {#tutorial}

<!-- TODO: no Markdown rendering for "only" -->

**Within this page**

## How to use Exif & IPTC {#how-to-use-exif-iptc}

You need to install EXT:filemetadata and use an extension like EXT:metadata or similar to extract the
meta data from your files and make it available via FAL properties.
See [Available variables](https://docs.typo3.org/permalink/fnagel/generic-gallery:configuration-template@main) for more information on how to use the meta data in your templates.

## How to add existing collections {#how-to-add-existing-collections}

It's possible to disable inline editing of collection records in the plugin.
Disable `use_inline_collection` in the site settings (setup module) or extension manager (before version 8).

## Custom marker (how to render any content) {#custom-marker-how-to-render-any-content}

Use a TypoScript object of any type with help of the cObject ViewHelper:
[https://docs.typo3.org/typo3cms/ExtbaseGuide/Fluid/ViewHelper/CObject.html](https://docs.typo3.org/typo3cms/ExtbaseGuide/Fluid/ViewHelper/CObject.html)

## How to crop pictures {#how-to-crop-pictures}

Use the default image ViewHelper configuration:
[https://docs.typo3.org/typo3cms/ExtbaseGuide/Fluid/ViewHelper/Image.html](https://docs.typo3.org/typo3cms/ExtbaseGuide/Fluid/ViewHelper/Image.html)

## Linkvalidator configuration {#linkvalidator-configuration}

This extension adds some default page TsConfig in order to config the needed fields, see:
`/Configuration/TypoScript/pageTsConfig.ts`

## Preview is cropped / has overflow:hidden {#preview-is-cropped-has-overflow-hidden}

This is a problem because of the Busy Noggin Framework
(EXT:templavoila_framework ). It adds a BE CSS file
(typo3conf/ext/templavoila_framework/core_templates/css/backend.css)
which sets an overflow: hidden and height: 45px to all previews. Just
copy that file, change it and add following to your pageTS:

`mod.web_txtemplavoilaM1.stylesheet = ../fileadmin/templates/be_css/backend.css`

## Search indexing (EXT:index and EXT:seal) {#search-indexing-ext-index-and-ext-seal}

This extension ships a content type for the database indexing of
[EXT:index](https://github.com/lochmueller/index) (package name `lochmueller/index`), which is used by search
extensions like [EXT:seal](https://github.com/lochmueller/seal). It is registered automatically when EXT:index is
installed.

The header of the content element and the title and description of all images are indexed. All gallery sources are
supported: single items (incl. text items), images and file collections.

When using the frontend or HTTP indexing no integration is needed, as the rendered page is indexed.