# Change page not functioning on image slider

**URL:** <https://community.weweb.io/t/change-page-not-functioning-on-image-slider/4468>\
**Category:** Ask us anything\
**Tags:** binding\
**Created:** [September 20, 2023, 2:50pm UTC](https://community.weweb.io/t/change-page-not-functioning-on-image-slider/4468 "2023-09-20T14:50:22Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![lighthama2](https://avatars.discourse-cdn.com/v4/letter/l/7ba0ec/32.png) [@lighthama2](https://community.weweb.io/u/lighthama2)\
**Post date:** [September 20, 2023, 2:50pm UTC](https://community.weweb.io/t/change-page-not-functioning-on-image-slider/4468/1 "2023-09-20T14:50:22Z")

</div>

Hello Weweb community,

I’m having a trouble when navigating on collection page.

When I click on sections just below my slider image which are configured with a **Link to Collection Page** it works seamlessly and goes to the according item that I clicked on.

In the other hand, when I set the same Link To Collection Page on the image element inside a slider component it changes the page but unfortunately it’s always into the same first item of the collection.

I’m binding the Link To Collection page at the image level because I need to use the arrow for sliding the images.

Here is a video of the scenario : [Link To Collection Page not functioning — Tella](https://tella.video/link-to-collection-page-not-functionning-46l0)

Any advice on how to handle a case like this ?

Please let me know if I do something wrong.

Thank you

---

<div class="post-metadata">

**Author:** ![Max](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/max/32/4844_2.png) [@Max](https://community.weweb.io/u/Max)\
**Post date:** [September 20, 2023, 3:44pm UTC](https://community.weweb.io/t/change-page-not-functioning-on-image-slider/4468/2 "2023-09-20T15:44:03Z")

</div>

Hi! I never worked with collection pages, but I find it suspicious that you add the link on the picture. I would expect that you have to add the link on the image slider itself.

Best,  
Max

---

<div class="post-metadata">

**Author:** ![lighthama2](https://avatars.discourse-cdn.com/v4/letter/l/7ba0ec/32.png) [@lighthama2](https://community.weweb.io/u/lighthama2)\
**Post date:** [September 20, 2023, 4:14pm UTC](https://community.weweb.io/t/change-page-not-functioning-on-image-slider/4468/3 "2023-09-20T16:14:23Z")

</div>

hello @Max

I’m binding it at the image level because I need to use the slider arrow - that are inside the slider image component - in order to slide the picture 🙂

---

<div class="post-metadata">

**Author:** ![Max](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/max/32/4844_2.png) [@Max](https://community.weweb.io/u/Max)\
**Post date:** [September 20, 2023, 7:34pm UTC](https://community.weweb.io/t/change-page-not-functioning-on-image-slider/4468/4 "2023-09-20T19:34:45Z")

</div>

Hey! I’m not sure if I got my point across. I just tested it:

 ![image](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/4/4b82c2b091e9f999365a6d34ba68e91fbb0e4a34.jpeg)

You need to define the link to the collection page on the image slider component itself (green). But you defined the link on the image (red).

If the link is set on the slider, it will work, I’m sure 😉

---

<div class="post-metadata">

**Author:** ![rhodri](https://avatars.discourse-cdn.com/v4/letter/r/13edae/32.png) [@rhodri](https://community.weweb.io/u/rhodri)\
**Post date:** [October 13, 2023, 5:31pm UTC](https://community.weweb.io/t/change-page-not-functioning-on-image-slider/4468/5 "2023-10-13T17:31:30Z")

</div>

@Max Unfortunately if you link the slider itself, you then can’t use the slider because you can’t use the arrows to go through the different images. It will instantly start opening the collection page.

This is why one must link at the image level, so the arrows “essentially” have a higher z-index and can still be used.

Here’s a video showing what happens when you link the slider itself:
