1. Home
  2. Wise360: AR & 3D Product ...
  3. Getting Started
  4. Installation & Theme Block Setup

Installation & Theme Block Setup

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

  1. Go to Shopify Admin > Online Store > Themes.
  2. Click Customize next to your live theme.
  3. In the top dropdown menu, change the page template from Home page to Products > Default product.
  4. In the left-hand sidebar under the Product information section, click Add block.
  5. Switch to the Apps tab and select Wise360 3D & AR Viewer.
  6. Drag the block to your desired position (typically beneath the main media gallery or under product details).
  7. Configure the block settings in the sidebar:
    • Viewer Height: Set custom height for desktop and mobile (e.g. 480px or 550px).
    • 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.
  8. Click Save in the top right corner.

How can we help?