Skip to content

Instantly share code, notes, and snippets.

View ersanjay5991's full-sized avatar
🏠
Working from home

ersanjay5991

🏠
Working from home
View GitHub Profile
@ersanjay5991
ersanjay5991 / display-shopify-vendor-list-with-inactive-vendors.md
Created May 12, 2024 06:00 — forked from rseabrook/display-shopify-vendor-list-with-inactive-vendors.md
Creating a multi-column, alphabetized vendor list in Shopify including inactive vendors

Adding inactive vendors to a multi-column, alphabetized vendor list in Shopify

This extends the multi-column, alphabetized vendor list in Shopify guide.

If all of the vendors you want to include in your vendor directory already have products assigned to them, that guide is simpler. If you want to include arbitrary vendor names that are not linked to any product in your store, this is the guide for you.

Requirements

  • Responsive, multi-column layout
  • Alphabetical order from top-to-bottom and then left-to-right.
#quick-view {
display: flex;
height: 100%;
justify-content: flex-end;
flex-wrap: wrap;
position: relative;
-ms-overflow-style: -ms-autohiding-scrollbar;
.qv-product-images {
width: 60%;
height: auto;