Home

Our Collections

Loading image...

Loading... →

Loading image...

Loading... →

Loading image...

Loading... →

(function () { // ======================================== // DECODE HTML ENTITIES // // Example: // Women’s -> Women’s // ======================================== function decodeHTML(html) { var textarea = document.createElement("textarea"); textarea.innerHTML = html || ""; return textarea.value; } // ======================================== // LOAD COLLECTIONS // ======================================== function loadCollections() { var sections = document.querySelectorAll( ".pp-collections-section" ); sections.forEach(function (section) { var cards = section.querySelectorAll( ".pp-collection-card[data-category-id]" ); if (!cards.length) { return; } // ====================================== // WOOCOMMERCE CATEGORY API // ====================================== var apiUrl = window.location.origin + "/wp-json/wc/store/v1/products/categories?per_page=100"; fetch(apiUrl) .then(function (response) { if (!response.ok) { throw new Error( "WooCommerce categories unavailable" ); } return response.json(); }) .then(function (categories) { cards.forEach(function (card) { // ================================== // GET CATEGORY ID // ================================== var categoryId = Number( card.getAttribute("data-category-id") ); if (!categoryId) { console.error( "Category ID missing" ); return; } // ================================== // FIND MATCHING CATEGORY // ================================== var category = categories.find( function (item) { return Number(item.id) === categoryId; } ); if (!category) { console.error( "Category not found:", categoryId ); var missingTitle = card.querySelector( ".pp-category-name" ); if (missingTitle) { missingTitle.textContent = "Collection unavailable"; } return; } // ================================== // AUTO CATEGORY TITLE // HTML ENTITY FIX // ================================== var titleElement = card.querySelector( ".pp-category-name" ); if (titleElement) { titleElement.textContent = decodeHTML( category.name || "Collection" ); } // ================================== // AUTO CATEGORY IMAGE // ================================== var imageContainer = card.querySelector( ".pp-collection-image" ); if (imageContainer) { if ( category.image && category.image.src ) { var image = document.createElement( "img" ); image.src = category.image.src; image.alt = decodeHTML( category.name || "Handbag collection" ); // KEEP ORIGINAL CSS CLASS image.className = "pp-collection-product-img"; image.loading = "lazy"; image.decoding = "async"; image.onerror = function () { imageContainer.innerHTML = '' + 'Category image unavailable' + ''; }; imageContainer.replaceChildren( image ); } else { imageContainer.innerHTML = '' + 'Category image unavailable' + ''; } } // ================================== // AUTO CATEGORY LINK // ================================== if (category.slug) { card.href = window.location.origin + "/product-category/" + encodeURIComponent(category.slug) + "/"; } }); }) .catch(function (error) { console.error( "Collections loading error:", error ); cards.forEach(function (card) { var titleElement = card.querySelector( ".pp-category-name" ); var imageContainer = card.querySelector( ".pp-collection-image" ); if (titleElement) { titleElement.textContent = "Collection unavailable"; } if (imageContainer) { imageContainer.innerHTML = '' + 'Unable to load image' + ''; } }); }); }); } // ======================================== // INITIALIZE AFTER PAGE LOAD // ======================================== if (document.readyState === "loading") { document.addEventListener( "DOMContentLoaded", loadCollections ); } else { loadCollections(); } })();