How to list products by type with clickable images?

Technical Q&A
,

Topic summary

Goal: Create clickable images (T-shirts, Sweatshirts, Hoodies) that navigate to pages listing all products labeled with the corresponding type.

Key request:

  • How to construct or retrieve URLs for each product type so that clicking an image shows all products labeled “T-shirts,” “Sweatshirts,” or “Hoodies.”
  • How to implement this behavior (images linking to type-specific product listings).

Context:

  • Technical Q&A tagged with optimization and shopify-scripts, implying a Shopify store setup.
  • “Product type” refers to a label assigned to products; user wants pages filtered by that label.

Status:

  • No answers or solutions provided yet; the discussion is open with unanswered questions.

Notes:

  • Images are central to the intended navigation (each image represents a product type and should link to the corresponding product listing page).
Summarized with AI on January 19. AI used: gpt-5.
1

My website has 3 images each representing a product type, namely T-shirts, Sweatshirts and Hoodies.

If a customer clicks on the “T-shirts” image, I would like it to display all the products labeled as “T-shirts”? Similarly, for “Sweatshirts” and “Hoodies”

How can I get the url’s for each of these and how can I acheive this?