Jump to content

Custom Layout for Product Page in Squarespace 7.0 (Brine)

Recommended Posts

Hello! I'm wondering if anyone thinks or knows how we could transform this product page's layout to the outline attached. 

Right now the product page is a bit more traditional, but the goal is to simplify it with 3 links across (Details, Tear Sheet, Inquire).

  • *Details - when clicked the information would appear below it*
  • Tear Sheet - hyperlink to tearsheet
  • Inquire - hyperlink to contact page

I'm wondering if it's possible to show the detail text below when "Details" is clicked? 




Edited by skalison
Link to comment
  • skalison changed the title to Custom Layout for Product Page in Squarespace 7.0 (Brine)
  • Replies 2
  • Views 188
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

11 hours ago, tuanphan said:


Initial: show 3 links: Details, Tear Sheet, Inquire


  • Click on Details >> Show information below it
  • Click on Tear Sheet >> open a new page
  • Click on Inquire >> open a new page

Is this right?

@tuanphan That's correct!

Right now I've added them under "Additional Information" since that allows for three columns across and coded the "Details" link similar to a 'Show More/Less' thinking I might be able to bring those links up under the Add to Cart button?

Edited by skalison
Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.