.woocommerce ul.products li.product a img {
margin: 0;
}
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: contain;
.woocommerce ul.products li.product .un-loop-thumbnail {
position: relative;
display: block;
}
(function formActions() {
const form = document.querySelector('form[name="test"]');
if (!form) return;
form.onsubmit = function(e) {
e.preventDefault();
return validateSelects(this);
};
})()
function validateSelects(form) {
let places = form.querySelectorAll('input[name="place"]');
let selects = form.querySelectorAll('.city__select');
form.querySelectorAll(".error").forEach((l) => l.remove());
places.forEach((place, i) => place.checked && selects[i] && !selects[i].value
? selects[i].insertAdjacentHTML('afterend','<span class="error">This field is required.</span>')
: void 0
);
}
Up: всё, разобрался, спасибо за подсказку