# Product Image

The default WooCommerce single product template shows the Product Images from the featured image set for the product and the gallery uploaded for the product gallery meta. Have you ever wondered if you can change the position of the product gallery? well, you can do that now. Even you can change the position of the product images from left to right or even place them in center of the page and add the information you want to show on the left and right side of the product images. Just like we used in this template layout -

![Product Image with Gallery in center](/files/-M0E_W4S699kFPKwfSgk)

With WooCommerce Product Template Builder, you can design the layout you dreamed of. Just like you design your normal pages. We are adding more options for you to customize the product gallery.

### Gallery Thumbnail Position

From the version 2.2, you'll be able to set the gallery thumbnail position to be left or right side of the main product image. The default thumbnail position is at the bottom of the main product image.

With the ability to customize the product page, you must also have any ability to change the default product gallery layout, which is why we're introducing this awesome feature. Here's how the layout with left and right positions look -

<div align="center"><img src="/files/-M6qTxGcX1vDgnGRNoKY" alt="Product Thumbnails at the Left Side"></div>

![Product Thumbnails at the Right Side](/files/-M6qUJAYRyzNaTdJCr1K)


---

# 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://docs.infiwebs.com/elements/product-image.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.
