vendor_2

• {% assign vendors = "" %} {% for product in collections.all.products %} {% assign vendor_name = product.vendor %} {% if vendors contains vendor_name %} {% continue %} {% else %} {% assign vendors = vendors | append: vendor_name | append: "," %} {% endif %} {% endfor %} {% assign vendor_list = vendors | split: "," %} {% for vendor in vendor_list %} {% if vendor != "" %}
• {{ vendor }}
• {% endif %} {% endfor %}

document.getElementById('vendor-search').addEventListener('input', function() { const searchValue = this.value.toLowerCase(); const vendors = document.querySelectorAll('.vendor-item'); vendors.forEach(vendor => { if (vendor.textContent.toLowerCase().includes(searchValue)) { vendor.style.display = ''; } else { vendor.style.display = 'none'; } }); });