Improve the look and display of several web pages that are based on swiper. a Laravel website
Budget: $10 – $30 USD
We have a laravel based website.
On this website, display some listed items inside a page. The listed items are displayed using swiper so that we can quickly go to next and previous items.
There're some displays issues currently that need to be fixed. The website is based on laravel/javascript/etc.
Some screenshots of the issues are pasted in the following link.
https://www.dropbox.com/scl/fo/d55rodkoulwwl7y28yhjc/h?dl=0&rlkey=33lol6e1fh56208v0b8n2jlbl
Issue 1: within the swiper, it has a scroll bar. but in the outside page, it has another scroll bar. The two bars seem conflict with each other in pages page.
Besides, the scroll bar for the swiper has a lenght of the maximum height of all listed pages inside this swiper. It does not adapt to the acutual page height inside.
Issue 2: we need to enter list of items page first. then when user clicks an item, enter the swiper to view each item individually and user can view one item in details.
Issue 3: some display issues on the review page in mobile screens. A few lines overlap with each other.
In the swiper, the following classes are used. This may help the understanding.
swiper swiper-initialized swiper-horizontal swiper-pointer-events
The work needs to be done remotely using remote access software to access one of our computers.
On this website, display some listed items inside a page. The listed items are displayed using swiper so that we can quickly go to next and previous items.
There're some displays issues currently that need to be fixed. The website is based on laravel/javascript/etc.
Some screenshots of the issues are pasted in the following link.
https://www.dropbox.com/scl/fo/d55rodkoulwwl7y28yhjc/h?dl=0&rlkey=33lol6e1fh56208v0b8n2jlbl
Issue 1: within the swiper, it has a scroll bar. but in the outside page, it has another scroll bar. The two bars seem conflict with each other in pages page.
Besides, the scroll bar for the swiper has a lenght of the maximum height of all listed pages inside this swiper. It does not adapt to the acutual page height inside.
Issue 2: we need to enter list of items page first. then when user clicks an item, enter the swiper to view each item individually and user can view one item in details.
Issue 3: some display issues on the review page in mobile screens. A few lines overlap with each other.
In the swiper, the following classes are used. This may help the understanding.
swiper swiper-initialized swiper-horizontal swiper-pointer-events
The work needs to be done remotely using remote access software to access one of our computers.