Gallery widget configuration

After adding the Gallery to your Apps section in the Theme Template, you can edit it and adjust it to the design of your website. There is a list of fields and appearances that can be changed.

Exact gallery you’d like to add on a specific page

• In case you’re adding a Gallery to a Product Template, you can select if you want to have a general gallery appearance on each product in the template, or customize the fields of a specific product separately.

• In case you’re adding a Custom Gallery to a specific page, you can change the page on which this gallery will appear.

Demo mode

Allows you to review how your gallery will look on a store’s website once it’s filled with photos. We’re providing you with test pictures, but in the theme editor only.

Custom widget width (px)

You can define the widget width by yourself, or leave a 0 value so the gallery will adapt to the width of your site's container.

Header

Here you can configure the texts of your gallery. It can be customized for the situation, when there are already some photos in the gallery, or when it’s empty. Review the list of fields that could be edited:

• Title

• Title for empty gallery

If you don’t need a title on your gallery, you can put the toggle into the OFF position.

• Subtitle

• Subtitle for empty gallery

If you don’t need a subtitle on your gallery, you can put the toggle into the OFF position.

• Button CSS class

To ensure a consistent design, you might want to use the same CSS classes for our 'Upload' button as your theme uses.

Layout settings

This settings block allows you to customize the appearance of the gallery when there are already some photos in it. You can also manage the number of slides for each of the device types.

Review the list of fields that could be edited here:

• Show gallery

In case you don’t require a specific gallery on your Store anymore, you can always disable it.

• Layout This setting offers you 3 options - Slider, Grid, and Masonry mode.

  • Grid: You can depict your photos in a gallery all at once, which means your page will look longer, depending on the number of photos in your gallery.

  • Slider: The gallery will always have the same size on your page, as the photos can be seen via pages by turning them via a slider.

  • Masonry: Your photos will be arranged in an organic, mosaic-like layout that optimizes space by placing images of different sizes together without gaps, giving your page a dynamic and modern look.

• Images per row to show on

  • desktop

  • mobile

• Number of rows on

  • desktop

  • mobile

• Enable lightbox gallery

Allows your customers to review the photo in a full-screen mode and move to another with a slider.

• Show photo description

Allows your customers to see the description of the image that you or other customers left about your products or store.

• Shoppable gallery

  • right

  • bottom

Choose the position of the product cards linked to your photos inside the lightbox, or disable them for this widget. By default, the Shoppable gallery is displayed on the right side. On mobile devices, the cards always appear at the bottom for better usability. Your customers will see each linked product as a card with the "View Product" button and can temporarily hide the cards using the tag icon.

Slider settings

Configure the appearance and functioning of the slider on your gallery with the following settings:

• Navigation arrows

The setup options include disabling the arrows completely or enabling them only on a particular device type.

• Arrows position

  • Inner

  • Outer

• Navigation dots

Can be disabled completely or enabled only on a particular device type.

Upload form settings

This block is responsible for the pop-up form that the customer sees when uploading the photo to the gallery. Depending on your store’s policy and needs, adjust the settings.

By default, the Uploading of photos by your customers to the Gallery is allowed, but in case you don’t want it, there is a possibility to disable the “Upload” button.

Other configuration options include:

• Email request

  • Enabled

  • Disabled

  • Enabled and Required

• Description request

  • Enabled

  • Disabled

  • Enabled and Required

• Enable policy agreement checkbox

To add the link to your Privacy Policy in the text near the checkbox, you need to add a standard HTML link tag (e.g., <a href="your-link">link text</a>) in the consent text field (e.g., "I agree with the Privacy Policy") in the Settings page, Edit / Translate texts tab. The app will automatically open this link in a new tab for your customers.