Skip to main content

3D Model

Used to embed interactive 3D models for showcasing product details and appearance.

Main Parameters​

  • 3D model URL: The URL of the 3D model file. Shopify supports GLB format. Upload your model to Shopify Admin → Content → Files, then copy the file URL here.
  • Poster image: A fallback image displayed before the model loads or on unsupported devices. Select from your Shopify media library or upload a new image.
  • Automatic play: Enable to start model interaction (e.g., animation or rotation) automatically when the page loads.
  • Automatic rotation: Enable continuous 360° rotation of the model.
  • Rotation speed: Control rotation speed when auto-rotation is enabled. Higher values = faster rotation.

Model Style​

  • Background: Background color of the 3D model container.
  • Radius: Corner roundness of the container (e.g., Rounded 1–5, Pill, Circle).
  • Ratio (desktop): Aspect ratio of the model container on desktop (e.g., 1:1, 16:9, 3:4).
    • Custom (3:1)
    • Ultrawide (21:9)
    • Double-width (2:1)
    • Widescreen / HD (16:9)
    • Classic / DSLR (3:2)
    • ISO Paper (1.4:1)
    • Standard Definition/SD (4:3)
    • Landscape (5:4)
    • Square (1:1)
    • Instagram Portrait (4:5)
    • Portrait (3:4)
    • Pinterest Pin (2:3)
    • Portrait (9:16)
  • Ratio (mobile): Aspect ratio of the model container on mobile devices.

Animations on Scroll​