Hi guys good morning,
So I have Wappler Swiper on my page.
<div is=" dmx-swiper " id=" preview " dmx-bind:slides="viewed.data.view_list" dmx-bind:initial-slide="square" vertical="true" auto-height="true" centered-slides="true" autoplay="true" slides-per-view="3" space-between="5" pagination="bullets"></div>
This does not work or display on my page, so I used Framework7 native swiper.
<div data-space-between= " 10" data-slides-per-view= "3 " class= "swiper-container swiper-init ">
<div class="swiper-pagination"></div>
<div class="swiper-wrapper">
<div class="swiper-slide text-align-center" dmx-repeat:repeat1="viewed.data.view_list">
<a href="#!" dmx-bind:href="'/store/'+storeid">
<div class="card-content">
<img alt="" dmx-bind:src="square" width="70" height="70" dmx-lazyload-dynamic="" dmx-bind:data-src="app_avatar" class="rounded" />
</div>
</a>
<h6 class="categoryname text-center fw-bolder tiny-text">{{product_name}}</h6>
</div>
</div>
</div>
This works, it displays 3 per view of my repeating content.
The issue:
On app load, Wappler “AppFlow” redirects my user to Login. After login, the user is redirected back to index.html (Where the swiper resides) and it shows only 1 per view instead of 3. To get it back to showing 3 perview, I have to navigate to another page and return to index.html.
Can you advise what I can do to keep the swiper fixed?
Thank you.