Disable Google Maps Link in Listing block

In the listings block, Listing location has a Google Map link. This might be very misleading to users that want only access the listing, instead they are being redirected to google map. It does not seem to be user’s primary intention and seem like a UX defect.

Useful will be possibility to disable link in Listing tiles.

Hi,

You can remove the location by using this CSS snippet:

.hp-listing__location {
	display: none;
}

Please note that in this case, the location is also removed from the listing page.

The request is about remove the link of the location, not the location. In other words, make it normal text instead of hyperlink.

And Alice has a point. Clicking the listing card should take the user to the listing (where parhaps the map is shown) and not somehwere else like a map without the listing. I too would qualify it as a UX defect.

1 Like

I have temporary used:

.hp-listing.hp-listing--view-block .hp-listing__location a {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
    color: inherit;
}
1 Like

Thanks for sharing the solution. This will be really helpful for the community.

We’ll consider making the entire listing card clickable as an optional feature. We understand there are different UI approaches that work well for various use cases. In some instances, listing cards contain interactive elements like attributes in the secondary block zone that benefit from having their own separate click functionality, so we’d want to make sure we balance usability with flexibility.

where can you add this snipet please?

Hi,

CSS snippets can be added in WordPress > Appearance > Customize > Additional CSS.

Hope it helps