Theme Installation

1. Installing Required App and Extension

Let’s begin the first step of building your dream online store!
This step-by-step guide will show you completely how to install and verify your purchased theme.
Google Chrome Browser is a requirement for installing and operating the theme and all its features.

  1. Install app:
  2. Chrome Extension:

For a complete visual tutorial, please view the video below:

2. Manually

2.1 Theme Package Upload

  1. Download theme package from ThemeForest Download.
  2. Unzip/extracted the file on your computer.

    If you don’t know how to unzip, read more How to Unzip Package

    You'll see 4 folders inside:
    ├─ arenafont       --> contains icon font arenafont and detail
    ├─ theme-package (aka upload)   --> contains the theme's package zip files
    │  └─ ---> Upload theme package to Shopify
    └─ pre-setting     --> contains the sample data file `settings-data.json` as our demo.
    ├─ documentation   --> User Guide folder
    └─ readme.txt
  3. From your Shopify admin, go to Online Store > Themes
  4. In the More themes area, click Upload theme.
  5. From the Upload theme, Choose File to select the .zip file that you want to upload.
  6. Click Upload. The theme will be added to the Themes page of your admin.

It is installed, but not published. When you’re ready to unveil your new look to the world, click Publish theme.

2.2 Change Demo Preset Setting

The settings_data.json file stores the theme settings data saved from the theme editor. It can include “theme styles”, also known as Presets.

  1. From your Shopify admin, go to Online Store > Themes.
  2. Find the theme you want to edit, and then click Actions > Edit code
  3. Locate and click on the Config > settings_data.json
  4. Replace current settings\_data.json by the new one at pre-setting folder
    • Open setting_data.json in pre-settings folder. Click to Open.
    • Copy & Paste content to settings_data.json in Web Browser.
    • Click Save

Publishing Theme

  • Once the installation is finished, you can publish the theme to see first hand how it will play out on the web.
    If you have installed the Demo package, the theme will now be lively with demo images to help you understand further the functions of each section.
  • If you have installed multiple Demos, the theme you choose to publish will be the one customers actually see when your store goes live.
  • To publish a theme, simply go to the Arena Dashboard app in the App section of your myShopify Admin Homepage > choose the Theme Installation tab > scroll down to the list of Installed Themes > Click More actions... button on the theme you want to publish > Click Publish. Publish theme
  • After publishing the theme, you can view the theme in action on your domain [your chosen name]

In the next step, we will go through the installation and integration of useful Shopify apps that will help boost customer’s engagement and ease their buying process. You can access it by clicking here or click Integrating Shopify App at the lower right corner.