Make product title clickable on collections page. Impulse theme

Store Design

Topic summary

A user reported that product titles on their collection pages (Impulse theme) are not clickable.

Another community member provided a CSS-based solution to make titles clickable without requiring code editing expertise:

Solution steps:

  • Navigate to: Admin → Online Store → Themes → Three dots menu → Edit code
  • Open the theme.css file in the Assets folder
  • Add the provided CSS snippet at the end of the file

The CSS code creates an invisible clickable overlay on product titles using the .a.grid-product__link:after selector with absolute positioning.

Outcome: The original poster confirmed the solution worked flawlessly. Issue resolved.

Summarized with AI on November 19. AI used: claude-sonnet-4-5-20250929.
1

My product titles are not clickable on the collections. My site it www.hanginghighhammocks.com

1 Like
2

Hi @TreavorHHH

Without hiring someone to go inside your website and edit the code, you can use this CSS tricks to achieve same goal. Please follow the instructions below.

  1. From you Admin page, go to Online store > Themes > Click the three dots on the theme you want to edit > Edit code
  2. Go to Asset folder and open the theme.css file
  3. At very end of the code, add the code below
a.grid-product__link:after {
    content: "";
    background: red;
    width: 100%;
    height: 50%;
    position: absolute;
    cursor: pointer;
    z-index: 1;
    opacity: 0;
}
1 Like
3

Worked flawlessly!

1 Like