# Add URL Hash Navigation to Nestable Slider element

**URL:** <https://forum.bricksbuilder.io/t/add-url-hash-navigation-to-nestable-slider-element/15351>\
**Category:** Feature Requests / Improvements\
**Created:** [September 13, 2023, 3:53pm UTC](https://forum.bricksbuilder.io/t/add-url-hash-navigation-to-nestable-slider-element/15351 "2023-09-13T15:53:04Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![QuentinW](https://forum.bricksbuilder.io/letter_avatar_proxy/v4/letter/q/bc8723/32.png) [@QuentinW](https://forum.bricksbuilder.io/u/QuentinW)\
**Post date:** [September 13, 2023, 3:53pm UTC](https://forum.bricksbuilder.io/t/add-url-hash-navigation-to-nestable-slider-element/15351/1 "2023-09-13T15:53:04Z")

</div>

Hi !

Could it be possible to add a url hash to each slide in the Nestable Slider Element (like in BricksExtras premium plugin) ?

So we could redirect from a URL in a page (A) to a specific slider slide in another page (B).

I think there’s an extension to do that :

[https://splidejs.com/extensions/url-hash/#09](https://splidejs.com/extensions/url-hash/#09)

Have a nice day !

---

<div class="post-metadata">

**Author:** ![QuentinW](https://forum.bricksbuilder.io/letter_avatar_proxy/v4/letter/q/bc8723/32.png) [@QuentinW](https://forum.bricksbuilder.io/u/QuentinW)\
**Post date:** [September 18, 2023, 4:31pm UTC](https://forum.bricksbuilder.io/t/add-url-hash-navigation-to-nestable-slider-element/15351/2 "2023-09-18T16:31:58Z")

</div>

**UPDATE :**

After a lot of failures, i managed to mount the SplideJS extension to in existing Slider element.

Here’s the code i used :

```auto
<script src="
https://cdn.jsdelivr.net/npm/@splidejs/splide-extension-url-hash@0.3.0/dist/js/splide-extension-url-hash.min.js
"></script>

<script>
document.addEventListener('DOMContentLoaded', (event) => {
  setTimeout(() => {
    const instance = window.bricksData?.splideInstances['sliderID'] || false
    instance.destroy(true);
    instance.mount(window.splide.Extensions);
  }, 250)
})
</script>

```

The code above is placed in a code element in the same page as the slider element.  
Don’t forget to replace ‘SliderID’ with the ‘data-script-id’ value of your own slider.

It seems that the timout is mandatory, it’s not working anymore if i remove it.

---

<div class="post-metadata">

**Author:** ![QuentinW](https://forum.bricksbuilder.io/letter_avatar_proxy/v4/letter/q/bc8723/32.png) [@QuentinW](https://forum.bricksbuilder.io/u/QuentinW)\
**Post date:** [September 21, 2023, 11:22am UTC](https://forum.bricksbuilder.io/t/add-url-hash-navigation-to-nestable-slider-element/15351/3 "2023-09-21T11:22:55Z")

</div>

EDIT :

Finally succeed to implement it ! I made a quick tuto in “How to” section!

[https://forum.bricksbuilder.io/t/redirect-from-one-page-to-a-specific-slide-using-splidejs-url-hash-navigation-in-another-page/15482/2](https://forum.bricksbuilder.io/t/redirect-from-one-page-to-a-specific-slide-using-splidejs-url-hash-navigation-in-another-page/15482/2)