Jump to content

Add buttons to portfolio page

Recommended Posts

Hi, is it possible to add a button to a portfolio page? The ideal outcome is the attached photo below where there are two buttons in one line. Although, one button on top of each other will be fine as long as there is a button for book now and a different one for learn more

image.thumb.png.4365d3318147535cfa7aa59ebf8ad804.png

Link to comment
1 hour ago, delsinki said:

Hi, is it possible to add a button to a portfolio page? The ideal outcome is the attached photo below where there are two buttons in one line. Although, one button on top of each other will be fine as long as there is a button for book now and a different one for learn more

image.thumb.png.4365d3318147535cfa7aa59ebf8ad804.png

Can you share your URL? 

If your site is not published yet, refer How to set the protected password

Press 👍  or mark my comment as solution if you find my sharing useful

🆒 Squarespace pinchzoom lightbox plugin (affiliate link)

👁‍🗨 360 degree photo viewer (affiliate link)

Link to comment

Use the following to add Learn more text on your portfolio item

section[data-section-id="66862acbf6a52144b2ef4f7d"] .portfolio-text:after {
  content: 'Learn more';
  border: 1px solid;
  padding: 5px;
  position: relative;
}
section[data-section-id="66862acbf6a52144b2ef4f7d"] .portfolio-grid-basic {
  grid-gap: 20px;
}

I am not sure what would happen if we click on Book now (the button for your image)

Press 👍  or mark my comment as solution if you find my sharing useful

🆒 Squarespace pinchzoom lightbox plugin (affiliate link)

👁‍🗨 360 degree photo viewer (affiliate link)

Link to comment

Hi, apologies for the late turn-out, and that worked and have added the learn more button. Thank you so much!

Is there a way for us to add a book now button on there too that we can link to each booking page of each properties?

image.thumb.png.ebb2b6fa30394529dd647116831be6cb.png

Link to comment

UPDATE: So, instead of adding another button with a book now, I decided to add the "Learn more" text in the hover and the current existing button below the title to be the book now button. Is there a way I can link these buttons to separate links per item in the portfolio? Here's a screenshot of how it currently looks like:

image.thumb.png.01797e724780c9996f25825bc88632ec.png

Link to comment
3 hours ago, delsinki said:

UPDATE: So, instead of adding another button with a book now, I decided to add the "Learn more" text in the hover and the current existing button below the title to be the book now button. Is there a way I can link these buttons to separate links per item in the portfolio? Here's a screenshot of how it currently looks like:

image.thumb.png.01797e724780c9996f25825bc88632ec.png

Currently, when we hover over a portfolio item, it already has a specific link. With your requirement, clicking the book now will direct to this link or another one?

image.thumb.png.5285b58799f809a01c88e3aa962c90b0.png

Press 👍  or mark my comment as solution if you find my sharing useful

🆒 Squarespace pinchzoom lightbox plugin (affiliate link)

👁‍🗨 360 degree photo viewer (affiliate link)

Link to comment
7 hours ago, delsinki said:

Hi @HoaLT book now is intended to go to a different link. And different link each portfolio item in the grid

It is possible if we implement js code to add new custom buttons (with a different link) on your portfolio page.

Javascript is only available on business plan or above. Which one are you working on?

Press 👍  or mark my comment as solution if you find my sharing useful

🆒 Squarespace pinchzoom lightbox plugin (affiliate link)

👁‍🗨 360 degree photo viewer (affiliate link)

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.