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.
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.
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.
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.
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.
Last updated
Was this helpful?