Room Types images

Hi guys,
Joomla 4.4.0 + Solidres 3.0.0 + Nano Gallery
On mobile 6" with Chrome for Android

Single Property page

1- BUG - When I open the Room image in vertical smartphone view, it is opened at the bottom. I add an image here for you.
Sliding (left or right,) the image is moved in the right position, vertical height centered.

2 - BUG - If I add just one 1 image for the Room Type, when I open it, there is no any X to close the image

Please, Can you confirm?
PS - Why not to apply here the same
Solidres Configuration > General > Default Gallery setting ?
The Nano Gallery plugin in my case

Hi,

The room type uses Bootstrap carousel, not Nano Gallery.

We could not replicate with our templates and Joomla default template, so it is your template issue. You must always test with the default Joomla template first.

Regards,

Hi guys,
the image I attached is from Cassiopeia.
You can test it here:
test1.egulp.net/turismo/alojamiento/el-machico-hostel

I had to create the Single Property menu item to avoid the known Property URL bug and have access to the property.

To reproduce the point 2 you have to delete one Room image and leave just one image. You have yet full access to that test site...

PS - On Chrome for Android, 6", and just when it is in vertical view...

"...The room type uses Bootstrap carousel..." = Very good.
So, I change my suggestion with: Why not to have a "a more coherent"
- Solidres Configuration> General > Default Gallery: Bootstrap
Joomla standard option ?
It could simulate the Nano Gallery layout by using thumbnails into grid on the right, in the same layout as now:
- Small screen: Carousel 100%
- Medium screen: Carousel +2 thumbnails
- Big screen: Carousel +2+2 thumbnails
This is a code example with thumbnails at the bottom:
mdbootstrap.com/docs/standard/extended/c...sel-with-thumbnails/

Hi,

1. We are now able to confirm this issue with Chrome for Android, Firefox for Android works fine. It is an issue with Colorbox JS library, however since this library development was stopped, we'd need to find an alternative for future releases.

2. Our test in Chrome for Android for your site, room type Colonial Deluxe with one image, the close X icon still showed (screenshot)

Regards,

Hi guys,

1 - Thank you

2 - mmm... (I'm traveling and cannot test it with other equipments than my mobile phone). Yes, I confirm that on Chrome for Android it is shown now.

PS - it seems that the "X" button is still using, inheriting, old icon & old styles (it is really too small). Please, Would be good to have it coherent:
getbootstrap.com/docs/5.0/components/close-button/