Genri_Rus

например, в ошибке синтаксиса/использовании старой версии пыха.

Можно сгенерить 20 случайных символов

[...new Array(20)].map(
  () => Math.round(0xF * Math.random())
    .toString(16)
    .toUpperCase()
).join('')

https://cdnjs.cloudflare.com/ajax/libs/crypto-js/4.0.0/core.min.js
https://cdnjs.cloudflare.com/ajax/libs/crypto-js/4.0.0/x64-core.min.js
https://cdnjs.cloudflare.com/ajax/libs/crypto-js/4.0.0/sha3.min.js

https://cdnjs.cloudflare.com/ajax/libs/crypto-js/4.0.0/crypto-js.min.js

NB:
https://github.com/brix/crypto-js/issues/173

SHA-2:
https://developer.mozilla.org/en-US/docs/Web/API/S...

Не очень понятно зачем вам это надо, но если очень хочется то можно
$(‘#id’).attr(‘value’, ‘3356’);

Не понятно требование для пустой $data отправлять 1, а не 0
То есть если было одно значение в избранном и стало ноль, то посылаем 1 и при этом если было ноль и добавили первое значение то всё-равно посылаем 1?

<?php
function add_to_id()
{
    if(isset($_POST['variation_id']) && !empty($_POST['variation_id']))
    {
        $value = intval($_POST['variation_id']);
    }
    elseif(isset($_POST['product_id']) && !empty($_POST['product_id']))
    {
        $value = intval($_POST['product_id']);
    }
    else
    {
        wp_send_json_error();
    }

    $data = [];
    if(isset($_COOKIE['wp_id']))
    {
        foreach(explode(',', $_COOKIE['wp_id']) as $val)
        {
            if(!empty($val))
            {
                $data[$val] = $val;
            }
        }
    }
    
    //удаляем value если оно было среди значение в cookie
    if(isset($data[$value]))
    {
        unset($data[$value]);
    }
    else
    {
        $data[$value] = $value;
    }

    setcookie("wp_id", implode(',', $data), time() + 86400 * 30, COOKIEPATH, COOKIE_DOMAIN);

    //если человек кликнул - $data: 1, а при повторном клике (по той же иконке) - $data: 0
    wp_send_json_success(count($data));
}

1. Шифровние имеет смысл если вы не хотите чтобы значение cookie могли подменить или подсмотреть. Для этого можно использовать https://www.php.net/openssl_encrypt или любую обёртку из гугла по запросу "PHP encrypt lib"
2. Хранить в виде строки. Учтите что максимальный размер данных для cookie обычно 4Кб (строка длиной 4тыс символов). Самый компактный вариант - строка с числами через разделитель. $id = "1,2,3,4,5"; или $id = "1|2|3|4|5";

- При шифровании длина строки будет выше чем исходная.
- Для удобства можно использовать json_encode(), это пригодится если с cookie так же надо будет работать через JS.

p.s. если предполагается хранить очень много id на клиенте, то предпочтительнее использовать localstorage который поддерживается всеми современными браузерами и не лимитирован 4кб https://caniuse.com/#search=localstorage

const newstr = str.split(" ").map(cls => '.${cls}').join(" ");

'.${cls}' вот здесь замените на скобки для строчной интерполяции

str.replace(/(?:^|\s+)(\w)/g, ' .$1');

$current_category->slug;

background-size: 100%; вместо cover

1. Шрифтом управлять нельзя.
1.1. Можно поменять в частном порядке конфигурацию шрифта для точной передачи эффекта, но это попахивает. Именно шрифта, а не его настроек в css.
1.2. Либо подобрать шрифт или его «китайскую» копию, у которой хуже с конфигурацией, но она точь-в-точь подходит. Да, такое бывает. К примеру, если немного поиграться с Arial параметрами css, то выйдет вполне себе Helvetica.
2. У каждого шрифта свой ascend и descend
3. Можно управлять подобием интерлиньяжа (в css это смехотворное свойство, порождающее только проблемы)
4. Заголовок блочный элемент, а span строчный и он умеет заливаться.

Но можно поиграться в частном случае и получить что-то такое: https://codepen.io/i-am-studio_ru/pen/GRgbmro

+- так https://codepen.io/notiv/pen/RwNzpLv

нельзя
Потому, что вот тут оно вызывается, это самый низ страницы
https://github.com/WordPress/WordPress/blob/001ffe...

Можно, а почему нет, но 2 уточнения
1. 'field' => 'name', будет искать заголовок рубрики а не слаг,
2. wc_get_template_part( 'content', 'content-product' ); - будет искать шаблон content-content-product.php а не content-product.php

ну и нюансы для ul
выглядеть должно как то так

<?php
	/**
	 * Template Name: Бла бла бла
	 */

	get_header();
	$args = [
		'post_type'      => 'product',
		'tax_query'      => [
			[
				'taxonomy' => 'product_cat',
				'field'    => 'name',
				'terms'    => 'Tem Name',
			],
		],
		'posts_per_page' => - 1,
	];

	global $wp_query;

	$wp_query = new WP_Query( $args );

	if ( $wp_query->have_posts() ) :

		woocommerce_product_loop_start();
		?>

		<?php while ( $wp_query->have_posts() ) : $wp_query->the_post();
		?>
		<?php wc_get_template_part( 'content', 'product' ); ?>
	<?php endwhile;
		woocommerce_product_loop_end();
		?>

	<?php else : ?>
        <div>Товаров не найдено</div>
	<?php endif;
	get_footer();