Pagination Arrows and Portfolio pages Dropdown on top

Site URL: https://www.rafiulalam.com/architecture/newyorkcity

Hi! 

So I have a couple questions regarding pagination arrows/titles which comes with Portfolios in 7.1.

First of all, I have no issues with the titles or the size etc. however, is there a way to add a link to the last portfolio page on the left hand side of the first portfolio page? And, of course, the link to the first portfolio page at the right hand side of the last page? So it's all a bit more connected or continuous, you know? [first image]

Secondly, alongside the default pagination at the bottom, is there a way to add a simpler form of pagination - like, just arrows for example, at the top as well? So you can just move left and right instead of having to scroll all the way to the bottom? [second image]

Finally, I like how the portfolio setup looks on 7.1 but I miss how the intuitive the drop down menu was (and still is) for the folder structure, where you can hover over the main title (like "Architecture" in my site) and a menu would drop down showing the list of the pages. Is there a work-around to do that for portfolio pages as well? [So you don't always have to return to the main portfolio page every time to get access to the other pages]

Thank you so much

Rafi

Hi,

Edit first project >> add a Code Block on top >> paste this code. If it works, I will check other questions

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(document).ready(function() { 
		$('<a href="https://google.com" class="first-p item-pagination-link item-pagination-link--next"><div class="item-pagination-icon icon icon--stroke"><svg class="caret-right-icon--small" viewBox="0 0 9 16"><polyline fill="none" stroke-miterlimit="10" points="1.6,1.2 6.5,7.9 1.6,14.7"></polyline></svg></div><div class="pagination-title-wrapper"><h2 class="item-pagination-title">CRAFTING A HOUSE</h2></div></a>').insertBefore('.item-pagination[data-collection-type^="portfolio"]>a:first-child');
	});
</script>
<style>
  a.first-p {
    text-align: left !important;
    margin-left: 0;
}
</style>

Thank you! I unfortunately have a Personal Plan, which doesn't let me add custom scripts like the one you posted up there as a Code Block. 😕 

20 hours ago, RafiAlam said:

Thank you! I unfortunately have a Personal Plan, which doesn't let me add custom scripts like the one you posted up there as a Code Block. 😕 

Try adding a Markdown Block >> paste above code

On 7/15/2021 at 5:45 AM, tuanphan said:

Try adding a Markdown Block >> paste above code

So the Markdown Block works - but the code itself didn't change anything. Was it supposed to include a link to the last portfolio project at the bottom left?

On 7/15/2021 at 5:45 AM, tuanphan said:

Try adding a Markdown Block >> paste above code

Also, to clarify with code originally not working, Squarespace was saying my personal plan couldn't support Javascript or iframes. Other HTML or markdowns should work, apparently.