Jump to content

Event link "view more" button and title link to external URL

Recommended Posts

Hi, I have my Events page set up and am trying to figure out if there is a way to make the event image, title, and view more button link to an external link. In this case to the separate page created for the event on my website.

I hate how the Squarespace-created event pages look and they are super clunky to edit. I want to skip this page and have the user directed to the actual event created for the page. Bonus points if there's also a way to solve this for the event summary block. I am trying to make the "Adult Team Season" event link directly to https://www.bouldersgym.com/adultteam, rather than to https://www.bouldersgym.com/events/adult-team-season

There was previously a forum that found some solutions, however, they were not great and the one fix to the "view event" button no longer works. 

I am hoping that anyone with a better understanding of coding/Squarespace knows of a way to make this happen. Is it even possible?

Thanks so much!

Link to comment
  • Replies 15
  • Views 2.1k
  • Created
  • Last Reply

Top Posters In This Topic

On 9/21/2023 at 9:47 PM, gibgib said:

Thank you.

Are you able to add external link to Excerpt? Then we can use code to turn image, title, button link to this excerpt external link?

And do you use Personal, Business or Commerce Plan? (Each plan will have a different code to turn this link)

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
On 9/26/2023 at 1:04 AM, gibgib said:

@tuanphan Yes I am able to add an external link. We are on a business plan. Thank you!

Can you add an external link? Then we can test & give the code, if it works, you can do similar for other events

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
On 9/28/2023 at 1:16 AM, gibgib said:

@tuanphanI added an external link to the Adult Team Season event and the Nightmare on carrol street 

Sorry, I meant add a text link (clickable text), not raw link

image.png.27c43c56d5c7c71610fcfb011a9103ed.png

I see you added some code to turn excerpt link to button, so just add text link, your code will work & it will show this

image.png.8c0c6ef25264ee5f288955a65a339e95.png

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
On 10/3/2023 at 7:17 AM, gibgib said:

@tuanphanHi, sorry for the confusion, I fixed it. I was wondering though, is there any way to remove the original "view event" button? I can't seem to make it go away. Otherwise it looks really bad having two buttons. 

Use this CSS code to remove it

/* remove view event button */
a.eventlist-button {
    display: none !important;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

@tuanphan

My code to make the clickable text look like a button doesn't seem to work any longer. I am not sure why, as I haven't changed it. Do you have any idea what might be wrong? Also, do you know code that could change the image and title to link to that clickable text link? 

Thanks so much again for all your help.

Link to comment
On 10/11/2023 at 11:33 PM, gibgib said:

@tuanphan

My code to make the clickable text look like a button doesn't seem to work any longer. I am not sure why, as I haven't changed it. Do you have any idea what might be wrong? Also, do you know code that could change the image and title to link to that clickable text link? 

Thanks so much again for all your help.

Hi,

I see button still clickable here

image.png.9abb997e06b30c9372414a9d98306966.png

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

@tuanphan Hi, sorry for all the confusion and questions!

yes, that button is still clickable however, that is the default original button that takes me to Squarespace's created event page. I cannot figure out why, but the clickable button made with code to the external link is no longer working.

So I cannot use the code to get rid of squarespaces default button because otherwise there is no button at all. 😞 

Link to comment
On 10/14/2023 at 12:53 AM, gibgib said:

@tuanphan Hi, sorry for all the confusion and questions!

yes, that button is still clickable however, that is the default original button that takes me to Squarespace's created event page. I cannot figure out why, but the clickable button made with code to the external link is no longer working.

So I cannot use the code to get rid of squarespaces default button because otherwise there is no button at all. 😞 

Did you remove Link in Excerpt? You can check again this

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
On 10/16/2023 at 11:24 PM, gibgib said:

@tuanphan no, i did not - that is why i am confused. There is still a clickable link in the excerpt.

Screenshot 2023-10-16 092239.png

You used this code to hide excerpt

image.png.e5b0ccd69c417135baca171f48f7d0e5.png

you can change it to

body:not(.tweak-events-stacked-show-excerpt) .eventlist-description {
    display: none;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

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.