Install #1 Page Builder App for FREE and get deal 6 months of Standard Plan. Hurry up! See Detail  

Header background

Import Demo


Written by Alfred

Last updated


On this page

Important note: To import demo, you need to install theme file to your store. Follow this guideline to upload zip file.

Please make sure that you have unzipped the theme package that you download on Theme Forest before upload it to your store. Otherwise, you will get the issue: zip does not contain a valid theme: missing template "layout/theme.liquid". Then please upload file to your store.

Theme" - it means name of your theme such as Kalles, Gecko, Unsen, Ecomus and Ocolus.

1. Import Demo One-click with EcomRise

Currently, EcomRise is compatible with Kalles 4, Gecko 6, Unsen, Ocolus and Ecomus


EcomRise is a powerful support application for The4 themes, designed to save you time compared to traditional demo imports by copying the settings_data.json and index.json files.

This application requires only a few simple steps to import the demo, including banner images, layouts, and customizations. Please follow the steps below:

  • Step 1: Install app EcomRise

  • Step 2: From EcomRise dashboard > Click on Settings > Select Theme Working "Choose a theme to work on" > Then Save

Note: The Import Demo feature is only available for the Draft theme and does not work with the Published theme.

  • Step 3: Access The4 Theme > Choose Import Demo > Explore and then you can Preview Demo you want to Import > Select demo.

  • Step 4: Read carefully the term and tick on the check box > Import Demo and wait to progress complete.

2. Import Demo in the Theme

Copy then paste files Setting_data_json and Index_json

You need to upload 2 files Settings_data_json and Index_json of the Demo that you want.

Notice: You must install Sublime Text (or other editor softwares) to your device in order to open index.json and settings_data.json. You can click here and choose the suitable Sublime Text version to install.

When you complete the import file, you need to active the theme with your license code.


This feature is only available on these themes: Ecomus v1.1 or lower. Gecko v6.2.0 or lower, Kalles v4.3.1 or or lower, Ocolus v1.x, Unsen v1.x

3. Select the available demo in EComposer Library

Note: Kalles and Unsen's demo in EComposer is available. However, the Demo EComposer library is not yet fully available. We are currently in the process of updating it. Therefore, for any Demo that is not yet available, please use and import the theme through Shopify - Online Store - Themes.

3.1. Some FAQs about EComposer

  1. I have theme of The4 installed and full features, why do I need theme for EComposer? Theme's The4 is of great quality, however EComposer was not developed to replace Theme's The4. It was made to fix Shopify editor problems, with Theme's The4 you can only customize everything the theme or Shopify allows but with Theme's The4 EComposer you are free to change the layout that you want.

  2. When should I use Theme's The4 EComposer? When you have a high need to build landing pages or about, contact... at your discretion. You can absolutely use EComposer to create those pages.

  3. I just want to use Theme's The4 is that possible? Absolutely, if your need is everything Theme's The4 has then just use it. Theme's The4 EComposer is only recommended when you have high customization needs, and want more advanced functions (like upsell extensions and high-quality layouts...). To use Theme's The4 EComposer, you are still required to installTheme's The4.

  4. What is EComposer better than Shopify editor? It's pretty hard to explain it all here, you can try the demo at Some outstanding powerful features can be mentioned such as a diverse library of libraries (you can combine them with Theme's The4), an extension store that allows you to have advanced features, a flexible drag-and-drop system, Various elements that allow you to build anything, the auto-save function allows you to avoid losing your work, easy to use custom fonts.....

3.2. Select the available templates from the EComposer library to use

Step 1: Upload Theme's The4 and activate the theme

Please follow the existing tutorial on activating the theme here.

Step 2: Install EComposer App

Go to the EComposer link from the Shopify app store and install it

add app.gif

Step 3: Go to EComposer app and enable App Block

Please follow this quick guide from EComposer team to understand this step.

Step 4: Select the available demo in the EComposer library

Please follow this video below:

[Private Offer] EComposer Partner Plan

Exclusively for The4 users, when you bougth any theme from us, you can get Ecomposer - Theme Partner Plan for ZERO and start making beautiful, high-converting store pages today:

  • FREE 100% EComposer Standard plan for 6 months (save you $114)
  • Build ANY Shopify pages: Landing page, Sale Funnel page, Lead pages, & other custom pages tailored for your marketing campaigns.
  • Create advanced sections & add to your theme with ease
  • 100+ professtional, stunning designer-made templates
  • Build pages with a love drag-drop editor, no coding required

How to claim offer. Install EComposer HERE. Then open chatbox icon in EComposer dashboard and leave a message with subject "Theme name+EComposer" to upgrade for free

Cheers, The4.

We highly recommend Shopify apps from our partners.

We uses cookies to ensure you get the best experience on our website.