document.addEventListener('DOMContentLoaded', function() {
const head = document.querySelector('head');
// Add the Google Tag Manager script
const gtmScript1 = document.createElement('script');
gtmScript1.async = true;
gtmScript1.src = 'https://www.googletagmanager.com/gtag/js?id=G-J0T7XBFNKF';
head.appendChild(gtmScript1);
// Add the gtag script
const gtagScript = document.createElement('script');
gtagScript.textContent = `
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-J0T7XBFNKF');
`;
head.appendChild(gtagScript);
});
/* Add custom Js code below */
/*
const createNewDiv = document.createElement('div');
document.body.appendChild(createNewDiv);
createNewDiv.innerHTML = `
`;
const isMobileView = () => window.matchMedia('(max-width: 768px)').matches;
if (isMobileView()) {
/* document.addEventListener('DOMContentLoaded', (event) => {
// Create elements
const footer = document.querySelector('footer');
const stickyWrapper = document.createElement('div');
const cartWrapper = document.createElement('div');
const menuSelect = document.querySelector('.mburger');
const menuIcon = document.querySelector('.mburger i');
const sallaCart = document.querySelector('salla-cart-summary');
const sallaUserMenu = document.querySelector('salla-user-menu');
const searchIcon = document.querySelector('.header-search');
const userMenuAvatar = document.querySelector('salla-user-menu');
const profileIcon = document.querySelector('.top-navbar button:not([type="button"])');
// Add classes
stickyWrapper.classList.add('sticky-wrapper');
// Set styles
menuIcon.style.margin = '0';
// Append elements
document.body.appendChild(stickyWrapper);
// Use template literals to create the sticky-footer-item divs
stickyWrapper.innerHTML += `
`;
const homePageItems = document.querySelector('.sticky-footer #homePage');
const categoriesItems = document.querySelector('.sticky-footer #categories');
const footerStickyCart = document.querySelector('.sticky-footer #cart');
const footerStickySearch = document.querySelector('.sticky-footer #search');
const footerStickyProfile = document.querySelector('.sticky-footer #profile');
homePageItems.innerHTML += `
`;
categoriesItems.appendChild(menuSelect);
footerStickyCart.appendChild(cartWrapper);
cartWrapper.appendChild(sallaCart);
footerStickySearch.appendChild(searchIcon);
if (sallaUserMenu) {
footerStickyProfile.appendChild(sallaUserMenu);
}
if (userMenuAvatar) {
footerStickyProfile.innerHTML += `
حسابي
`;
}
menuIcon.classList.replace('sicon-menu', 'sicon-ul');
cartWrapper.innerHTML += 'السلة
';
categoriesItems.innerHTML += 'الفئات
';
searchIcon.innerHTML += 'البحث
';
if (profileIcon) {
footerStickyProfile.appendChild(profileIcon);
profileIcon.innerHTML += 'حسابي
';
}
const stickyFooterItems = document.querySelectorAll('.sticky-footer-item');
// Add click event listener to the stickyWrapper (or any parent container that is always present)...
stickyWrapper.addEventListener('click', function(event) {
// Check if the clicked element is one of the sticky footer items...
const clickedItem = event.target.closest('.sticky-footer-item');
if (clickedItem) {
// Remove active class from all items...
removeActiveClass();
// Add active class to the clicked item...
clickedItem.classList.add('active');
// Save the active item's id in localStorage...
localStorage.setItem('activeItemId', clickedItem.id);
// Find any button with class 'btn--close-sm' and click it...
if (clickedItem.id !== 'categories') {
const closeButton = document.querySelector('.btn--close-sm');
if (closeButton) {
closeButton.click();
}
}
}
// Function to remove active class from all items...
function removeActiveClass() {
stickyFooterItems.forEach((item) => {
item.classList.remove('active');
});
}
// When the page loads, get the active item's id from localStorage...
window.onload = function () {
const activeItemId = localStorage.getItem('activeItemId');
if (activeItemId) {
const activeItem = document.getElementById(activeItemId);
activeItem.classList.add('active');
}
};
});
*/
/*
const navChildElement = document.querySelector('.inner .container div');
navChildElement.innerHTML += `
المتجر الأول لتقوية حساباتك
في الخليج والشرق الاوسط
`;
*/
}