Skip to content

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

Screenshot


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

Screenshot

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

Screenshot

Options to control this layout will appear:

Explain group settings below:

1. Product Image Settings

Setting to control the Product Image.

Screenshot

2. Product Information settings

All options to control the information.

Screenshot

Screenshot

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.

Screenshot



3. Product Tab

Screenshot

4. Related Products

Screenshot

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

Screenshot

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

Screenshot

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

Screenshot

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

Screenshot

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

Screenshot