Skip to content

Add to page

Auto create/add

  • In app galleries list, navigate the gallery that you want to show in your page and click Publish button.
  • Choose existing or create new page
  • Choose position
  • Click Save

Using embed code

  • In app galleries list, navigate the gallery that you want to show in your page and click Publish button.
  • Click Embed code
  • Click Copy code

  • Back to page edit and paste code

Use liquid include

This way you will get your gallery load faster and better for SEO.

Create new page template

  • Go to Online Store > Themes, click Action > Edit code (near your current theme)
  • In Template folder click Add a new template

Let call it gallery (you can name anything you like). After click Create template, it will add template for page code for you. Something like this:

just look for {{ page.content }}, it's what you type when you post new Pages. Insert liquid code from XO Gallery after (or before) this line.

Choose template for page

Go to Online Store > Pages, in Template block choose page.gallery: