Image Gallery

Image Gallery Widget Guide

The Image Gallery widget lets you show a group of pictures in a neat and easy way. It’s perfect for showing things like your work, products, team, or special moments. You can arrange the pictures how you like and make them match the look of your website.

1. Choose a Layout

What you’ll see:

• Different layout choices like Grid, Masonry, or Three Columns

• A Continue with this template button

What to do:

• Click on a layout to see how it looks

• Pick the one you like, then click Continue to start editing

2. Use the Main Tabs

After choosing a layout, you’ll see three main tabs:

1. Content – Add your pictures

2. Style – Change how it looks

3. Settings – Choose how it works on your site

3. Set Up Your Gallery

Content Tab

This is where you add and arrange your pictures:

• Upload Pictures – Choose the photos you want to show

• Titles & Captions – Add short text under or over the pictures (if you want)

• Click Action – Decide what happens when someone clicks a picture

• Picture Order – Drag pictures to move them around

Use this tab to build your gallery step by step.

Style Tab

This is where you change how the gallery looks:

• Layout – Pick how the pictures are arranged (in rows, columns, etc.)

• Spacing – Choose how much space is between pictures

• Size – Make the pictures all the same size or keep their original size

• Mouse Effect – Add a small movement or color change when someone moves their mouse over a picture

• Text Style – Change the look of any titles or captions

This helps your gallery match the style of your website.

Settings Tab

This is where you control how the gallery works:

• Click Option – Choose what happens when someone clicks a picture

• Loading Speed – Turn on faster loading for better performance

• Mobile Friendly – Make sure the gallery works well on phones and tablets

• Extra Styling (Optional) – Add more design if needed

These options help your gallery work well for all visitors.

Helpful Tips

• Use the Content tab to add and arrange your photos

• Use the Style tab to change the look

• Use the Settings tab to control how it works

• Don’t forget to click "Save" when you're done!