Change .button div "view all" position

[Domisana]

Hi I was wondering can someone help me change this view all button position, I want it to be below collection header not bellow collection images.

this is what i want 

this is how my website look like

I want to change that for both of my collections on homepage, my website is domisana.com

Thanks!

[Guleria · Accepted solution]

Hello @Domisana ,

Edit theme.liquid search for </body>

Now just before to it add this code

<script>
document.addEventListener("DOMContentLoaded", function () {
  // Select all '.collection' containers
  const collections = document.querySelectorAll('.collection');

  collections.forEach(collection => {
    const viewAll = collection.querySelector('.collection__view-all');
    const sliderComponent = collection.querySelector('slider-component');

    // Rearrange: move 'viewAll' before 'sliderComponent' in each collection
    if (viewAll && sliderComponent) {
      collection.insertBefore(viewAll, sliderComponent);
    }
  });
});
</script>

Regards
Guleria

[Domisana]

Thank you very much, it works!

[Code-Crafting]

Hi Domisana,
Though Guleria's approach is very good and dynamic for every collection, if you want it for a single collection you can follow the recording below. Hope it will help you. 

[devcoders]

Hello @Domisana 

Thank you for submitting your query to the Shopify community. I’d be happy to assist you. Could you please provide the store URL and password (if it’s password-protected) so I can review and get back to you with an update?