Demo & Settings Data

To apply the product page layout you want for your store, there are 2 methods to do.

01: Apply Preset data for Product Layouts:

1. Please click the file to download the corresponding "json" of the layout you want.

2. Download the selected preset.

3. Open downloaded file in the text editor.

4. SELECT ALL and COPY.

5. From your Shopify admin, go to Themes -> Actions -> Edit Code.

6. Find folder Templates -> Open file product.json -> SELECT ALL and DELETE. PASTE the copied preset from the external file.

Product Demo

1. Product Layout 01 - Default.

2. Product Layout 02 - Full Width

3. Product Layout 03 - Grid View

4. Product Layout 04 - Slider

5. Product Layout 05 - Gallery

6. Product Layout 06 - Left Thumb Image

7. Product Layout 07 - Right Thumb Image

8. Product Layout 08 - Left Sidebar

9. Product Layout 09 - Right Sidebar

Presets For Product

Product	Json (with .txt format)
Layout 01	product-default.txt
Layout 02	product-full-width.txt
Layout 03	product-grid-view.txt
Layout 04	product-slider.txt
Layout 05	product-gallery.txt
Layout 06	product-left-thumb.txt
Layout 07	product-right-thumb.txt
Layout 08	product-left-sidebar.txt
Layout 09	product-right-sidebar.txt

02: Choose Product Page Layout in Theme Editor:

• From your Theme Editor -> Theme Settings -> Multiple Layouts -> Choose product page you want here:

After that, follow this instruction to set up in editor of product page layout which can show up the same design from the page you see on demo.

This method is difficult to follow than the first method because Ella has many product pages, we write theme settings with lots of options to choose. You need to set up correctly to show the same page design as our demo.