Shopify VR Demo

Explore a Shopify store in virtual reality!

Note: This is an old demo that was used to test out A-Frame.

To find out about Shopify's recent advancements in VR, follow us on Medium.

How do I use it?

1. Visit this site on your smartphone, and press the View in VR button above.
2. Tap the VR icon in the bottom right of the page and then insert the phone into a cardboard viewer.
3. Tap on a product to view it up close.
4. Add items to your cart, and proceed to checkout.

    Why was this built?

    To show how a merchant can allow customers to view their products in VR from inside their Shopify store. No apps required. Only a $5 piece of cardboard.

    What was this built in?

    This proof of concept was put together using A-Frame. It's a markup language by the lovely folks at Mozilla that makes it easy to create virtual scenes within the browser.

    How can I get this on my store?

    Custom A-Frame code needs to be written. The project is still in its early days and a lot is changing. We are looking at ways of making it easier to embed it into your store.

    Do I need a VR headset?

    Nope! It works with a mouse and keyboard, or by just moving your phone around. But the results are best with a headset.

    Why do I sometimes see double/ it gives me a headache?

    Some people find the experience disorienting because it's hard to focus in the headset. The low refresh rate and low quality of the lenses is the most often the culprit. But rest assured, consumer versions of VR like the Oculus Rift and the HTC Vive have very low cases of people feeling uneasy after trying it.

    Does this work with the GearVR?

    Yep! Press the "View in VR" button, and you will be instructed to insert your phone into your Gear VR.

    Does this work with the Oculus Rift?

    Yes! You need to follow the MozVR instructions here.