Wise360 uses Shopify Online Store 2.0 Theme App Extensions. You can enable and position the 3D viewer in your theme with zero code editing.
Step-by-Step Setup Guide
- Go to Shopify Admin > Online Store > Themes.
- Click Customize next to your live theme.
- In the top dropdown menu, change the page template from Home page to Products > Default product.
- In the left-hand sidebar under the Product information section, click Add block.
- Switch to the Apps tab and select Wise360 3D & AR Viewer.
- Drag the block to your desired position (typically beneath the main media gallery or under product details).
- Configure the block settings in the sidebar:
-
Viewer Height: Set custom height for desktop and mobile (e.g.
480pxor550px). - Auto-Rotate: Enable gentle continuous rotation to invite customer interaction.
- Studio Lighting & Shadow: Select Light, Dark, or Transparent background, and adjust ground shadow intensity.
- AR Badge: Toggle the “View in your room” button on or off.
-
Viewer Height: Set custom height for desktop and mobile (e.g.
- Click Save in the top right corner.