We’re with you. JoomShaper is offering a 20% Discount on all plans due to the impact of COVID-19.

Support Offline : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

Preserve products display aspect ratio

Featured Lock Resolved Issue
Hi,

Tell me please how can I make preview of the picture from hikashop to preserve the aspect ratio in Aspasia template in hikashop?
I attached you 4 screenshots. In the desktop and ipad portrait mode the aspect ratio looks the same in the main shop product listing preview, image 1 and 3 from screenshot. On the image 2 and for the preview it is not proportional, in fact it is cropping the image. The red rectangle shows hou I need to be the display of the products.

1. How can I make proportional scale for previewing products?
2. Hoe can I change the black product background to be the same image with the site background.

Please advise.

Regards,
Mihnea

Attachments (1)

  • display.jpg
    display.jpg 609.5 KB

10 Answers

Shibbir

More than a month ago #Permalink
Hello there,

Could you please share your website address? So that I can check it for you.

Thanks.

mihnea prefit

More than a month ago #Permalink
citeste.lecturadigitala.ro

Thanks

Shibbir

More than a month ago #Permalink
Hi there,

Try to remove the CSS width property. Check this image:

http://prntscr.com/fej7ih

Thanks.

mihnea prefit

More than a month ago #Permalink
Tell me please, the css I look for it is here
templates/shaper_aspasia/html/com_hikashop/

Thanks

Hi there,

Try to remove the CSS width property. Check this image:

http://prntscr.com/fej7ih

Thanks.

Shibbir

More than a month ago #Permalink
Hello there,

Could you please send me your website super administrator login details via pm (personal message)? So that I can check it for you.

Note: Don’t forget to send me this forum post URL.

Thank You.

mihnea prefit

More than a month ago #Permalink
Hi,

I managed to fix the css in template_css file for single product display.
But for main category product display I could not find the css line I have to modify or to write a line code like width: 100%; to make the products display be responsive.
I attached you an image to see.
Can you help me please with the main category products display to be responsive?

Regards.

Hello there,

Could you please send me your website super administrator login details via pm (personal message)? So that I can check it for you.

Note: Don’t forget to send me this forum post URL.

Thank You.

Attachments (1)

  • display_error_resp.jpg
    display_error_resp.jpg 251.1 KB

Shibbir

More than a month ago #Permalink
Hi there

Where is the main category product display page?

Is it? http://citeste.lecturadigitala.ro/index.php/product/listing/watch

Thanks.

mihnea prefit

More than a month ago #Permalink
Hi,

Here us the main shop page

http://citeste.lecturadigitala.ro

It us the home page. Here I have issues displaying image products responsiveness.

Thanks


Hi there

Where is the main category product display page?

Is it? http://citeste.lecturadigitala.ro/index.php/product/listing/watch

Thanks.

Shibbir

More than a month ago #Permalink
Hi there,

In this page, I have seen a gap between product list. Is that the error?

Check this image: http://prntscr.com/fgfl2m

Thanks.

mihnea prefit

More than a month ago #Permalink
There are 2 errors:
1. The gap
2. The responsiveness of products listing

I managed the responsiveness of the page product. If you click on a product, you will see that the thumbnail of the image will resize, not crop based of the display dimension. That's not happened on the main page products display. And the gap. I attached an image to see. The gap is on all display devices. The crop of the product image dispaly occur on mobile devices.

Thanks


Hi there,

In this page, I have seen a gap between product list. Is that the error?

Check this image: http://prntscr.com/fgfl2m

Thanks.

Attachments (1)

  • gap_and_resp.jpg
    gap_and_resp.jpg 240.6 KB


There are no replies made for this post yet.
Be one of the first to reply to this post!

124

Templates

331414

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us