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:

How can achieve that on Aspasia hikashop product listing

Featured Lock Resolved Issue
How can I make images from product listing to be responsive for tablets devices and line in blocks like in the attached image? Now there aren't responsive on any tablet device on Aspasia template. All images are cropped from right on tablet devices.

Thanks

Attachments (1)

  • product_listing_tablets.jpg
    product_listing_tablets.jpg 410.1 KB

9 Answers

Shibbir

More than a month ago #Permalink
Hi there,

After I debug the full code there is no option to change the product per column in tablet mode. I strongly suggest you that please contact with hikashop because they built it.

Thanks for your understanding.

Shibbir

More than a month ago #Permalink
Hi there,

Can you send me your website address so that I can check it for you?

Thanks.

mihnea prefit

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

In portrait mode on tablets (iPad and android with large screens) it displays products just one in a row. It is possible to display 3 products in a row as in the image I attached you earlier?

Thanks.

Hi there,

Can you send me your website address so that I can check it for you?

Thanks.

Shibbir

More than a month ago #Permalink
Hi there,

Yes, it's possible. Look at the elements tab by clicking on the inspect element (mouse right click)

You will notice that they are using this class


hkc-md-4 hikashop_product hikashop_product_column_3 hikashop_product_row_1


for every product div

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

so you can use hkc-sm-4 to show the 3 product in a row in tablet mode

Thanks.

mihnea prefit

More than a month ago #Permalink
Hi

I put col-sm-4 for tablets in template layout but not worked.
Do I have to change this elswere?

Thanks

Hi there,

Yes, it's possible. Look at the elements tab by clicking on the inspect element (mouse right click)

You will notice that they are using this class


hkc-md-4 hikashop_product hikashop_product_column_3 hikashop_product_row_1


for every product div

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

so you can use hkc-sm-4 to show the 3 product in a row in tablet mode

Thanks.

Shibbir

More than a month ago #Permalink
Hi there,

I see its still showing hkc-md-4. Please clear the cache and check the source code that its showing hkc-sm-4 class.

Thanks.

mihnea prefit

More than a month ago #Permalink
Hi,

I put it again now. Please take a look. Earlier I move it back to default because it looks very bad on display.

Thanks

Hi there,

I see its still showing hkc-md-4. Please clear the cache and check the source code that its showing hkc-sm-4 class.

Thanks.

Shibbir

More than a month ago #Permalink
Hi,

I put it again now. Please take a look. Earlier I move it back to default because it looks very bad on display.

Thanks

Hi there,

I see its still showing hkc-md-4. Please clear the cache and check the source code that its showing hkc-sm-4 class.

Thanks.


It's still showing hkc-md-4. Can you send me super administrator login details via?

Note: Don't forget to send me this forum post url.

Thanks.


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

124

Templates

331421

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