/**You can add code to this file for shop customization**/
document.addEventListener("oms_getCategories", function (e) {
const access_token = "IGQVJWVEZAmcEk3V3dfTUduamk1SGNsd3RLNE92QU93X1VkQ3hSM1JJVVVhUjZACLWVHUExaOVc5QlI5MGh2dVZADZAUw1NU1zbjVOendGczJ6WDdXRWRuUDBpb2ZAQVzg3SERycExsT3o1S2FhcjQ1c0lkcAZDZD"
var refreshAccessToken = (oldToken) => {
var iHeaders = new Headers();
iHeaders.append("Cookie", "csrftoken=ULK3D1Y60rKSN9xcM9TH9hrMP2W9zGJs; ig_did=5C930E44-CF52-473E-B371-81BDF9517852; ig_nrcb=1; mid=ZJp5sgAEAAGE_pR4XlT_V4KRKT3C");
var requestOptions = {
method: 'GET',
headers: iHeaders,
redirect: 'follow'
};
fetch(`https://graph.instagram.com/refresh_access_token?grant_type=ig_refresh_token&access_token=${oldToken}`, requestOptions)
.then(response => response.text())
//.then(result => )
.catch(error => console.log('error', error));
}
let initSlider = function () {
let splidWork = new Splide('#splide', {
type: 'loop',
lazyLoad: "nearby",
perPage: 3,
focus: 'center',
autoplay: true,
interval: 8000,
flickMaxPages: 3,
updateOnMove: true,
pagination: true,
padding: '0%',
throttle: 30,
breakpoints: {
970: {
perPage: 1,
padding: '10%'
},
1440: {
perPage: 2,
padding: '10%'
},
2000: {
perPage: 4,
padding: '1%'
}
}
})
splidWork.mount();
}
var feedStore = new Array()
var feed = new Instafeed({
accessToken: access_token,
limit: 20,
template: '',
transform: function (item) {
feedStore.push(item)
let element = document.getElementById("splide__list")
element.innerHTML += `
`
if (feedStore.length >= 20) {
initSlider()
}
return item;
}
})
feed.run()
refreshAccessToken(access_token)
})
document.addEventListener("oms_getTemplateListSuccess", () => {
const blocks = document.querySelectorAll(".custom-products");
console.log("blocks>>>",blocks)
blocks.forEach(block => {
const link = block.getAttribute("data-show-more-link");
console.log("link>>>",link)
if (!link) return;
// Wait until Vue renders inside the component
const observer = new MutationObserver(() => {
// Search within the block wrapper
const showMoreBtn = block.parentElement.querySelector(".mt-2 button");
if (showMoreBtn) {
// Convert button → anchor tag
showMoreBtn.outerHTML = `
Show More
`;
observer.disconnect();
}
});
observer.observe(block.parentElement, {
childList: true,
subtree: true
});
});
});