Demo & Settings Data

To apply the product page layout you want for your store

Steps:

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.

1. Presets For Product

Product	Json (with .txt format)
Product Layout 01 - Default.	product-default.json
Product Layout 02 - Full Width.	product-full-width.json
Product Layout 03 - Left Thumb.	product-left-thumb.json
Product Layout 04 - Right Thumb.	product-right-thumb.json
Product Layout 05 - Grid View	product-grid.json
Product Layout 06 - Gallery View	product-gallery.json
Product Layout 07 - RTL.	product-RTL.json

2. 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.

1. Product Grid View

From the editor panel of the Product Information:

• For Main Image, select Layout: Style 3.

• For Thumbnails, choose Layout: No Thumbnail.

2. Product Gallery

From the editor panel of the Product Information:

• Under Thumbnail, choose Layout: No Thumbnail.

3. Product Left Thumbs

From the editor panel of the Product Information:

• Under Thumbnail, choose Layout: Layout 1(Left Thumbnail).

4. Product Right Thumbs

From the editor panel of the Product Information:

• Under Thumbnail, choose Layout: Layout 2(Right Thumbnail).

This method is difficult to follow than the first method because Pizzon 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.