> For the complete documentation index, see [llms.txt](https://blueskytechco.gitbook.io/alukas-shopify/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://blueskytechco.gitbook.io/alukas-shopify/product-page-settings/product-thumbnails-position.md).

# Product thumbnails position

<figure><img src="/files/zWzMSaXFz9FDzAcglzuH" alt=""><figcaption></figcaption></figure>

## Product Thumbnails Position

In **Theme customize**, go to the **Product page** > **Default product** > **Product summary**, you will see the **Thumbnails Position** option here:

<figure><img src="/files/yym24ZIZUR28COnkgXzC" alt=""><figcaption></figcaption></figure>

**Thumbnails position options**

* [Thumbnails Left](https://blueskytechco.gitbook.io/alukas-shopify/product-page-settings/product-thumbnails-position/thumbnails-left)
* [Thumbnails Right](https://blueskytechco.gitbook.io/alukas-shopify/product-page-settings/product-thumbnails-position/thumbnails-right)
* [Thumbnails Bottom](https://blueskytechco.gitbook.io/alukas-shopify/product-page-settings/product-thumbnails-position/thumbnails-bottom)
* [No Thumbnails](https://blueskytechco.gitbook.io/alukas-shopify/product-page-settings/product-thumbnails-position/no-thumbnails)
* [Grid 1 column](https://blueskytechco.gitbook.io/alukas-shopify/product-page-settings/product-thumbnails-position/grid-1-column)
* [Grid 2 column](https://blueskytechco.gitbook.io/alukas-shopify/product-page-settings/product-thumbnails-position/grid-2-column)

## **Thumbnails zoom options** <a href="#thumbnails-zoom-option" id="thumbnails-zoom-option"></a>

{% hint style="success" %}
Step:

1. Go to the **Product page** > **Default product** > **Product summary** > **Image click action** > Select **Enable image hover zoom**
2. In **Product Summary** > **Hover image zoom type** > Select option zoom
   {% endhint %}

<figure><img src="/files/xLlKyYuCrymlC6FLU4pv" alt=""><figcaption></figcaption></figure>

**Options zoom:**

* [Inner zoom 1](https://blueskytechco.gitbook.io/alukas-shopify/product-page-settings/product-thumbnails-position/inner-zoom-1)
* [Inner zoom 2](https://blueskytechco.gitbook.io/alukas-shopify/product-page-settings/product-thumbnails-position/inner-zoom-2)
* [External zoom](https://blueskytechco.gitbook.io/alukas-shopify/product-page-settings/product-thumbnails-position/external-zoom)

## Thumbnails option mobile <a href="#thumbnails-option-mobile" id="thumbnails-option-mobile"></a>

{% hint style="success" %}
Step :&#x20;

Go to the **Product page** > **Default product** > **Product summary** > **Thumbnails on mobile** -> Select option **Show thumbnail** or **Show navigation**
{% endhint %}

<figure><img src="/files/IFuQEbFmifc7f6dGsnGb" alt=""><figcaption></figcaption></figure>