Jump to content

Is there a way I can redirect my click on my portfolio project cover to a different website?

Recommended Posts

I'm only familiar with SS7.1. In order to make the image a clickable link, or an HTML anchor, if you go to edit mode, select the image and then you should find an are that says link on it? Simply type the full URL of the external site into the text area of the pop-up modal.

Hope this helps.

Screenshot 2022-08-04 at 17.49.10.png

Link to comment
On 8/4/2022 at 3:04 PM, SelwynGoodman said:

Site URL: https://selwyngoodman.co

Is there a way I can redirect my click on a portfolio project cover to a different website instead of opening the clicked project? I'm trying to use my behance as external work on portfolio. Thanks in advance. 

Screenshot 2022-08-04 at 08.58.07.png

2 options to do this

Option 1. Create a new page with name "Work" > Add Gallery Section - Grid >> Enter Text/Url same as portfolio projects. Thus, you can enter any urls

(We will give code to make image zoom on hover)

Option 2. Add this code to Settings > Advanced > Code Injection > Footer

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(document).ready(function() {
	$('a.grid-item[href="/work/velaandmali"]').attr('href','https://google.com');
	$('a.grid-item[href="/work/terrainartlandscaping"]').attr('href','https://abc.com');
	$('a.grid-item[href="/work/owanocoffee"]').attr('href','https://facebook.com');
});
</script>

Do similar for other items

image.thumb.png.cf9ca78e876e84e7a6f0623ab00e1d4d.png

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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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.