Links

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. 1.
    Please click the file to download the corresponding "json" of the layout you want.
  2. 2.
    Download the selected preset.
  3. 3.
    Open downloaded file in the text editor.
  4. 4.
    SELECT ALL and COPY.
  5. 5.
    From your Shopify admin, go to Themes -> Actions -> Edit Code.
  6. 6.
    Find folder Templates -> Open file product.json -> SELECT ALL and DELETE. PASTE the copied preset from the external file.

Product Demo

  1. 1.
    Product Layout 01 - Default.
  2. 2.
    Product Layout 02 - Full Width
  3. 3.
    Product Layout 03 - Grid View
  4. 4.
    Product Layout 04 - Slider
  5. 5.
    Product Layout 05 - Gallery
  6. 6.
    Product Layout 06 - Left Thumb Image
  7. 7.
    Product Layout 07 - Right Thumb Image
  8. 8.
    Product Layout 08 - Left Sidebar
  9. 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.