Карточка товара

Когда использовать

Build a product page with accurate variant selection.

Решения для реализации

1. Give products stable routes and explicit SKU selection.
2. Derive price and stock from the selected variant and prevent unavailable choices.
3. Use meaningful factual alternative text and keyboard-accessible media controls.
4. Keep essential product information in semantic DOM when adding 3D.

Как проверить результат

• The selected SKU survives add-to-cart.
• Out-of-stock variants cannot be ordered.
• The product URL opens directly.

Работающий пример

Файлы