Jump to content

Portfolio Project Page: CSS for making the arrows leading also to first/last Project "endlessly"?

Go to solution Solved by paul2009,

Recommended Posts

Site URL: https://ericmayer.de

Hey there,

on the bottom of each Portfolio Project page, there are these arrows leading to the next oder previous project. But on the first and last project, there ist only one arrow. Is there a CCS to have also an arrow on the last project leading to the first project (and on the first project leading to the last project). Meaning: To have these arrows go "endlessly" through the projects?

Thanx a trillion!!

Eric

Bildschirmfoto 2022-08-05 um 14.09.53.png

Bildschirmfoto 2022-08-05 um 14.05.24.png

Link to comment
  • Solution
1 hour ago, EricFFM said:

on the bottom of each Portfolio Project page, there are these arrows leading to the next or previous project. But on the first and last project, there is only one arrow.

Is [it possible to] have these arrows go "endlessly" through the projects?

As you say, when a user reaches the last portfolio subpage, the right arrow is hidden. This is an important visual stimulus, indicating to the user that they have reached the end of the results. It is also a recognised industry pattern, helping users to feel 'at home' on the website.

Although a developer could write JavaScript to add links (to allow continuous looping), I don't think this would improve the user's experience and so I don't recommend it.

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

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.