Digital experiences for all disciplines
New Landing › How can we help? › Themeforest Theme Support › Dante › Question regarding product thumbnails
New Landing › How can we help? › Themeforest Theme Support › Dante › Question regarding product thumbnails
- This topic has 21 replies, 4 voices, and was last updated 10 years by Mohammad – SUPPORT.
-
Posted in: Dante
-
June 6, 2014 at 4:31 pm #80716
Hi,
I encountered a weird problem when browsing my website through Chrome. When loading the shop page, sometimes the product thumbnails will be showing correctly, but sometimes they will only be showing 1/2 or 3/4 of the original size. Please can you kindly suggest a solution for this issue?
Thank you for your great help once again!
June 6, 2014 at 4:36 pm #80718This reply has been marked as private.June 9, 2014 at 8:36 am #81013Hi,
I am not getting your issue at my side as i tested many times. What steps to produce this error.Thanks 🙂
With Best Regards
Swift IdeasJune 9, 2014 at 8:38 am #81015Hi
Try adding this to your custom css:
.woocommerce ul.products li.product figure { padding-bottom:212px; }
– Kyle
June 9, 2014 at 9:25 am #81037Tried the CSS but doesn’t work. Weird thing is, the first time you click on the shop page, the thumbnails all showing fine, but if you click for the second time, they are cut into half. This only happened after adding the below CSS codes:
@media only screen and (min-width: 1200px) {
body.woocommerce .has-one-sidebar ul.products li.product {
width: 212px;
}
}
@media only screen and (max-width: 767px) {
.woocommerce ul.products li.product figure {
padding-bottom: 208px!important;
}
}
@media only screen and (max-width: 479px) {
.woocommerce ul.products li.product figure {
padding-bottom: 128px!important;
}
}@media only screen and (min-width: 1200px) {
body.single div.related ul.products li {
width: 212px !important;
}
}June 9, 2014 at 9:47 am #81043That is the issue, you need to remove that css
– Kyle
June 9, 2014 at 9:49 am #81045This reply has been marked as private.June 9, 2014 at 9:52 am #81049Please see above comment
– Kyle
June 9, 2014 at 9:59 am #81052If I remove the above CSS, product thumbnails won’t align & related product will be showing 3 1/2 products instead of 4 products. However, I just removed those CSS and thumbnails still cut into half if loading shop page from the second time onwards. Please go to live site and you will see.
June 9, 2014 at 10:02 am #81053This reply has been marked as private.June 9, 2014 at 10:08 am #81060What sizes have you set for your images in WooCommerce settings?
– Kyle
June 9, 2014 at 10:13 am #81061Please see below WooCommerce settings:
Catalog Images: 540 x 540 × px (Hard Crop)
Single Product Image: 540 x 720 px (Hard Crop)
Product Thumbnails: 120 x 120 px (Hard Crop)June 10, 2014 at 8:01 am #81364Are you using a minify plugin? If so please deactivate it and let me know if it fixes the layout. You should not need the above css for the layout, there must be a plugin breaking it
– Kyle
June 10, 2014 at 6:59 pm #81603No. I’ve only activated 4 plugins:
LayerSlider WP
Regenerate Thumbnails
Revolution Slider
WooCommerceDo I need to deactivate any of them?
June 11, 2014 at 6:28 am #81652Please can you provide me with a login so that I can try and solve the issue for you?
– Kyle
-
Posted in: Dante
You must be logged in and have valid license to reply to this topic.