Для отображения артикулов каждой вариации товара на странице карточки товара, необходимо использовать динамическую загрузку данных при переключении между вариациями. Вот примерный алгоритм, который можно использовать:
1. Создайте разметку на странице карточки товара, где будет отображаться текущий артикул выбранной вариации. Например, можно использовать `<span id="variation-sku">` для этой цели.
2. Подключите JavaScript-функцию, которая будет обрабатывать событие переключения между вариациями.
3. В функции обработки события получите данные об артикуле выбранной вариации. В большинстве платформ эти данные можно получить с помощью API или объекта, связанного с текущим товаром и его вариациями.
4. Обновите значение артикула на странице, используя полученные данные. Например, можно использовать следующий код JavaScript:
```
var variationSkuElement = document.getElementById('variation-sku');
variationSkuElement.innerText = variationSku; // где variationSku - значение артикула выбранной вариации
```
5. Повторите шаги 3-4 при каждом переключении вариации.
Этот подход позволит динамически обновлять значение артикула на странице товара в зависимости от выбранной вариации. Таким образом, будет отображаться соответствующий артикул для каждой вариации товара.