Jump to content

Can't figure out why Links work in Editor but not on the Live page.

Go to solution Solved by creedon,

Recommended Posts

Site URL: https://taystthenotes.com/upcoming-events

I have an "Upcoming Events" page and a "Past Events" page that are the same content. The Upcoming Events gets posted to the Past Events as the date passes, but the hyperlinks to the location only work after the event has past.

I'd like visitors to be able to click on the name of the venue on the "Upcoming Events" page and it link them to the venue. It doesn't do that until the event ends up on the "Past Events" page. I've checked the Locations tab on the Event and have the address there but I think that only creates the map, but that too doesn't show via anything 'clickable' in the Event itself.

All of the configurable objects in Event Editor (map, venue URL, calendar ICS, et al) only work *in the editor*. The actual live page is just text of the event...See my Site URL above for example.

Attached is a screenshot of what I see in the editor.

thanks

Screen Shot 2022-05-04 at 9.29.56 PM.png

Link to comment
  • 2 weeks later...
  • 3 weeks later...
8 hours ago, TaysttheNotes said:

on the live site, nothing..no clickable link to the venue nor a map as you can see in the editing side of the house

This is what I see for this upcoming event:

image.thumb.png.c9574e8bc81373b0bbeceb13f76134c2.png

Improve your online store with our extensions.
About: Squarespace Circle Leader since 2017. I value honesty, transparency, appreciation and great design ♥.
Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™.
Content: Links in my posts may refer to SF Digital products or may be affiliate links.

Buy me a coffee

Link to comment

There is no adblocking, upstream at the router, ISP, etc that I'm aware of. 

I'm flummoxed as to how y'all are seeing the changes. I guess that's a good thing, because at the end of the day, visitors can access the links I designed into the Event.

Why multiple devices in my home cannot is a mystery at this point. However, I will open a ticket with Spectrum, our ISP, to see if they are filtering some html functionality that squarespace is pushing. 

Link to comment
1 hour ago, TaysttheNotes said:

I'd like visitors to be able to click on the name of the venue on the "Upcoming Events" page and it link them to the venue. It doesn't do that

As @creedon commented, I was viewing the actual event, not the event list, so perhaps we aren't viewing the same page?

I say this because there's some custom CSS on your site that is preventing visitors from clicking on the titles in the Upcoming Events page. This will prevent them reaching the individual event pages. I bypassed this (I assumed you had done this for testing) to view the actual event page (as linked) but if this wasn't intentional, this may be the issue.

Edited by paul2009

Improve your online store with our extensions.
About: Squarespace Circle Leader since 2017. I value honesty, transparency, appreciation and great design ♥.
Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™.
Content: Links in my posts may refer to SF Digital products or may be affiliate links.

Buy me a coffee

Link to comment

Before I go that route, here is my navigation: 

  1. load this URL https://taystthenotes.com/upcoming-events
  2. at this point nothing on this page is clickable
  3. please validate

I just tested this on a AWS VM in the East region of the US. This takes the my ISP out of the equation as I'm using my work related network to do the test

you both are reporting clickable links. Are you perhaps validating under an administrator context?

Nothing clickable in the below screenshot for me:

image.thumb.png.00ddd3a918181da24f59005eb5695338.png

Link to comment

hey Paul2009, that is helpful. Tell me though, when you say "I was viewing the actual event, not the Event list" where/How are you getting to an actual event if not through the "Upcoming Events page > list of upcoming events?

Also, where you mention seeing some custom CSS code (see below)...where do you see that because the person that set up my site added the following attached code to deal with mobile devices seeing the site well-formatted. Is that what you see? and if 'visitors to my site' from clicking  on events in the 'upcoming events' page wondering how you and creedon are.

 

#############

h1,h2,h3 {-webkit-hyphens: manual !important; -moz-hyphens: manual !important; -ms-hyphens: manual !important; hyphens: manual !important;}

 

 

p {text-align: center; hyphens: none}

 

 

h1,h2,h3 {text-align: center; hyphens: none}

 

.form-wrapper .field-list .field .field-element {

    width: 100%;

    padding: 12px;

    margin: 6px 0 4px;

    border: 2px solid #0000dc;

    background: transparent;

    box-sizing: border-box;

}

 

.eventlist-title {pointer-events: none; cursor: default;}

 

.eventlist-meta-item {text-align: center}

 

a:hover {color: rgba(0, 0, 220, 0.5)}

 

a:hover.BlogList-item-image-link {opacity: 0.7; filter: alpha(opacity=50)}

 

a:hover img {opacity: .7; filter: alpha(opacity=70);}

 

form {width: 80%; margin: auto; position: relative;}

 

input {height: 40px;}

 

.tweak-header-primary-nav-hover-style-spotlight .Header-nav .Header-nav-folder

{border:2px; border-style:solid; border-color:#0000dc}

 

.tweak-header-primary-nav-hover-style-spotlight .Header-nav .Header-nav-folder-item {color: #0000dc; font-family: Roboto; font-weight: 300; font-size: 14pt}

 

Header.Header--top {position:fixed; z-index: 1000; width: 100%; border-bottom: 2px solid #0000dc; height: 70px; background-color: rgba(255, 240, 192, 0.95)}

 

footer {font-size: .6em;}

 

.tweak-mobile-bar-top-fixed .Mobile-bar--top {position:fixed; z-index: 1000; width: 100%; height:70px; border-bottom: 2px solid #0000dc}

Link to comment
6 hours ago, TaysttheNotes said:

please validate

This is my experience.

I can validate your route. The links on that page are not clickable due to the CSS @paul2009 mentioned.

Do you want those events clickable? We can show you which CSS to remove.

Quote

you both are reporting clickable links. Are you perhaps validating under an administrator context?

The clickable links are on the event page itself. Not the event list page mentioned previously.. I viewed the code to the page to get a URL to an event page, as I assume paul2009 did.

paul2009 and I have no special access to your site. We are seeing what a site visitor would see and experience.

What we do have is knowledge about how SS and the web work so we can dig a little deeper than most folks and get to things that may appear inaccessible at first glance.

Edited by creedon

Find my contributions useful? Please like, upvote, mark my answer as best , and see my profile. Thanks for your support!

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.