Inline gallery

This article is machine translated.

Compared to the standard gallery, the Inline Galerie does not generate a large view of images or redirects. It is therefore normally only suitable for theproduct reader and replaces the large view of the image when clicking on a gallery image. It displays it “inline”, which is the origin of the name of this gallery type.

Basic configuration

Setting Default setting Description
Placeholder image - Typically, especially during the development phase of a shop, there are always products that do not yet have a product image. Here you can optionally define a placeholder.

Image sizes

This gallery type does not support the Responsive Images and the Picture element in Contao.
Setting Default setting Description
Main image size - Here you set how the large view of an image should be cropped. An image is always the main image in this gallery type. This setting applies to this image.
Gallery size - Here you can set how the rest of the images should be cropped. All other images except the main image are gallery images. This setting applies to those images.

Watermark

Watermarks can be quite helpful especially when selling image products.

Watermarks are not resized with the respective images but applied 1:1 as you created them!

Setting Default setting Description
Main image watermark - Here you can select a watermark image to apply to your main image.
Main image watermark position - The position of a watermark can be important. Here you can define how Isotope eCommerce should position it for your main image.
Gallery Image Watermark - Here you can select a watermark image to apply to your gallery images.
Gallery Images Watermark Position - The position of a watermark can be important. Here you can define how Isotope eCommerce should position it for your gallery images.

Template Settings

This feature is only available in Isotope eCommerce 2.2 and later.

Setting Default setting Description
Custom gallery template - Here you can select your own gallery template to influence the HTML output in the frontend.