Skip to content

Global settings

To access global settings, click Settings from navigation. Here you can change:

General settings

  • Prevent hover effect when title is blank: If no title -> no hover effect
  • Enable image alt tag: Checked, then you can add alt tag for image (in the Build tab)
  • Use filename (without extension) as image title: When you upload new images, file name will be filled to title field.
  • Disable lazyload: Lazyload is enabled by default. Check if you want to disable lazyload.
  • Format money: (pro plan only) in case you want to change money sign, how the number display. You can use:
    • {{amount}}
    • {{amount_no_decimals}}
    • {{amount_with_comma_separator}}
    • {{amount_no_decimals_with_comma_separator}}
    • {{amount_with_apostrophe_separator}}
  • Upload galleries to unpublish themes: XO Gallery is added to main theme by default. If you want it to display in develop theme, check here and choose your theme.

Custom effects

Effects that appear in effect list when build gallery

Button styles

Button is used for loadmore, view product, hover layer, back to album... In this tab, you can manage all your button styles.

Add new button

  1. Click Add button and choose a template
  2. Change button properties, effects, responsive...

Text styles

Similar to button, text style can be use for title, description,...

Add new text style

  1. Click Add text style and choose a template
  2. Change text properties, responsive... to fit your need

Use text style

When editing a gallery, click to choose a text style that you created.

Custom loading

You can change gallery loading icon and icon color here. We provide custom HTML/CSS in case you don't like 9 existing icons.

Custom SCSS code

Add custom CSS/SCSS code for all galleries in your store.