264 views0December 14, 2021Updated on December 16, 2021Kate
1. Product Summary Settings
You can follow the GIF image below to know how to go to the Product Summary option (Product Page):
1.1. Product Image Layout
1.1.1. Product Page Layout
This option allows you to choose a layout for the Product Page. We have the Default layout, Width 1600px Layout and Fullwidth Layout. Please see my GIF image below to see the difference between those layouts.
1.1.2. Product Page Design
The Kalles theme has total 7 Product Page layouts. You can view my video below to check the layout of every single Product Page design and choose the layout that you wanna use for your store.
1.1.3. Product Main Image Size
The Kalles theme has total 3 layouts for the Product Main Image Size: Main Image – Small size, Medium size and Large size. You can view my video below to see the different layouts of the Product Page based on the Product Main Image Size.
1.1.4. Product Thumbnail Size
Same with the Product Main Image, the Thumbnail images also have total 3 size: Main Image – Small size, Medium size and Large size. You can view my video below to see the different layouts of the Product Page based on the Product Thumbnail Image Size.
1.1.5. Enable Sticky Product checkbox
Please tick on the “Use Sticky product?” to enable the Sticky layout for the Product Page. You can see the Sticky layout in the image below:
1.2. Design Main Image
This option allows you to configure the layout of the Product Main images on the Product Page.
Aspect Ratio Main: You can choose the Image ratio in some options below. Change the image ratio to see the image layout change.
Example: Product Main Image ratio 1:1
Main Image Size: This option allows you to choose to adjust the image size following the Image ratio. Image size Auto: The ratio will keep the height of the image and the Image size Full: the ratio will cut some parts of the image.
Main Image Position: This option allows you to configure the position of the product main image on the Product Page. The Kalles theme has 10 positions for you to choose, you can see in the image below:
1.2. Design Thumbnail Images
This option allows you to configure the layout of the Product Thumbnail images on the Product Page.
Aspect Ratio Thumbnail Images: You can choose the ratio for Thumbnail Images in some options below. Change the image ratio to see the image layout change.
Example: Image ratio 1:1
Thumbnail Images Size: This option allows you to choose adjust the thumbnail images size following the Image ratio. Image size Auto: The ratio will keep the height of the image and the Image size Full: the ratio will cut some parts of the image.
Thumbnail Images Position: This option allows you to configure the position of the product thumbnail images on the Product page. The Kalles theme has 10 positions for you to choose, you can see in the image below:
1.3. Product Sidebar
This option allows you to enable and configure the Sidebar for the Product Page:
Product Sidebar: You can choose None to disable Product Sidebar and choose Left Sidebar/ Right Sidebar to enable Sidebar on Product Page.
Sidebar Size: You can choose different sizes for the Product Sidebar here.
Example: Product Page with Left Sidebar – Sidebar Small Size:
1.4. Breadcrumb Option
Show Breadcrumb? checkbox:
Show back/next product links checkbox: Tick on this checkbox to enable the back/next buttons to go to another product.
1.5. Collapsible Tab
Please tick on the checkbox below to enable Collapsible
You guys can read more this link to know how to configure theCollapsible
2. Product Page Settings
You can click here to go to the Settings option of the Product Page:
Choose a placeholder for the product that has no image: This option allows you to choose an image for the product that does not have the images yet. It only works with the Product that does not have the images.
Zoom type: Our theme has a total of 3 Zoom types for the Zoom feature: Inner zoom 1, Inner zoom 2 and External zoom. You can view the layout of 3 Zoom types in the image below:
Main image click action: This option allows you to choose an action when you click on the Product Main image. Our theme has 3 actions for you to choose:
Position Frequently Bought Together: Our theme has 2 positions for you guys to choose to show the Frequently Bought Together option on the Product Page: Outside Description and Inside Description.
Example: Frequently Bought Together option Outside the Description:
Example: Frequently Bought Together option Inside the Description:
Show the first image?: With products that have variants, if you tick on this checkbox, the first image (that you added in Dashboard > Products) will show until customers pick a variant of the product, then the image of that variant will show replace for the first image.
Enable video looping?: Please tick on this checkbox to enable the Loop feature for Videoon the Product page.
Use New/ Sale Label checkbox: Tick on this checkbox to enable the New/ Sale label on the Product.
Remove sold-out checkbox: Tick on this checkbox to enable the feature to automatically remove Sold out products.
Pick product variant: You can choose the action for the Product variant here. We have No pick, Pick first variant and Pick first available variant.
Show incoming message checkbox: Tick on this checkbox to enable the incoming message feature on the Product page.
Enable Compare? checkbox: Please tick on this checkbox to enable Compareon the Product page.
Use a back-in-stock notification form? checkbox: You can tick on this checkbox to enable the back-in-stock notification form on the Product page.