Stanislav6

Чтобы не разбирать простыню кода без дебага, могу просто скопировать ответ от ChatGPT

Добавь отдельный обработчик клика по оверлею, и в нём закрой все активные модалки + сам оверлей.
Вот пример, как можно это реализовать:

// Клик по оверлею — закрываем все модалки
if (overlay) {
	overlay.addEventListener('click', function () {
		for (let i = 0; i < modalparent.length; i++) {
			modalparent[i].classList.remove('active');
		}
		html.classList.remove('sidebar-mobile-open');
		overlay.classList.remove('active');
	});
}

И вот это можно вообще убрать:

window.onclick = function(event) {
	if (event.target === modalparent[event.target.getAttribute('data-index')]) {
		modalparent[event.target.getAttribute('data-index')].classList.remove('active');
	}
};

Оно криво отрабатывает и не нужно, если модалка не должна закрываться при клике на её контент. Если хочешь, чтобы по клику в пустую область модалки она закрывалась, это тоже можно аккуратно сделать, но не так.

Если хочешь, чтобы модалка закрывалась по клику вне её содержимого, то добавь в modalparent[i] внутреннюю обёртку (например, modal-content) и сделай так:

for (let i = 0; i < modalparent.length; i++) {
	modalparent[i].addEventListener('click', function(e) {
		if (!e.target.closest('.modal-content')) {
			modalparent[i].classList.remove('active');
			html.classList.remove('sidebar-mobile-open');
			overlay.classList.remove('active');
		}
	});
}

Создайте свой loop, выведите товары через цикл wp_query.
Код для кнопки будет таким:

<?php do_action( 'woocommerce_after_shop_loop_item' ); ?>

Выше по коду у родителя должен быть класс "woocommerce".

Пример:

<?php
        $args = array(
            'post_type' => 'product',
            'posts_per_page' => 10,
            'tax_query' => array(
              array(
                'taxonomy' => 'product_visibility',
                'field'    => 'name',
                'terms'    => 'featured',
               ),
            )
        );
        $loop = new WP_Query( $args );
        if ( $loop->have_posts() ) {
            while ( $loop->have_posts() ) : $loop->the_post(); ?>

                <div class="my-button"><?php do_action( 'woocommerce_after_shop_loop_item' ); ?></div>

            <?php endwhile;
        } else {
            echo  'Товаров нет';
        }
        wp_reset_postdata(); ?>

Кнопка:

<form class="clear-cart" action="<?php echo esc_url( wc_get_cart_url() ); ?>" method="post"><button type="submit" onclick='javascript:if(!confirm("Удалить все товары из корзины?")) {return false;}' class="button" name="clear-cart">Очистить корзину</button></form>

- обязательно в теге form. Проследите ,чтобы form не вложился в другой form

Код для functions.php:

add_action('init', 'woocommerce_clear_cart_url');
function woocommerce_clear_cart_url() {
    global $woocommerce;
    if( isset($_REQUEST['clear-cart']) ) {
        $woocommerce->cart->empty_cart();
    }
}

Скопировал из своего текущего проекта - всё работает.

Здравствуйте! А в чём проблема-то?
Вы можете совершенно спокойно ровно этот же код использовать в header.php (ну или где там у вас лежит meta description).

// предположим, header.php
// какое-то содержание
// ...
<?php 
$acfFields = get_fields();
$metaDescriptionValue = $acfFields['about'] ? $acfFields['about'] : 'Meta Description по умолчанию';
?>
<meta name="description" content="<?= $metaDescriptionValue; ?>">
// ...
// остальное содержание

get_field и get_fields замечательно работают даже вне loop.