How to put grid lines on Product Catalog - Dawn Theme

Store Design
, , ,

Topic summary

Goal: add visible grid lines (borders between product tiles) to the product catalog in Shopify’s Dawn theme, matching the look shown in the attached image.

Recent updates:

  • Two responders asked for the live/preview link to assess the page setup.
  • The requester shared a Shopify preview URL (site under development) and specified the target as the SHOP (collection) page. The link was posted twice to ensure visibility to both helpers.

Context/technical notes:

  • Dawn is a Shopify theme; adding grid lines likely involves CSS (e.g., borders on product cards within the collection grid). The attached screenshot is key to understanding the desired styling.

Status and outcomes:

  • No CSS or theme-setting solution has been provided yet. No code snippets or theme edits discussed.
  • The thread remains open, pending community review of the preview link and proposed CSS guidance.

Open questions:

  • Preferred implementation method (CSS borders vs. theme customization) and responsiveness details are not yet specified.
Summarized with AI on January 24. AI used: gpt-5.
1

Hi! I’d like to put grid lines on my catalog. Something like this

airaeunicem_0-1689046741631.png
airaeunicem_0-1689046741631.png590×684 60.8 KB

Hoping someone could help!

2

@airaeunicem - can you share your grid page link?

3

@airaeunicem

Please share the page link.

Thanks!

4

Hi! https://5n0o0bm964vep3fa-58925547678.shopifypreview.com It’s still under development. But the page I want to make a grid to is SHOP

5

Hi @dmwwebartisan https://5n0o0bm964vep3fa-58925547678.shopifypreview.com It’s still under development. But the page I want to make a grid to is SHOP