Skip to main content

Add to page

There're several ways to add a gallery to your page. You can follow one way below

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

  • Navigate to Online store > Pages

  • Follow this to paste code

Use page template​

note

Creating a new template is only available for Online Store 2.0.

Create new page template​

  1. From your Shopify admin, go to Online Store > Themes.
  2. Find the theme that you want to edit, and then click Customize.
  3. Open the drop-down menu at the top of the page.
  4. Use the dropdown menu to select a template. Click + Create template.
  5. Give your template a unique name (forexample gallery)
  6. Using the dropdown menu, select which existing template you want to base your new template on.
  7. Click Create template.

Add section to page template​

  1. Click Add section, then XO Gallery

  2. Fill your gallery/album id then click save to preview your gallery

Apply a new template to a page​

  1. From your Shopify admin, go to Online Store > Pages.
  2. Click the title of the gallery page.
  3. In the Online store section, use the dropdown menu to select a new theme template to apply to the selected page.
  4. Click Save.

Remove from page​

If you publish a gallery to a page using the publish feature or embed code, you can follow this to remove it:

  1. Navigate to Online store > Pages
  2. Edit your page
  3. Click Show HTML button, find class="xo-gallery" and remove it