Customize the gallery

Click on the gallery you would like to customize and click the Customize Gallery tab.

All your settings will appear in the left column.

Gallery Presets Wizard - Use this wizard to select a pre-defined style for your gallery

Layout Tab

Gallery Preset Wizard - Click this to choose a pre-made layout for your gallery
Choose to display in a Slider, Gallery, or Collage format
Highlight Photos - Highlighting an image in your gallery will increase the size and make it stand out. Selecting this will give you options to choose which images are highlighted
Desktop / Mobile - Select either tab to change settings for a computer versus a mobile screen
Item Padding - Increasing the padding will increase the spacing between the images
Photos per row - Select how many images you wish to display. Certain themes may have a default maximum and selecting more images per row will decrease thumbnail size, and vice-versa

Photo Settings

Number of photos at once - Select how many photos you wish to display in your gallery upon loading the page
Photo dimensions - Changing this will change the resolution at which your thumbnail image is shown. Change this to a lower setting to increase loading speeds
Hide if number of photos less than - This option is more for Product Galleries. It will hide your gallery if there is less than the number of images you specify in this field.

Style Settings

Load More Tab

Button, Infinity scroll, none - These are the three options you can use to load more images on your gallery. Button will show a button that needs to be clicked; Infinity scroll will load more images as the user scrolls, and none will have no option to load more images.
Button Style - This gives you the option to change your button's style to a pre-defined style
Button Color - Changes the color of the text and outline
Load More Button Font Size - Changes the button text font size
Button Border - Changes the border line thickness
Button Padding - Changes how far the border is from the text

Item Hover Tab

Hover Style - Choose from five pre-defined styles or choose Disable hover effect
Hover color gradient - Changes the color of the hover effect
Hover Background Opacity - Changes the transparency of the hover effect
Label (Product) - Changes the default "Shop This Look" text. This is the text that will appear on images that have products tagged on them
Label - Changes the default "See More" text. This is the text that will appear on images that do not have products tagged on them.
Show Instagram Icon - Enabling this will show the Instagram icon if the image is pulled from Instagram. It will not show up on manually uploaded images.

Gallery filter Tab

Show Gallery Filters - Enabling this show the filters you've defined (from the Edit Post area) on the gallery
Allow Multiple Filters Selected - Allows customers to select more than one filter to search with

Customer Photo Tab

Show Upload Widget - Enabling this will give customers the option to upload to a gallery
Widget Position in Gallery - This option picks which position the upload widget will take in the gallery
Widget Label - Change the default text here from "Add your Photo" to what you would like to show on your upload widget
Button CSS Selector - Allows you to turn any button on your site into an upload button for your gallery
Custom Widget Icon - Upload your own image to act as your upload widget

Custom CSS Tab

Add Custom CSS - For Business plan users, you can use this button to add CSS to change the appearance of your gallery or popup
Elements to hide when the product gallery is empty - If you have created a title for your gallery (like SHOP OUR INSTAGRAM) and you want to hide it when the gallery is empty, enter the css selector here and the app will hide that element if there are no items in the gallery.

Popup Tab - Use the switch next to the tab title to enable/disable the popup (Blue = Active)

Show 'Direct Buy' - Enabling this will allow your customers to add products directly to their cart from your gallery
Show price for tagged products - Enabling this will show prices for your products
Show out of stock products - Enabling this will show products on the popup even if they are out of stock
Hide social share icons - checking this box will hide the social media icons
Enable animation - Checking this will show a transition to open and close the popup
Popup image size - Fixed=Same size for all images; Responsive=Popup size will change with image resolution

Product List Settings

Products list title - This will be the text that appears above your products in the popup

Style Settings

Buy Button Tab

Button Style - This drop-down gives you pre-defined button styles to choose from
Buy Now Label - This is the first text that will appear before showing variants
Add to Cart Label - This is the last text the customer will see to add a product to the cart

Close Button Tab

Button Style - This drop-down gives you pre-defined button styles to choose from
Button Position - This allows you to choose where the close button will appear on your popup

Arrows Tab

Desktop / Mobile - Select either tab to change settings for a computer versus a mobile screen
Arrow Symbol - Thos drop-down gives you pre-defined button styles to choose from
Arrow Position - This allows you to choose where the arrows will show on the popup

Popup Background Options