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

# 360° Product Viewer

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://2521394731-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5WlAIkq5Keo641r70Byr%2Fuploads%2Fcu9ZXjVEgKjStNufGrre%2FScreenshot%202023-12-19%20103015.png?alt=media&amp;token=6766289b-1376-4c66-aa7a-ed9c87542135" 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 %}