SP Property - Forum | JoomShaper
Staff replied Extensions

SP Property

Asked by Manuel 4 years ago Last activity 4 years ago

Hi, the next problem or issue what I have.
Now I was loading images into the first test object and looks terrible. In the list look it good. https://prnt.sc/22ufo7l

But when I open the object the images complete oversized and the small preview images are black.
https://prnt.sc/22ug487

You have more Icons for the SP Property for the Amenities? Specific Icons.

What is the different of image and gallery here?
https://prnt.sc/22ugjbp

Regards Manuel

17 replies

Manuel Asked this

Hi Toufiq, the bug must be internal, maybe you remember we had something like this on the main page with the slideshow. The problem came from an old Quickstart package that had a lot of bugs at that time. We have already solved some of them.

As for the images, in this case it must be internal. The images are not larger than 640x480 of 480x640. That should not be a problem at all. Normally the images are adjusted automatically.

Here is a screenshot of the settings under Options-SP-Property.
This shows that the images should be adjusted accordingly, but this is not the case.

Maybe it is also because we have never replaced anything. At that time as the extension has been upgraded to Joomla 4 we have installed the Quickstart package but it turned out that exactly this package was faulty at the beginning. This was not upgraded properly. In retrospect, perhaps, but not at the beginning, maybe all these errors still come from there.

Manuel Asked this

Ok, as I see it now, everything is enlarged to the size of 936px in width. Proportionally to this the height is generated. Is it possible to set the image size somewhere or is this only possible via some internal setting in the code?
Not every image is always the same size. Especially if some images are also horizontal.

https://prnt.sc/236k4ge

Regards Manuel

Toufiq Senior Staff

There is no option to manage height. You have to add media query css for the special size of your device. Thanks

Manuel Asked this

Hi Toufig, so the way I see it each image is based on the full width of for the desktop version. No matter how big an image is it will be rendered to that width. The height will be changed proportionally. Our problem is that we cannot adjust all images for 950 properties with 20 images per property. Where would I have to go to change the image sizes or what additional CSS code would I have to add? For desktop, tablet and mobile version. Then I could experiment with the appropriate sizes.

In your example of what you included of images, the thumbnail preview is also displayed. Why does that not work for me? What is going wrong with me or what am I doing wrong?

Why can't I sort the images among each other? When I try to sort the images, they always jump back to the original position.

I really need your help to solve this.

That Preview looks really good:
https://prnt.sc/23kchxw

Here are every previews are black:
https://prnt.sc/23kcrpl

Best Regards Manuel

Toufiq Senior Staff

Create a new file inside the css directory

templates/your_template/css/custom.css file.

media query css

@media screen and (max-width: 900px) and (min-width: 320px) {
 put here your css code 
}
Manuel Asked this

Hi Toufig, can you help me with the css too. What should the code look like? "put here your css code"

Best Regards Manuel

Toufiq Senior Staff

Please tell me the device size and share your site credentials via hidden content area. Thanks

Manuel Asked this

Hi Toufig, I hope you are ok. Happy new year.
Sorry that I answer so late.
The size of our images are the most time 640x480 or 480x640. Some are in portrait format and some are in landscape format.

Best Regards Manuel

Log in to reply.