SP Property - Recommended Image Sizes - Question | JoomShaper

is live, now with multi-currency selling.

SP Property - Recommended Image Sizes

K

kweb

Extension 1 week ago

Hi there, Im playing around what might be the best image sizes for the images in SP Property / Real Estate Template.

Due there is a big slideshow on every item site, the only way I see is to use very horizontal images. I have tried to upload a 1920x1440px image and it really looks aweful - much too big - and not pretty to me.

https://www.kares-webdesign.de/entwicklung/as-willingen/index.php/component/spproperty/property/48-essener-skihuette-2?Itemid=101

When I use full with slider I think 1920x600px might be okay for desktop but in that case I have to crop every image in that format and I cannot do this because I simply dont have images of my objects for this special type of format. I am stuck and dont know what is the best solution here? What is the concept of this from Joomshaper?

kweb

0
7 Answers
Ziaul Kabir
Ziaul Kabir
Accepted Answer
Support Agent 1 week ago #233342

Hi kweb,

Thanks for reaching out to us.

We checked the slideshow on your site, and we can see that the gallery is currently using 1920×1440 (4:3) images.

You do not necessarily need to crop all of your property images to 1920×600. Property images can have different orientations/aspect ratios, and SP Property uses the gallery images for the property slideshow and generates the appropriate thumbnails for the listing views.

The main issue here is the display area of the property-detail carousel on larger screens. If you use a very wide ratio such as 1920×600, it will naturally fit the wide desktop slideshow better, but this would require cropping your original property photos, which is not ideal for a real-estate website.

We would recommend keeping good-quality original images rather than preparing every image specifically at 1920×600. If the slideshow height on desktop is too large with your 4:3 images, the better solution would be to adjust the carousel's displayed image height/CSS so that the original images are constrained appropriately.

There is also a previous SP Property case where the desktop carousel became excessively large with property images of different orientations, and a CSS adjustment was used to limit the image height.

If you would like, please provide a screenshot of how you would like the slideshow to look on desktop and mobile. We can then check the appropriate CSS adjustment for your layout.

Best regards,

0
K
kweb
Accepted Answer
6 days ago #233545

Hi,

thanks for your feedback. I have now cropped and optimized all property images to a consistent 3:2 aspect ratio (1800 × 1200 px).

As you can see in the attached screenshot, the images themselves now have a consistent format, but the gallery/slideshow is still too high on desktop and takes up too much vertical space.

I would like to keep the 1800 × 1200 px images as they are. Instead, I would prefer to limit the visible height of the main gallery on larger desktop screens to approximately 500–550 px.

It would be fine if the images are slightly cropped in the slideshow using object-fit: cover. The important thing is that the gallery remains responsive and that the original image files do not need to be cropped to an extreme panoramic format such as 1920 × 600.

Could you please provide the appropriate CSS adjustment for the SP Property gallery?

Thanks!

0
Ziaul Kabir
Ziaul Kabir
Accepted Answer
Support Agent 6 days ago #233581

Please, try using this custom css:

.view-property .spproperty .owl-item {
    max-height: calc(100vh - 120px);
        height: 100%;
}

Please, let me know the update.

Thanks

0
K
kweb
Accepted Answer
6 days ago #233615

When I add this CSS it has no influence of the display of the slideshow. Also when I add !important behind.

0
Ziaul Kabir
Ziaul Kabir
Accepted Answer
Support Agent 5 days ago #233682

Could you please share temporary administrator access to your Joomla backend? You can provide the credentials securely in the hidden content section. Also, please take a full backup of your site before we make any changes.

Once I have access, I’ll investigate further and see what’s causing the issue. Let me know once you’ve shared the details!

Best regards,

0
K
kweb
Accepted Answer
4 days ago #233822

Sure, see hidden content attached.

0
Ziaul Kabir
Ziaul Kabir
Accepted Answer
Support Agent 3 days ago #233865

Hello,

Please, check now and let me know the update.

Thanks

0