Creating a Carousel That Uses Thumbnails Instead of Dots

Technical Questions
,
1

Please fill out as many of the following questions as possible so we can help you promptly! If you don’t know how to answer or it does not apply, feel free to remove it or leave it blank.

Builder content link
Builder.io: Visual Development Platform

Builder public api key
cbbc4ac7ca6447c39cd1ff14bd1bc136

What are you trying to accomplish
I want to create an image carousel that uses thumbnails instead of dots under it. I’m trying to do so using the existing carousel component without having to make a technical request for a new component to our internal development team. I would also be fine if there was a way to make an image a “button” to select the create slide ID outside of the carousel itself if possible.

Screenshots or video link
https://i.ibb.co/j9qM90TB/currentgoal.png

Code stack you are integrating Builder with
NextJS / react / BigCommerce

2

Hi Casey​,

I see that you’re using a custom carousel component. I recommend making any changes directly within the custom component itself, rather than using the editor features.

Modifying custom components through the default editor can be quite complex and may lead to unintended issues. Editing the custom code directly will be much more straightforward and likely only require minimal adjustments.

Let me know if you need help with those changes!

Thanks,