Angle3D Configurator Documentation
  • 👋Welcome
  • Get Started
    • Install Angle 3D
    • Choose Plan
    • Upload 3D Model
      • Get a 3D Model
      • Upload your 3D Model
  • Set Up Configurator
    • Create Configurator
    • Customization Options
      • Colors and Textures
        • 3D Model Textures
      • Components Visibility
      • Compound
      • Blank
      • Text Engraving
      • Image Upload
      • Conditional Logic
    • Settings
      • App Settings
        • Language
      • Configurator Settings
        • Scene
          • Scene Set Up
          • Interaction
        • 3D Model
        • Binding
        • Translations
        • Image Export
        • PDF Export
    • Edit Configurator
    • Delete Configurator
  • Binding
    • Variant Binding
    • Bundle Binding
    • Merged Bundles
  • Shopify Integration
    • Storefront Integration
  • JAVASCRIPT EVENT LISTENERS
    • JavaScript Event Listeners (Advanced)
  • Custom Add to Cart
  • App Ready
  • App Loaded
  • Price Change
Powered by GitBook
On this page
  • Do you already have Shopify variant options set up for your product?
  • Title
  • Camera Angle
  • Description
  • Image Placement Options
  • Manual Component Selection
  • 'Confirm' you choice to save your changes and go back to the 3D configurator.
  • Image Manipulation
  • Make sure to select 'Done' and save your changes!
  1. Set Up Configurator
  2. Customization Options

Image Upload

Design the dream customers' shopping experience!

PreviousText EngravingNextConditional Logic

Last updated 2 years ago

The 'Image Upload' customization option allows your customers to upload and project any image directly on the 3D model of your product.

Do you already have Shopify variant options set up for your product?

Then we have a shortcut for you! Skip the configuration process. Otherwise, fill out the following fields of the customization options:

Title

Label your customization option in 'Title' bar. This will help the customer understand how their choice is affecting the product. This feature can be hidden on the storefront.

Camera Angle

Angle 3D Configurator allows customizable camera angles to best showcase each component of the product. This will provide the customer further assistance in visualizing which part of the item they are modifying. To enable this feature, simply select 'Select camera angle'. Next, move your cursor across the 3D model until satisfied with the camera angle. Select 'Confirm' to save your choice. You will be able to set a custom angle for each customization option. This feature is optional. Simply leave it unchecked to have the same camera angle for all the product's components.

Description

In the 'Description' bar you can provide your customer with further explanation of the current customization option. This feature might support the shopping experience, though it remains optional.

Image Placement Options

Let's decide where and how the image will display on the 3D model of your product! Select 'Add an upload image option' and make sure to 'Enable image upload' to set up an image placement. You are also able to set the image upload option as 'Mandatory'. Next, follow the steps below:

  1. Choose and insert a 'Title' to label the file upload option.

  2. Select the 'Update the image location' button to open the 'Image Upload mode' window.

  4. Adjust the image box scale and rotation.

Apply the same steps to any additional image upload options you wish to include.

Manual Component Selection

An alternative to clicking on the 3D model is using the 'Manual Component Selection' option. Simply pick the 3D model component onto wish you wish to display the image.

'Confirm' you choice to save your changes and go back to the 3D configurator.

Image Manipulation

You can enable the 'Image cropping' feature on the storefront for your customers to modify the uploaded file. You are able to set the 'Crop aspect ratio' to either 'Free' or 'Custom'.

Make sure to select 'Done' and save your changes!

Simply repeat all the steps from start to finish to set up more customization options.

Click directly on the model in the 3D viewer to place the image box. You will notice the cursor changing to a crosshair .