В WooCommerce, чтобы установить вариацию по умолчанию на карточке товара, вам потребуется использовать JavaScript, чтобы изменить выбранную вариацию при загрузке страницы.
Во-первых, вам нужно найти идентификатор элемента, который отвечает за выбор вариаций на карточке товара. В WooCommerce по умолчанию это обычно элемент с идентификатором "attribute_{название атрибута}". Например, для атрибута "Цвет" идентификатор может быть "attribute_pa_color".
После того, как вы найдете идентификатор, вы можете использовать JavaScript, чтобы установить определенную вариацию по умолчанию:
// найдите элемент выбора вариаций
var variationSelect = document.querySelector('#attribute_pa_color');
// установите значение выбранной вариации
variationSelect.value = 'значение по умолчанию';
// создайте инициализацию события change (для обновления отображения)
var event = new Event('change');
// вызовите событие изменения значения
variationSelect.dispatchEvent(event);
В коде выше мы найдем элемент выбора вариаций по его идентификатору и установим значение выбранной вариации на "значение по умолчанию". Затем мы создадим событие изменения (change) и вызовем его на элементе выбора вариаций.
Примечание: Значение выбранной вариации должно соответствовать одному из возможных значений этой вариации на карточке товара. Если вы установите недопустимое значение, то оно будет проигнорировано.
Вы можете добавить этот JavaScript-код на страницу с карточкой товара, либо добавить его в некоторый файл скриптов и подключить этот файл на странице карточки товара.
Надеюсь, это поможет вам настроить вариацию по умолчанию на карточке товара в WooCommerce при помощи JavaScript. Если у вас возникнут дополнительные вопросы, не стесняйтесь задавать. Удачи в вашем проекте!