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

# 360° Product

Enhance the visual appeal of your product media with this feature, providing it with a polished and professional appearance.

{% embed url="<https://drive.google.com/file/d/1tfEFBdzIjo3bLcpWC9aaauVMaGljGkf9/view?usp=sharing>" %}

To incorporate this type of media into your product, kindly adhere to the following steps:

**Step 1: Image Preparation**

Utilize this feature to seamlessly combine images and generate a concise video. The 360° product viewer relies entirely on your media (images). Ensure you include an appropriate number of images to comprehensively showcase all aspects of your product. Here's an illustrative example:

{% embed url="<https://drive.google.com/file/d/16VNjT-gAT6cFWUrVWia6Ec9WLzaDoj8u/view?usp=sharing>" %}

**Step 2: Adding Tags**

* Segment your product images into two categories: those with tags (which will be displayed in 360°) and those without tags.
* The **360° product viewer** should exclusively appear at the end of the thumbnail, and the tag should be applied solely to the initial image of the 360° product media.
* Upon selecting a product, remember to affix the tag "image-360" exclusively to every image that needed to display the product in 360°.

<figure><img src="https://2952946279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJbMIFqRrJiqVKdsbTyW4%2Fuploads%2Fgit-blob-c088a4e5b3dcc6a22834eb13e82d8a68b505e5f8%2Fimage%20(1292).png?alt=media" alt=""><figcaption></figcaption></figure>

{% hint style="warning" %}
The **360° Product Viewer** feature will only work when the "image-360" tag is applied to the relevant images.
{% endhint %}