<!-- Create an empty div where the vendor list will be populated -->
<div id="vendor-list">
<p>Loading vendors...</p>
</div>
<script>
document.addEventListener("DOMContentLoaded", function() {
var vendors = []; // Array to store unique vendors
var nextPageUrl = '/products.json?limit=250'; // Fetch products in batches (up to 250 per request)
// Function to fetch all products and extract unique vendors
function fetchVendors(url) {
$.ajax({
url: url,
type: 'GET',
success: function(data) {
var products = data.products;
// Loop through each product and collect unique vendors
products.forEach(function(product) {
if (vendors.indexOf(product.vendor) === -1) {
vendors.push(product.vendor);
}
});
// Check if there's a next page of products to fetch
if (data.next_page_url) {
fetchVendors(data.next_page_url);
} else {
// Once all vendors are collected, format and display the URLs
renderVendorList(vendors);
}
},
error: function(xhr, status, error) {
console.error("Error fetching products: ", error);
}
});
}
// Function to format and render the vendor list
function renderVendorList(vendors) {
var vendorListDiv = document.getElementById('vendor-list');
vendorListDiv.innerHTML = ''; // Clear the loading message
// Loop through the unique vendors and create URLs
vendors.forEach(function(vendor) {
var vendorUrl = 'https://27b312-5a.myshopify.com/collections/' + encodeURIComponent(vendor);
var vendorElement = document.createElement('li');
var vendorLink = document.createElement('a');
vendorLink.href = vendorUrl;
vendorLink.textContent = vendor;
vendorElement.appendChild(vendorLink);
vendorListDiv.appendChild(vendorElement);
});
}
// Start fetching vendors when the page loads
fetchVendors(nextPageUrl);
});
</script>
