Skip to main content

Install

Install as normal Shopify apps. Ignore if you are familiar with install steps.

  1. From Shopify app page, click Get.
  2. Click Install app, this will install the XO Builder App to your shop.

After the installation app panel will be embedded to your Shopify Apps page.

Enable XO Builder scripts​

Navigate to theme customize

Theme customize

then click App embeds, and enable XO Builder scripts

Enable XO Builder scripts

Files added by XO Builder app​

Themes​

Files in your theme is depend on page/section that you add.

  • templates/index.json: Your page homepage. Your original homepage will be move to a backup file: templates/index.altenative.json. And will be restored when you remove the homepage from XO Builder app
  • templates/page.**.json: Your custom landing page template
  • sections/xb-**.liquid: Your section files
  • assets/xb-**.css: CSS files for your pages and sections. Each page/section will have different CSS files
  • assets/xb-**.jss: JS files for your pages and sections. Each page/section will have different JS files

Files​

All files (image, video, pdf...) from your page/section will be uploaded to Shopify, in the Content > Files menu.