How to use the Gallery Module?

In the content management system, the Gallery Module is used to organize photos and other visuals into specific galleries and display them neatly on your website. You can create separate galleries for branch photos, event images, completed projects, or images related to your business.

The Gallery Module works in two stages: First, a gallery record is created, then images are added to this gallery. This allows you to manage general gallery information as well as the order and visibility of the images separately.

What is the purpose of the Gallery Module?

The Gallery Module allows you to present multiple images to visitors under the same title. Galleries can be associated with groups, and the open or closed status of each gallery can be managed. Alternative text, sorting, and status information can also be defined for the images within the gallery.

For example, you can group photos on different topics into separate galleries and use these galleries on pages that suit your needs. Visitors can view the images in gallery mode.

How can I access the Gallery Module page?

In the Webayt admin panel, follow the path Modules → Gallery Module from the left menu.

 Modules → Gallery Module

The page that opens contains the Gallery List and Add Gallery tabs. You can view previously created galleries, add a new gallery, or edit and delete existing galleries.

What can be found on the Gallery List screen?

The Gallery List screen displays galleries in a table format. You can search the list and view basic information about each gallery.

• Gallery Name: This is the name that allows you to identify the gallery in the panel.
• Group: This is the group to which the gallery is associated.
• Image Count: Shows the number of images in the relevant gallery.
• Status: Indicates whether the gallery is open or closed.
• Images: Used to manage the photos and images within the gallery.
• Edit: Allows you to update the gallery's name, group, or status.
• Delete: Used to delete a gallery entry.

How to Create a New Gallery?

You can use the Add Gallery tab to create a new gallery. You don't need to add any images at this stage; the gallery's general information is saved first.

1. In the admin panel, open Modules → Gallery Module .
2. Click the Add Gallery tab.
3. Enter the gallery name in the Gallery Name field.
4. Select the group you want to use from the Group Selection area.
5. Set the status field to on or off.
6. Save the gallery using the Add button.

Once a gallery is created, it will be displayed on the Gallery List screen. To add photos to the gallery, you can use the Images button in the relevant row. Each gallery created collects its images in a separate management screen.

What are the gallery upload areas used for?

Gallery Name is a required field. To easily identify the gallery, you can use a descriptive name such as “Our Branches”, “Events”, or “Our Projects”.

Group Selection associates the gallery with a specific group. If you don't need to select a custom group , the Default Group option is available. For detailed information on how groups work, please refer to the How to Use Groups guide.

The Status field determines the usage status of the gallery. Open galleries can be used in the appropriate module displays; Closed galleries remain registered but are not displayed on the front end.

How to Edit an Existing Gallery?

On the Gallery List screen, click the Edit button next to the relevant gallery. On the page that opens, you can update the Gallery Name , Group Selection , and Status fields and click the Update button.

The editing screen also includes a "Lists to Update" section. This area is used to select which languages' translatable information should be updated in multilingual lists. For details, see the "How to Use Lists to Update" guide.

How to Add Images to the Gallery?

To manage the images in a gallery, first click the Images button for the relevant gallery on the Gallery List screen. The page that opens will contain the Gallery Images and Add Image tabs.

1. Open the Images screen of the relevant gallery.
2. Go to the Insert Image tab.
3. Upload or select a file from the Add Image area.
4. You can fill in the Image Title / Alternative Text field if you wish.
5. Enter the image's order in the Required Order field.
6. Set the status field to open or closed.
7. Save the image by clicking the Add button.

The saved image is added to the Gallery Images list of the relevant gallery. You can add multiple images to the same gallery.

Image Upload Guidelines

According to the description on the image upload screen , PNG, JPG, JPEG, GIF, SVG, and WebP files are supported. The maximum size of the file to be uploaded is 2 MB .

Using high-quality but web-optimized images can help the gallery load faster. For general upload procedures, you can refer to the Webayt How to Upload Images in the Panel? guide.

What is the purpose of an image title/alternative text?

