1

I'm using google model viewer lib. for AR support for an e-commerce site.

Custom button View in you space

I want to hide AR preview button(View in your space) for those browsers who don't have capability of AR. and I also want to show custom "Add to cart" button which support "android" and "ios"?

Add to cart button in AR

I add the code like the below ex. it's showing in android but not in ios

<model-viewer>
    <button>Add to cart</button>
</model-viewer>
Pratik_Jain499
  • 11
  • 2

1 Answers1

0

To have the button apear in iOS you will have to add a usdz model using the ios-src parameter.

ios-src="/models/Astronaut.usdz"

You can also add quick-look to the ar-modes and have modelViewer try to auto generate a usdz model on the fly.

ar-modes Docs

Fortes
  • 938
  • 12
  • 24