How can I add arrows to a slideshow in Warehouse theme?

[Gorilla17]

I want to add arrows to a slideshow in warehouse theme. However I am not able to do so.

All I am getting is these Dot Navigation. But I want to add arrow functionality as well apart from these Dot navigation for this slideshow.

Please guide how to do so?

[Muhammad_Ali_S]

@Gorilla17 ,

1. In your Shopify Admin go-to online store > themes > actions > edit code
2. Find Sections >slideshow.liquid and remove false and replace it with true.

Hope it helps.

[Muhammad_Ali_S]

@Gorilla17 ,
Please do let me know if you need any assistance.

[Gorilla17]

Yes it worked.

Thanks a lot

[Muhammad_Ali_S]

You’re welcome.

[Gorilla17]

There is another issue though.

In mobile view and the desktop view as well, the arrows are not being shown properly.

As you can see these arrows are being cropped in side.

In the desktop view, I had to uncheck the “Full Width” of the images which I dont want to do.

But even with doing so, it didn’t change anything for Mobile view.

Kindly help me with this as well please.

[Muhammad_Ali_S]

@Gorilla17 ,
Add this code in your at the bottom of assets>> theme.css file

.flickity-prev-next-button.next {
    right: 0px !important;
}
.flickity-prev-next-button.previous {
    left: 0px !important;
}

Do let me know if it works.

thank you,

Zeian

[Gorilla17]

Yes it worked

Thanks again for the help.

[Muhammad_Ali_S]

Best of luck with your business.

[Gorilla17]

Thanks for the wishes

One last thing, I want to add price slider to my collection page in my warehouse theme, something like this:

How do I achieve this functionality?