WordPress and WooCommerce

Custom products, views, and variations

Build a reusable designer configuration and assign it to one or more WooCommerce products or variations.

25 min
01

Create the reusable product

Open Asuka Designer > Custom products and create a new entry. New products intentionally contain no default view.

Add every 2D side or 3D scene, then configure elements, editable areas, markers, variations, parameters, pricing rules, and customer permissions.

  1. 1

    Name the product for administrators.

  2. 2

    Add and verify views.

  3. 3

    Choose the customer template and theme.

  4. 4

    Publish only after the storefront preview is complete.

02

Link WooCommerce

Use the Asuka Designer panel on the WooCommerce product edit screen. A simple product can use one configuration; each WooCommerce variation can point to a different custom product.

On the storefront, the designer replaces the product image area and reuses the native quantity and add-to-cart flow.

  1. 1

    Save the product link.

  2. 2

    Test every commerce variation.

  3. 3

    Add a design to the cart.

  4. 4

    Open Edit customization from the cart.

Still blocked?

Open a contextual request so support receives the platform and recent diagnostics automatically.

Contact support