Gallery Management
You can create image, video and file galleries from the Modules > Gallery section. Every gallery; It can be dynamically called from templates by associating it with a product, category, brand or model.
Gallery List
A list of all galleries is displayed at /panel/#/gallery.
List Columns
| Column | Description |
|---|---|
| Gallery Images | Icon to switch to items in the gallery |
| Image | Gallery cover image |
| Title | Gallery name |
| Sequence Number | Inline editable sort value |
| Status | Active / Passive |
Creating a New Gallery
In the form opened with *Add:
| Area | Description |
|---|---|
| Title | Name in gallery |
| Gallery Type | Photo Gallery, Video Gallery or File Gallery |
| Thumbnail | List/preview image |
| Large Image | Detail page cover image |
| Content | Gallery description text (TinyMCE editor) |
| Seo Link | URL |
| Seo Title / Description / Keywords | SEO meta fields |
| Status | Active / Passive |
All text fields offer multilingual support.
Gallery Detail
When you click on the gallery icon in the list, you will go to /panel/#/gallery/:id. The page contains 6 tabs.
An information box about using the template appears at the top of the page:
{gallery type="product" id="$P.ID" assign="GALLERY_LIST"}
{gallery type="category" id="$P.CATEGORY.ID" assign="GALLERY_LIST"}
{gallery type="brand" id="$P.BRAND.ID" assign="GALLERY_LIST"}
{gallery type="model" id="$P.MODEL.ID" assign="GALLERY_LIST"}Tab 1 — Gallery Information
Gallery name, type, images, content and SEO fields are arranged. It contains the same fields as the gallery creation form.
Tab 2 — Gallery Images / Items
A list of content items for the gallery. By default this tab is open.
Item List Columns
| Column | Description |
|---|---|
| File/Image | Image preview or filename link |
| Title | Item name |
| Data 1 | Additional information area |
| Sequence Number | Editable inline |
| Status | Active / Passive |
Item Fields
| Area | Description |
|---|---|
| Title | Item title |
| Embed Code | iframe/embed code in video galleries |
| File/Image | Upload images or files (image, video or document depending on gallery type) |
| Content | Rich text of the element (TinyMCE editor) |
| Sequence Number | Order in list |
| Status | Active / Passive |
Items offer multilingual support.
Tab 3 — Product Relationship
Associates the gallery with one or more products. Selection is made through product search. It is called with {gallery type="product" id="$P.ID" assign="GALLERY_LIST"} in the template.
Tab 4 — Category Relationship
Associates the gallery with the category(ies). It is called with {gallery type="category" id="$P.CATEGORY.ID" assign="GALLERY_LIST"}.
Tab 5 — Brand Relationship
Associates the gallery with the brand(s). It is called with {gallery type="brand" id="$P.BRAND.ID" assign="GALLERY_LIST"}.
Tab 6 — Model Relationship
Associates the gallery with the model(s). It is called with {gallery type="model" id="$P.MODEL.ID" assign="GALLERY_LIST"}.
Usage in Template
Gallery data is accessed from TPL files with the Smarty function:
{gallery type="product" id="$P.ID" assign="GALLERY_LIST"}
{foreach $GALLERY_LIST as $gallery}
{foreach $gallery.items as $item}
<img src="{$item.img_big}" alt="{$item.name}" />
{/foreach}
{/foreach}| Parameter | Description |
|---|---|
type | Relationship type: product, category, brand, model |
id | ID of the relevant record (product ID, category ID, etc.) |
assign | Smarty variable name to which data will be assigned |
Render by Gallery Type
The template can render differently depending on the gallery type (photo, video, file). Conditional display can be applied by checking the type with the $gallery.xtype variable.