Bordered items with hover overlay for Related Products - Shop pages (7.1)

All CSS tricks7.1Hover/overlayCool lookBorders and shadows
Written By Beatriz Caraballo

About

Create a stylish line-look for the related items in your 7.1 Shop Pages with this short code.

You’ll have the ability to style the border, overlay color and icon, and even set up a floating title label however you want to make it as prominent or subtle as you wish!

  • This particular snippet is compatible with:

    • Individual Shop Page products (with Related Products area enabled)

    • Squarespace 7.1

Beatriz Caraballo

Hey! I’m B, a customization expert.

I code the heck out of Squarespace and teach other designers how to do it too, one wtf at a time.

https://beatrizcaraballo.com
Previous

Mobile Responsive viewer tool for Squarespace
Next

Bordered items with hover overlay - Auto Layout Carousel (7.1)