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
  • What is Conditional Logic?
  • Set Up Conditional Logic for an entire customization option
  • Set Up Conditional Logic for a specific option value
  1. Set Up Configurator
  2. Customization Options

Conditional Logic

Provide a competitive User Experience.

PreviousImage UploadNextSettings

Last updated 2 years ago

Let's simplify the set up of a professional User Interface by implementing conditional logic to your configurator.

What is Conditional Logic?

Conditional logic allows you to display certain customization options or option values only if specific conditions are met.

For instance, you might want to display color/material options of a single component of the product only if the user includes that same component in their purchase. * Please note that the conditional logic feature is only accessible in the Premium, Professional and Enterprise plans.

Set Up Conditional Logic for an entire customization option

  1. Open your customizer, then edit an existing customization option and select the three dots on the top-right.

  2. Enable the 'Set as conditional' option*.

  3. Assign the 'hidden/shown' state - a.k.a. whether the current customization option will be hidden or displayed if the condition is met.

  4. Select 'Add a condition', then choose an existing customization option and its value as condition to be met to either hide or display the current customization option.

  5. Add as many conditions as necessary and 'Save'your changes.

Set Up Conditional Logic for a specific option value

  1. Open your customizer, then edit an existing customization option and go to the 'Options' section.

  2. Select the option value you want to make conditional, and select the three dots on the top-right of that option.

  3. Enable the 'Set as conditional' option*.

  4. Assign the 'hidden/shown' state - a.k.a. whether the current customization option will be hidden or displayed if the condition is met.

  5. Select 'Add a condition', then choose an existing customization option and its value as condition to be met to either hide or display the current customization option.

  6. Add as many conditions as necessary and 'Save'your changes.