How to restyle Debut's "Collection List" to mimic "Featured Collection"/product grid?

New Member
7 0 0

In the Debut, theme, the "Collection List" template shows big, blocky links that link to collections.

How can I change the mark-up to mimic that of "Featured Collection" (basically, a standard product grid) instead?

I believe the files are located at collection-list.liquid and collection.liquid, respectively, though I could be wrong.

I'm versed in HTML and template creation from other walks of life and attempted to move over portions of the <ul> from one to the other. But it just resulted in blank images and a price appearing. This is my first foray into Shopify themes.

 

Thanks.

0 Likes
Highlighted
New Member
7 0 0

Actually, I think the relevant files are...

FROM:

  • collection.liquid (Featured Collection)
    • product-card-grid.liquid
    • product-card-grid.liquid
    • product-card-grid.liquid

TO:

  • collection-list.liquid (Collection List)
    • collection-grid-item.liquid
    • collection-grid-item.liquid
    • collection-grid-item.liquid
0 Likes