Shopify Mutation Observer

shopify-mutation-observer.js

function checkoutUpdates() {
	const prices = document.querySelectorAll('.product__price');

	prices.forEach((item) => {
		const productPrice = item;
		const productName = item.closest('tr').querySelector('.product__description__name');
		productName.appendChild(productPrice);
	});

}

let mutationIsHappened = false

document.addEventListener("DOMContentLoaded", function() {
	checkoutUpdates()
	const tagsContainerEl = document.querySelector('.sidebar__content .order-summary__sections');
	new MutationObserver((mutations) => {
		mutations.forEach(({type, target}) => {
			if (target.classList.contains('order-summary__sections')) {
				if (mutationIsHappened === false) {
					mutationIsHappened = true;
					checkoutUpdates();
				} else {
					mutationIsHappened = false;
				}	
			}
		});
	}).observe(tagsContainerEl, { childList: true, subtree: true })
});