quickLook

Typeboolean | QuickLookSessionOptions

Defaulttrue

Options for the Apple AR Quick Look based AR session.
If false is given, it will disable AR Quick Look based AR session.

Name	Type	Default	Description
allowsContentScaling	boolean	true	Whether to allow content scaling.
canonicalWebPageURL	string | null	null	The web URL to share when the user invokes the share sheet. If null is given, the USDZ file will be shared.
applePayButtonType	string | null	null	Type of the apple pay button in the banner. See QUICK_LOOK_APPLE_PAY_BUTTON_TYPE
callToAction	string | null	null	A text that will be displayed instead of Apple Pay Button. See Official Guide Page
checkoutTitle	string | null	null	Title of the previewed item. See Official Guide Page
checkoutSubtitle	string | null	null	Subtitle of the previewed item. See Official Guide Page
price	string | null	null	Price of the previewed item. See Official Guide Page
custom	string | null	null	Custom URL to the banner HTML. See Official Guide Page
customHeight	string | null	null	Height of the custom banner. See QUICK_LOOK_CUSTOM_BANNER_SIZE

Example

quickLook: true (default)

• JSON
• JavaScript
• React
• Angular
• Vue@2
• Vue@3
• Svelte

{
    src: "/egjs-view3d/model/draco/alarm.glb",
    iosSrc: "/egjs-view3d/model/usdz/alarm.usdz",
    quickLook: true,
    webAR: false,
    sceneViewer: false
}

Detailed Options

• JSON
• JavaScript
• React
• Angular
• Vue@2
• Vue@3
• Svelte

{
    src: "/egjs-view3d/model/draco/alarm.glb",
    iosSrc: "/egjs-view3d/model/usdz/alarm.usdz",
    quickLook: {
        title: "CUSTOM TITLE",
        allowsContentScaling: false,
        canonicalWebPageURL: "https://github.com/naver/egjs-view3d",
        applePayButtonType: "subscribe",
        callToAction: "CUSTOM BUTTON TEXT",
        checkoutTitle: "CUSTOM TITLE TEXT",
        checkoutSubtitle: "CUSTOM SUBTITLE TEXT",
        price: "100$",
        customHeight: "large"
    },
    webAR: false,
    sceneViewer: false
}

Assets Used

▪Alarm Clock 01 by Poly Haven licensed under CC0