Best way of making a swiper component

Front End Components General
1

Hello:

First of all, I am completely new to Wappler, so please forgive my ignorance! :slight_smile:

I am trying to make an Airbnb-like carousel with swiper, exactly like this:

swiper_carousel
swiper_carousel2340×164 33.5 KB

I want to make sure that I am choosing the right elements to design the partial (component). I did it like this:
swiper_element_structure

which looks like this with only the first element (or swiperslide):
example_swiper _element

Then I would just make each swiperslide clickable. But before going on I would like to know if this the right way, or if I am missing something important.

Thanks in advance.

2

Welcome Josfk - No expert here but you might look into adding an anchor image inside your column and that will provide a clickable action you desire

3

Thanks a lot, @jimed99.

Yes, I will try an anchor image instead! :wink:

4

Also you wont need the row > col structure in the swiper slide. Just add the anchor image in the slide.

2 Likes
5

Oh, thank you! :wink: … I used the column in order to center the text (paragraph) under the image. So, is it possible to center it (the word camping under the icon) even if I don’t use a column?