Jump to content

7.1 Portfolio Page Image linked to another Portfolio Page

Recommended Posts

Site URL: https://goldfish-parsnip-mhd3.squarespace.com/portfolio

Hi. Learning how Squarespace in 7.1 works, and was wondering if it might be possible to have a "clickthrough url" option for each "Project" on a "Portfolio Page". So one of my main pages can be a "Portfolio Page" of main categories, which then link to another "Portfolio Page" of the projects in that category. Which I would then link to the individual project page. Any chance that might be possible? I guess it would mean having the ability to turn on or off the "clickthrough url" option for each portfolio item so maybe not...? What I really seem to be trying to do is to use a Grid:Overlay on a Portfolio Page as a kind of secondary navigation to get me to the regular Portfolio Pages. Just curious if anyone had thoughts?

 

 

Link to comment
  • 1 year later...
On 12/31/2021 at 8:17 PM, zemaria said:

@tuanphan

 

Can you share the code to do this? 

 

Hi. Can you share link to page where you added image blocks? We can check easier

Each type of image block, maybe need a different code

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
On 1/2/2022 at 11:04 PM, zemaria said:

Hi, of course: 

The URLs I want to redirect to are: 

https://violet-ladybug-x82t.squarespace.com/commercial

https://violet-ladybug-x82t.squarespace.com/film

https://violet-ladybug-x82t.squarespace.com/music-video

You replied to my post with a similar issue about the putting a portfolio inside a portfolio:

Do you need any more information?

Add to Page Header

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(document).ready(function() {
  // commercial
	$('li:nth-child(1) a.portfolio-hover-item').attr('href','https://beaverhero.com');
   // Film
	$('li:nth-child(2) a.portfolio-hover-item').attr('href','https://google.com');
   // Music Video
	$('li:nth-child(3) a.portfolio-hover-item').attr('href','https://facebook.com');
});
</script>

 

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

Hi! I'm having a similar issue I believe.

 

I chose the Zion theme. Basically I want the home page to be a portfolio page with the list of projects in the text format (Design, Illustration). When you click on of the projects, it links to another portfolio page that has projects specific to that section For example, When you click on "Design", it leads to a portfolio page of my 6 design projects. When you click on one of those projects, it leads to a gallery page. I can see how you can make them pages that you get to through the navigation bar, but I'd rather get to them through clickable options of the front of the homepage. 

Any help is appreciated!

Link to comment
On 1/6/2022 at 1:50 AM, sydneyperkins said:

Hi! I'm having a similar issue I believe.

 

I chose the Zion theme. Basically I want the home page to be a portfolio page with the list of projects in the text format (Design, Illustration). When you click on of the projects, it links to another portfolio page that has projects specific to that section For example, When you click on "Design", it leads to a portfolio page of my 6 design projects. When you click on one of those projects, it leads to a gallery page. I can see how you can make them pages that you get to through the navigation bar, but I'd rather get to them through clickable options of the front of the homepage. 

Any help is appreciated!

You can use above code to do this. Replace example url with new urls

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
  • 1 month later...
On 2/9/2022 at 6:38 AM, SpruceGooseTV said:

Hello, is there any way to modify the above code so that it works with grid style portfolios? 

Can you share link to your portfolio? I can check grid class name easier

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
  • 1 month later...
  • 5 months later...

Hello,

 

I would like to do the same thing. My url is https://enriqueagudo.com/projects and I would like to have each of the project pages to link to the following URLs:

 

Pantheon at the V&A - Keep the project link

Ipseity - http://ipseity.art

Ipseity at IE University - https://www.ipseity.art/installation

Ipseity Costume Series - https://www.ipseity.art/costumes

Echoes - https://enriqueagudo.com/echoes

The Pantheon of Queer Mythology - https://www.thepantheonofqueermythology.com/

Devai - https://enriqueagudo.com/devaifilm

 

Please help, thank you so much in advance!

Link to comment
On 10/6/2022 at 4:59 PM, enagudo said:

Hello,

 

I would like to do the same thing. My url is https://enriqueagudo.com/projects and I would like to have each of the project pages to link to the following URLs:

 

Pantheon at the V&A - Keep the project link

Ipseity - http://ipseity.art

Ipseity at IE University - https://www.ipseity.art/installation

Ipseity Costume Series - https://www.ipseity.art/costumes

Echoes - https://enriqueagudo.com/echoes

The Pantheon of Queer Mythology - https://www.thepantheonofqueermythology.com/

Devai - https://enriqueagudo.com/devaifilm

 

Please help, thank you so much in advance!

Do you use Personal or Business Plan? Each plan will have a different solution for this problem

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.