Skip to main content

3D Model With Text

The 3D Model With Text block displays an interactive 3D model alongside descriptive content (heading, text, and button). Ideal for showcasing products with rich visual context.

Settings​

3D Model With Text settings
  • Enable full width: Expand the block to 100% viewport width. See: Blocks → Overview → General Settings
  • Enable spacing: Adds fixed vertical padding/margin above and below the section to visually separate it from adjacent content.
    • When enabled: Spacing values are controlled via theme settings — useful for breathing room in dense layouts.
  • Block class: Custom CSS class for spacing or layout overrides.
  • Background: Set a solid or gradient background color.
  • Or, use image: Apply a background image using a preset from Theme Settings → Style scheme settings → Background Image Schema.

    All settings above follow: Blocks → Overview → General Settings

  • Container width: Width of the entire block container as a percentage (e.g., 90%, 100%).
  • Layout: Arrangement of model and text:
    • Overlay: Text appears over the 3D model
    • Text left: Text on the left, model on the right
    • Text right: Text on the right, model on the left
  • Overlay background: Set background when layout is overlay, supports solid or gradient colors.
  • 3D model width: Width of the 3D model area as a percentage of the container.

Child Blocks​

The following are blocks that can be freely added or removed:

Child Blocks settings