The Image Title / Alternative Text field is used to write text describing the gallery image. According to the information on the upload screen, if the field is left blank, the alternative text for the image will also be blank.

For example, for a branch photo, you can use a short text that actually describes the image, such as "Exterior view of the branch." Descriptive alternative texts are helpful for accessibility. Avoid unnecessary keyword repetition.

How to Use the Sequence Field in Images?

The order field is mandatory and is used to determine the display order of images within the same gallery. For example, you can set the order of images as 10, 20, 30, making it easier to add new images later.

This is the order of the images within the gallery . The placement order of the modules on the page is arranged separately in the Module Management area using drag-and-drop.

How to Manage Visual Appearance?

Each image has a Status field. Images in the Open state can be displayed in the gallery. Images in the Closed state remain saved but are not displayed on the front end. Instead of deleting an image, you can temporarily hide it by setting it to Closed.

How to Use the Gallery Image List?

The Gallery Images screen displays preview, Image Title/Alternative Text , Order , Status , and Action buttons for each image. You can search the screen; the relevant image can be managed using the Edit or Delete button.

The "Number of Images" information on the Gallery List screen allows you to quickly check how many images are in each gallery. In galleries with many photos, creating a naming and sorting system makes management easier.

How to Update Gallery Images?

Go to the Images page of the relevant gallery and click the Edit button next to the image you want to change.

In the image editing screen, you can modify the image file and update the Image Title/Alternative Text , Order , and Status fields. Click the Update button to save the changes.

This screen also contains the "Lists to Update" section. Selecting the correct language lists to update is especially important if alternative texts are used in different languages.

How to Delete Gallery Images or Videos?

To remove an image, you can use the Delete button on the corresponding row in the Gallery Images list. Deleting the gallery itself is done from the Gallery List screen.

Before deleting, check if the gallery or image in question is already being used on the website. Since all the technical consequences of deleting a gallery and its associated images cannot be verified from screenshots, it's safer to save necessary files before deleting important records.

How to use the Gallery Module on Pages?

Creating the gallery and images makes the content ready in the panel. For the gallery to be displayed on the website, the Gallery Module must be used in the module layout of the relevant page.

Webayt With version 1.9, modules can be managed through the central Module Management system . The same module can be used multiple times on the same page with different groups; modules can be arranged using drag-and-drop and defined globally.

Category and content pages cannot have modules added directly to them. These pages inherit the modules from the Information and Section Pages they are linked to. For details on adding the Gallery Module to pages and selecting groups, please refer to the "How to Add Modules to Pages?" guide.

In which areas can the Gallery Module be used?

Galleries are ideal for content where you want visitors to view multiple images simultaneously. Branch photos, project progress, events, or company profiles can be separated into different galleries. This allows you to present images prepared for different purposes within the same website in a single list without mixing them up.

For example, two separate galleries can be created, one titled "Our Branches" and the other "Our Events". The images in each gallery are managed on its own screen. The way they are used on the page and which gallery is displayed in which area should be evaluated together with the module's group selection and theme structure.

What should be considered when using a gallery?

• Give the galleries short and easy-to-understand names.
• Gather the images in the correct gallery and select the group you need.
• Upload images that meet the 2 MB limit and are optimized for the web.
• Use meaningful alternative texts to describe the image.
• Arrange the images in a way that follows the visitor's viewing flow.
• Instead of deleting galleries or images that will be temporarily hidden, consider turning them off completely.
• Check the lists for updates on multilingual websites.
• After making the changes, test the grid and visual zoom functions on the front end.

Summary

The Gallery Module , Webayt, is used in the content management system to group images under galleries and display them on the website. First, a gallery is created with gallery name, group, and status information; then, images are added and alternative text, order, and visibility settings are managed.

Gallery content is managed from Modules → Gallery Module . Display and layout on the page are handled by Module Management . The front-end gallery view may vary depending on the theme used; in the shared example, images can be enlarged and navigated.