# Product page

![](/files/-MMmbQRYW_sn3j3fqkfR)

## 1 - Layout

### 1.1 - Max width of one item slide Photo on mobile

![](/files/-MMmbbG3g5sGYpLNkAD_)

### 1.2 - Thumbnail

![](/files/-MMn3Y_T9VuV8b5Oy4MN)

* Hidden thumbnail on mobile.

![](/files/-MMn3oSk8hlDzslg8r4-)

* Use Max height content info?

![](/files/-MMn63W6-Vb-sOTyNwu8)

### 1.3 - Image type

{% content-ref url="/pages/-MMdUuRQDkLMf\_IHgvpj" %}
[Product card item](/molla/theme-settings/product-card-item.md)
{% endcontent-ref %}

## 2 - Function

### 2.1 - Use variant gallery images?

You will need to rearrange the images of your product in color order.\
Delete images that have been assigned to the variant previously and select again after arranging

![](/files/-MMn7ztR4Yr7GmA8Encj)

{% embed url="<https://www.youtube.com/watch?v=r0lgEwa_gXU>" %}

### 2.2 - Use Photo zoom?

zoom image when hover:

![](/files/-MMnAQwoaigyByfMfSE4)

### 2.3 - Use Photo wide popup?

![](/files/-MMnAkA12hrFQj5aJv_L)

![](/files/-MMnApsiM870c4dTqZbg)

### 2.4 - Use Ask about this product?

![](/files/-MMnCdDTw7CSPQibQXZ9)

![](/files/-MMnCwmsgLRe2z_pH9E8)

## 3 - Content

* Show vendor.
* Show sku.
* Show short description.
  * Short description
  * Full description
* Show Categories.
* Show quantity selector.
* (Upsell) Show Shipping rates.
* Show social sharing buttons.

![](/files/-MMnJvVpBhPPAYTEeR0P)

* (Upsell) Show Delivery time.
* (Upsell) Show Frequently Bought Together.
* (Upsell) Enable Trust Badge.

![](/files/-MMnKGgtDs0bKxtr6PP5)

## 4 - ADD TO CART button

* Button style
* Button style radius
* Use shadow for button?
* Use big button?
* Use animate?

![](/files/-MMnMK0QNC753ukHzt0Z)

## 5 - Size guide

![](/files/-MMnkWSIAJ75ArotE4YG)

## 6 - Shipping info

![](/files/-MMnknjfeDniw_OLvDfu)


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://kitisummus.gitbook.io/molla/theme-settings/product-page.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.