Skip to content

Documentation

Product Configuration

Build the product source of truth: views, initial state, permissions, validation, catalogs, templates, and pricing.

A product configuration is not a WooCommerce product and not merely a canvas. It is the complete set of rules loaded by the customer designer.

Who this is for

Product managers and designer administrators

What you will achieve

A stable, published configuration that survives save/reload and exposes only the intended tools and assets.

Before you begin

  • Prepare the product media: 2D images or a GLB model.
  • Decide which product parts and variations customers may change.
  • Create the shared assets and printing methods you intend to expose.

Create the configuration record

Where to go: Asuka Designer > Products > Add Product Config

Use the title for internal identification. Keep the post in Draft while building and testing.

  • Use a clear title such as “Classic T-shirt / Customer editor”.
  • Avoid changing internal element, view, or variation IDs after saved customer designs exist.
  • Publish only after the audit and storefront test pass.

Use the Product builder

Where to go: Main Product builder panel

The builder is the visual editor for views, product elements, variations, drawing areas, markers, scene data, and initial document state.

WordPress product configuration editor showing a two-dimensional T-shirt view in the Product builder.
The 2D Product builder keeps the product view, editing modules, saved views, and template assignment in one workspace.
WordPress product configuration editor showing a three-dimensional shoe model in the Product builder.
A 3D view loads its model and renderer inside the same configuration workflow while preserving scene and camera state.
  • Create each customer-facing view and give it a stable identifier.
  • Add product elements for independently configurable parts.
  • Attach variations to the correct element rather than storing every option as an unrelated object.
  • Save meaningful camera positions for 3D views.
  • Define a loaded product state before customers begin adding content.

Avoid this: After saving, reload the WordPress edit screen immediately. “No views yet” after reload indicates that the current document was not persisted and must be fixed before publishing.

Assign a template

Where to go: Template meta box

A template controls the frontend workspace. Assigning it does not replace the product geometry or artwork.

  • Choose an existing Product template.
  • Preview the template with the configuration.
  • Clear the assignment when the product should use its own layout data.
  • Remember that the admin builder may retain a stable authoring layout while the storefront uses the selected template.

Set client permissions

Where to go: Client permissions meta box

Permissions answer “may the customer do this?” Modules answer “where can the customer open the tool?” Both must allow the workflow.

Product configuration Client permissions panel with presets and customer editing capabilities.
Permission presets provide a safe starting point before individual customer capabilities and module access are refined.
  • Basic creation: text, images, designs, shapes, colors, layers, and views.
  • Selection operations: move, scale, rotate, duplicate, delete, lock, hide, and reorder.
  • Text operations: edit content, font family, formatting, and curve.
  • Output operations: download current view, all views, selected objects, drawing zones, or JSON.
  • Administrative operations such as creating drawing areas, markers, elements, or pricing rules should normally stay disabled for customers.

Tip: When a visible module appears empty, check its permission requirements before assuming the module is broken.

Configure validation guards

Where to go: Validation guards meta box

Validation blocks invalid customer designs before cart or export.

Product configuration Validation guards panel with required-content and object-count controls.
Validation guards turn production requirements into explicit checks that run before cart and export.
  • Require content or completed views when the product cannot be ordered blank.
  • Enforce drawing-area containment.
  • Set physical width, height, or area limits after calibration.
  • Set minimum effective DPI for customer images.
  • Restrict colors and printing methods to supported production combinations.

Success check: An invalid test design produces a clear customer message and cannot silently reach checkout.

Filter catalogs and attach pricing rules

Where to go: Catalog filters and Pricing rules meta boxes

The global libraries may contain many entries. Product filters expose only the relevant subset.

Product configuration Catalog filters panel for designs, fonts, colors, printing methods, and shapes.
Catalog filters expose all shared items or a deliberate product-specific subset for each asset family.
  • Select the designs, fonts, colors, printing methods, and shapes allowed for this product.
  • Leave a catalog unrestricted only when every enabled global item is appropriate.
  • Attach reusable pricing rules in an intentional order.
  • Test rule combinations with the actual product quantity and dimensions.

Use Config audit and View pagination

Where to go: Config audit and View pagination meta boxes

The audit highlights malformed or contradictory configuration. Pagination controls how larger view sets are presented.

Product configuration audit showing mode, views, initial data, permissions, validation, pricing, and asset filters.
Config audit provides a compact final review of the document, permissions, guards, pricing rules, and catalogs.
  • Resolve invalid JSON and missing identifiers.
  • Confirm linked assets and template references exist.
  • Use pagination when many views would make the switcher difficult to scan.
  • Retest mobile navigation after changing view pagination.

Save, reload, and publish

A reliable save sequence is part of product authoring, not an optional final check.

  1. Click Update and wait for WordPress to complete the request.
  2. Reload the edit page.
  3. Confirm the view count, active view, product state, template, and side-panel settings.
  4. Test undo: the first undo target must be the loaded product, not an empty document.
  5. Publish, then run QA & Diagnostics and a private storefront test.

Need to verify the result?

Run Asuka Designer > QA & Diagnostics, then repeat the customer workflow in a private browser window.

Open troubleshooting

Ready when you are

Turn product ideas into orders customers can trust.