How to make the entire product card clickable in Squarespace

Make the entire product card clickable

By default in Squarespace, only the product title or image is clickable. This quick tweak makes the entire product card clickable, which improves usability and makes it easier for visitors to browse your store—especially on mobile.

Add the code

Go to Pages → Website Tools → Custom CSS and paste the following:

.product-block-content {
  position: relative;
}

.product-title:after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}

Result

Now the whole product card is clickable, not just the title, creating a smoother and more intuitive user experience.