Product Detail Page

Overview

Capie included different 5 Product Detail layout

You can select the layout of Detail page for all products (as default) in Customize (Theme Editor) > Theme Settings > Product Options - Filters

You also can set layout for each product by select Product template is product.

Below is guide how to use these layout:

Default Layout

From Customize (Theme Editor) go to Product Detail page to load Product pages section.

Make sure that the Product layout is Default or from Customize select product has Template suffix product

Options to control this layout will appear:

Explain group settings below:

1. Product Image Settings

Setting to control the Product Image.

2. Product Information settings

All options to control the information.

How to display video for each product

You need tag the video embed code into your products with syntax video:idYouTube

Eample you want set the video https://www.youtube.com/watch?v=8AFamQ5h6xA , you need tag video:8AFamQ5h6xA into product.

3. Product Tab

4. Related Products

Product Variable

From Customize (Theme Editor) go to Product Detail page to load Product pages section.

Make sure that the Product layout is with Variable or from Customize select product has Template suffix product.variable

Options to control this layout will appear, using the same Default layout

Product Affiliate

From Customize (Theme Editor) go to Product Detail page to load Product pages section.

Make sure that the Product layout is with Affiliate or from Customize select product has Template suffix product.affiliate

Options to control this layout will appear, using the same Default layout

Product Images Slider

From Customize (Theme Editor) go to Product Detail page to load Product pages section.

Make sure that the Product layout is Images Slider or from Customize select product has Template suffix product.imageslider

Options to control this layout will appear, using the same Default layout

Product Grouped

From Customize (Theme Editor) go to Product Detail page to load Product pages section.

Make sure that the Product layout is Group Items or from Customize select product has Template suffix product.grouped

Options to control this layout will appear, using the same Default layout

To show products in this block, you must set these products want show in block and viewing product have the same tag discount:... such as discount:g1