Forma Pendant Product Configurator

The Forma pendant pairs a sculpted shade with a brass neck and black fabric cable. This product configurator lets buyers choose the finish, shade diameter, and cable length, then see the estimated price before they add the light to their cart.

• Six pendant finishes: Chalk, Olive, Terracotta, Charcoal, Dusty blue, and Sand
• A live finish preview: Choosing a swatch changes the large pendant image to that finish while the lamp framing stays consistent
• Three shade diameters: 30 cm, 40 cm, and 50 cm, each with a sample price
• Two cable lengths: 1.5 m included or 3 m with a sample €15 upgrade
• An updating estimate: The displayed total reflects the selected shade, cable, quantity, and project discount
• A quantity discount: The sample 15% discount applies to orders of 20 or more lights
• A cart review: The Forma finish and specification carry into the cart, where buyers can edit the configuration or remove it
• A three-step journey: Configure the pendant, review the cart, then continue to checkout
• Aligned controls: All six finish choices use the full control width, and Save configuration matches the width of Add to cart
• A save option: Buyers can keep the chosen pendant configuration with their name and email

The six generated pendant images show the same design in different finishes. The preview updates when a buyer changes color, while diameter and cable selections update the price and appear in the order summary.

All prices, finish photography, and the bulk discount are sample content. The cart holds one configured product for the current page session. Checkout is a demo and takes no payment. Connect your payment and order-handling setup before accepting real orders.

1. Make the Forma pendant yours. Replace its product name, introduction, brand colors, and product details if you are using this template for a different light.
2. Replace the six finish photos. Add accurate images for Chalk, Olive, Terracotta, Charcoal, Dusty blue, and Sand. Keep the camera angle, shade size, and crop consistent.
3. Match each swatch to its pendant image. Check every finish selection in the preview and confirm the selected finish carries into the cart summary.
4. Set your shade sizes and prices. The sample options are 30 cm (€160), 40 cm (€220), and 50 cm (€280). Replace them with your real sizes and prices.
5. Set cable choices and upgrade price. The sample includes a 1.5 m cable and prices the 3 m cable at €15. Update both to match the light you sell.
6. Check the quantity discount. The demo applies 15% from 20 lights and allows quantities from 1 to 100. Set your own limits and discount rule.
7. Confirm the full estimate. Set your currency and decide how tax, delivery, and installation affect the price. The current sample excludes delivery and installation.
8. Keep the layout aligned. The finish swatches span the controls column. The Save configuration button is full width to match Add to cart.
9. Review cart and checkout details. Test the finish, shade, cable, quantity, discount, subtotal, edit, and remove actions. Connect payment, delivery details, and fulfillment before taking orders.
10. Keep checkout in demo mode until verified. PAYMENTS_ENABLED is false. Test payment success and failure, totals, tax, delivery, and order handling before enabling live payments.
11. Check the save option. Review the name and email fields, where saved requests go, and the confirmation message. Verify storage and email delivery separately.
12. Keep the preview note accurate. The current pendant image changes by finish. Shade diameter and cable length change price and cart details, not the image.