Skip to main content

Image indicators with carousel

Replo for Shopify Themes

We need an image indicators component that can be a slider and we can click on the image to display it as the main image in the carousel. right now we can using slides but we won't be able to click on the slide itself to display the image as the main image in the carousel.

and if you used the indicators component and added the images inside it. you click on the image to display it but you can’t make it a slider.

Posted by Ahmed Emad ·
Status: Completed1 comment

Comments1

  • Noah Gilmore

    Team•

    May 29, 2024

    I think we should support this now! There are two ways do to this:

    (1) you can use dynamic data for images in the carousel indicators by setting the image source, background image, etc to the "Current Item". It should look something like this:

    Check out https://support.replo.app/hc/en-us/articles/17131155971213-Dynamic-Data for more info on dynamic data.

    Additionally, we just added a new option to the carousel slides component for enabling scrolling to to the slide on click. It's in the Config tab and looks like this:

    I believe that should enable the use case for using a separate "slides" component in place of indicators. Hope this helps, feel free to reach out to us in the community at https://replo.app/community or via [email protected] if there's anything unclear!