Страница пользовательского заказа [закрыто] ⇐ Html

[Anonymous]

Так что я использую WordPress больше COS оптимизации SEO и всех
, и, как теперь я должен работать на странице пользовательского заказа с JavaScript HTML и CSS. Проблема в том, что я написал функцию, чтобы пользователи не выбирали более 5, но как мне добавить фрукты, выбранные в размер бутылки, и добавляется в корзину в WordPress, потому что это не работает. Я занимаюсь этим уже 2 недели, и я отправлю сегодня, поэтому, пожалуйста, помогите . Затрагивает другие продукты на других страницах, так что это будет означать, что
код не позволит нажимать другие продукты на других страницах после шестом выбора, который не должен быть. На данный момент я в замешательстве, поэтому я обращаюсь.
document.addEventListener('DOMContentLoaded', function() {
// Fruit selection logic
let selectedFruits = 0;
const maxFruits = 5;
const fruitButtons = document.querySelectorAll('.gona a.add_to_cart_button');

// Fruit selection handler
fruitButtons.forEach(button => {
button.addEventListener('click', function(e) {
if (selectedFruits >= maxFruits) {
e.preventDefault(); // Prevent adding more fruits
return;
}
selectedFruits++;

// Update UI if max reached
if (selectedFruits >= maxFruits) {
fruitButtons.forEach(btn => {
btn.classList.add('disabled');
});
}
});
});

// Add disabled state styles
const style = document.createElement('style');
style.textContent = `
.disabled {
pointer-events: none;
opacity: 0.6;
cursor: not-allowed;
}
`;
document.head.appendChild(style);
});




Подробнее здесь: https://stackoverflow.com/questions/794 ... order-page