GeKskill

Вот написал такой хелпер, может пригодится кому.

function ym_conversion(callback, checkInterval = 100) {
    const interval = setInterval(() => {
        if (typeof window['ym'] !== 'undefined') {
            clearInterval(interval);
            callback();
        }
    }, checkInterval);
}

ym_conversion(() => {
    ym('xxxxxxxx', 'reachGoal', '*********');
});

Вызывайте функцию модального окна оттуда где и положено, там где и делаете запрос к серверу, ваш modal.js никак не должен быть связан c какими-либо ответами сервера.

//form.js
response = await fetch(file.php', {
  method: 'POST',
  body: new FormData(form)
});

if(response.ok){ 
modalSuccess.open();
} else{
modalError.open();
}

css -> transform: scale(0.7)

Просто поделите массив на чанки:

let array = [1,2,3,4,5,6,7,8,9,10,11]
const chunkSize = 3;
let chunks = [];

for (let i = 0; i < array.length; i += chunkSize) {
     chunks.push( array.slice(i, i + chunkSize) );
}

// на выходе
[ 
[1, 2, 3], 
[4, 5, 6],
[7, 8, 9], 
[10, 11]
]

Ну или в бэкенде сразу разбивайте, смотря как шаблон выводите.

А с чего вы взяли, что ссылки хранятся в js?
В devtools откройте вкладку Network (Сеть) -> Doc (Документ) и посмотрите, есть ли ссылке в html полученном от сервера. Если есть - соответственно ищите настройки в админке сайта или может они прямо в файле шаблона указаны.

Экспортируете граф. элементы в svg/png. Оборачиваете эти блоки в какой-нибудь div.wrapper с position:relative. Создаете дочерний div { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }, а в этот div уже картинку img { width: 100%; height: 100%, object-fit: cover; } или background на дочерний, который с абсолютом.

Кажется, что быстро это не объяснишь
1) Создаете страницу с html формой, в атрибуте action у тега form указываете путь до php файла-обработчика вашей формы. Также у формы указываете method="post". HTML форму можете просто загуглить, потом поправить для себя.
2) Создаете скрипт php, путь к которому указывали в action формы.
И там пишите что-то подобное:

<?php 

// Проверяете, что была отправлена форма с заполненными полями phone, name
if ( !isset($_POST['phone'] || !isset($_POST['name']) ) {
   echo "Проверьте все ли поля заполнены";
   die();
}
// Подключаетесь к базе данных
$db = new PDO('mysql:host=localhost;dbname=имя_вашей_базы', $user, $pass);

// Подготавливаете SQL запрос для вставки данных в таблицу
 $db->prepare('INSERT INTO имя_таблицы ( phone, email ) VALUES ( ? , ? ) ');

// Выполняете SQL c подстановкой значений из формы ( хранятся в глобальном массиве $_POST)
$result  =  $db->execute(array( $_POST['phone'], $_POST['email'] ));

echo ($result) ? "Форма успешно отправлена" :  "Что-то пошло не так, пожалуйста, повторите позже"; 

 ?>

Конечно надо делать проверки получаемых из форм данных, здесь просто принцип.

В своем function.php написать функцию

function woocommerce_template_loop_product_title() {
		echo '<h3 class="wd-entities-title"><a href="' . get_the_permalink() . '">' . get_the_title() . '</a></h3>';
	}

P/s на будущее... Скачивайте папку с темой себе на комп, и делаете поиск по файлам ( почти любой редактор, можно VS code ) в вашем случае достаточно было найти wd-entities-title

Это не эффект, а просто mousewheel контроль на слайдере, в данном случае горизонтальный. Например на swiper js -> пример

@Ankhena

Картинку абсолютом и object-fit

Это подошло, спасибо куратору!)

Прогнал код через Babel - заработало.