Dawn theme view in your space button not appearing despite having a 3d model

Store Design
,

Topic summary

Users report that the “View in your space” button for 3D models is missing on mobile in the Dawn theme, despite the feature appearing on Shopify’s demo site.

Temporary Fix Found:

  • Add code snippet to product-media-gallery.liquid (around line 150):
    {%- assign first_3d_model = product.media | where: 'media_type', 'model' | first -%}
  • This successfully displays the button after implementation

Browser Compatibility Issue:

  • The button only works on iPhone + Safari
  • Does not function on iPhone + Chrome or other browsers
  • According to Shopify documentation, AR Quick Look is supported via the Shopify-XR library in iOS Safari and Android’s Scene Viewer

Unresolved Question:
Whether the downloaded Dawn theme version has different coding than the demo store, potentially missing equivalent code lines. No official solution has been provided for the Chrome compatibility limitation.

Summarized with AI on November 20. AI used: claude-sonnet-4-5-20250929.
1

I’m just setting up Dawn ready to move across from a different theme. The view in your space button isn’t appearing below the product images on mobile despite having 3d models included on products.

The view in your space button appears on the demo Dawn site but doesn’t seem to be included on the theme version that is actually downloaded.

I’ve found a temporary fix for this by adding the following code to the ‘product-media-gallery.liquid’ snippet just above line 150 {%- if first_3d_model -%} :

{%- assign first_3d_model = product.media | where: ‘media_type’, ‘model’ | first -%}

The view in your space button now appears.

Is it possible that the demo Dawn store has different coding to the latest theme version that I downloaded and an equivalent line of code is missing?

Before code change:

Screenshot 1.jpg
Screenshot 1.jpg693×1500 90.7 KB

After adding extra line of code:

Screenshot 2.jpg
Screenshot 2.jpg693×1500 95.1 KB

2

Thanks for this. It’s working for me after adding the code. But it’s working only on safari not on chrome. Any suggestions?

1 Like
3

did you find a solution to this?

4

Hello, did you resolve the issue with chrome?

5

I am not sure about this but as per my research, I found that the “View in your space” functionality only works on iPhone+Safari, not on iPhone+chrome or any other browser

6

I am not sure about this but as per my research, I found that the “View in your space” functionality only works on iPhone+Safari, not on iPhone+chrome or any other browser.

It is written in their document that “you can use the Shopify-XR library to support AR Quick Look in iOS’s Safari, and Android’s Scene Viewer.”

1 Like
7

Thank you for your kind response!