Swiper works well in design view but works abnormally in browser

Wappler General
1

I have a swiper in a page, it works as it should in design view , but when i preview it in browser its stacking the slides like containers .

Here is a link to the page
https://perfectphotos.tk/page

2

What is this page exactly and how are you loading it in the browser? Is this a node project?
If yes - you need to select a main page for the content page … it cannot just run like that.

3

Its a nodejs project… I created a content page, and a added the swiper there, and i deployed it… I am accessing the page by typing the page link the browser.

4

Your content page needs a parent page assigned.

5

Here is a page with parent layout . Im still experiencing same issue

https://perfectphotos.tk/projectspage

6

I am not sure what exactly are you doing on these pages, but app connect is missing on your layout page.

7

I had app connect in both layout page and content page before but i was seeing “app already running” prompt on page load so i removed the app connect from layout page

8

You need the app connect include on the layout pages only.