Delay click page transition

Design help Custom code
1

Hi All,

I’m applying this method to delay a page transition in a collection link:

<script> $('.pagetransition').click(function(e) { e.preventDefault(); var linkUrl = $(this).attr('href'); setTimeout(function(url) { window.location = url; }, 3000, linkUrl); }); </script>

[View only link]

The delay seems to work. But the link gets wrong as I receive a 404 page.

Any help would be very appreciated.

Thanks,

Alejo

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

2

Hi Alejo,

To resolve the 404 errors with your Collection page links, you can use Webflow’s native linking functionality. Here’s how to properly link your Collection pages:

  1. Add a link element to your Collection list
  2. Click the gear icon (:gear:) to open the Element Settings Panel
  3. Look for the Collection page link option (marked in purple)
  4. Select “Current Item” from the dropdown menu

This will ensure each item in your Collection list links to its corresponding detail page. You can learn more about structuring and styling Collection pages in our University guide.

Hopefully this helps! If you still need assistance, please reply here so somebody from the community can help.