Так как второй слайдер находился в модальном окне Bootstrap, то -

// Swiper JS Внутри карточки магазига //
	var myswiper2 = new Swiper('.swiper-container-item', {
		slidesPerView: 1,
		spaceBetween: 4,
		slidesPerGroup: 1,
		loop: true,
		loopFillGroupWithBlank: true,
		navigation: {
			nextEl: '.swiper-button-next',
			prevEl: '.swiper-button-prev',
		},
	});

	// Swiper JS Modal //
	$('#product_view').on('shown.bs.modal', function(e) {
		myswiper2.update();
	    //var $invoker = $(e.relatedTarget);
		//swiper.slideTo($invoker.data('slider'));
		//swiper.update();
	});

Была создана вторая переменная, закомментированый код не влияет на работу, то был указан в решении другого источника.

Никаких чужих макетов, никаких "смотри" видео. На личном опыте могу сказать, что 99.9% "блогеров" в направлении веб-разработки - это некомпетентные люди, которые берут либо западные форматы с их контентом и просто копируют видеоролики с не русского пространства нашего любимого ютуба, причем с ошибками. Есть хорошие ребята, но почти у всех смысл такой "хотите узнать больше, подписывайтесь на вебинар и бла-бла-бла".
Если Вы планируете заниматься вёрсткой, то желательно понимать и основы работы с макетами, да и самые примитивные идеи дизайна Вам тоже пригодятся. Попробуйте освоить, допустим, Figma. Создайте свой собственный макет и реализуйте его в явь.

Есть очень хорошие курсы, которые объединяют практику и теорию, причем они бесплатны.
https://htmlacademy.ru/ например. Таких ресурсов очень много, заработать на знаниях - тренд в 2019.

От себя могу добавить прекрасное приложение Sololearn, в котором есть вся базовая информация.

Если брать во внимание фреймворки, то только официальная документация, плюсом будет, если она на английском, зачастую при переводе совершают ряд ошибок.

По PHP могу посоветовать Котерова. Отличная книга, где всё понятно разъяснено, но зачем сразу с PHP? Начните с базы, благо она сейчас тоже постоянно расширяет свой диапазон.

А самое главное - ничего не бывает сразу. Я тоже год назад верстая первую работу для галереи использовал таблицу, а до адаптивности мне было как до Лондона пешком от моего Красноярска. Удачи.

<?php wp_head(); ?>

https://wp-kama.ru/function/wp_head

Было сделано интересное решение. Далее "Осторожно костыль!".

function displayCart() {
    var cartArray = shoppingCart.listCart();
    var output = "" + "<div ><input class='input-send' name='phone' value='' placeholder='Номер телефона' requaired>" + "<input class='input-send' name='name' value='' placeholder='Ваша почта' requaired>"  + "<button class='sendspan' type='submit'>Отправить заказ</button></div>";
    for (var i in cartArray) {
        output += "<div class='form-group'>"
            + "<img src=" + cartArray[i].name + ">"
            + "<div class='input-group'><button class='minus-item input-group-addon' data-name=" + cartArray[i].name + ">-</button>"
            + "<input name='mutch' type='number' class='item-count form-control' data-name='" + cartArray[i].name + "' value='" + cartArray[i].count + "' requaired>"
            + "<button class='plus-item btn input-group-addon' data-name=" + cartArray[i].name + ">+</button></div>"
            + "<div name='price' requaired>" + cartArray[i].total + "</div>"
            + "<button class='delete-item btn btn-danger' data-name=" + cartArray[i].name + ">×</button>"
            + "<p class='form-message'></p>"
            + "<div id='message'></div>"
            + "</div>"
            + "<input class='offer' name='offer[]' value='Артикул: " + cartArray[i].name + " | Количество: " + cartArray[i].count + " | Сумма: " + cartArray[i].total + "' requaired>"
            + "</div>";
    }

    $('.show-cart').html(output);
    $('.total-cart').html(shoppingCart.totalCart());
    $('.total-count').html(shoppingCart.totalCount());
}

В данную строку передавались данные из дивов нужных нам переменных. Формировался один инпут, который счастливо улетал в телеграм.

+ "<input class='offer' name='offer[]' value='Артикул: " + cartArray[i].name + " | Количество: " + cartArray[i].count + " | Сумма: " + cartArray[i].total + "' requaired>"