- This topic has 11 replies, 4 voices, and was last updated 2 years, 2 months ago by Ying.
-
AuthorPosts
-
December 29, 2021 at 11:54 pm #2063539Nico
Good morning!
We just noticed a little display problem. If you look at a single product on our shop page with the exact resolution of 768px (ipad), the product image looks much too large and therefore unbalanced. In the GP Customizer, however, everything looks ok.
Do you have a tip here?
thnx for helping in advance
NickDecember 30, 2021 at 12:20 am #2063555ElvinStaffCustomer SupportHi Nico,
Can you provide a screenshot of what you see?
Here’s what i see on my end – https://share.getcloudapp.com/5zun7e9Z
It doesn’t seem to big as it still uses 195×276. Perhaps I’m looking at the wrong products? Let us know.
December 30, 2021 at 12:28 am #2063565NicoGood morning Elvin!
I am sending you the screenshot you want. I don’t mean the featured products either, I mean the illustration of the main product.
December 30, 2021 at 6:33 am #2063803DavidStaffCustomer SupportHi there,
yeah thats Woocommerces small screen CSS it kicks in at 768px. Not sure if this filter (PHP Snippet) still works:
add_filter( 'woocommerce_style_smallscreen_breakpoint', function( $breakpoint ){ $breakpoint = '767px'; return $breakpoint; }, 10, 1 );
How to add PHP:
December 30, 2021 at 11:40 pm #2064539NicoGood morning David!
No, unfortunately the snippet did not solve the problem. But I also think that shouldn’t be your problem. I’ll ask the WooCommerce team.
Until then, thank you very much for your help with our relaunch. Unbelievable!
Wish you and the whole team a happy new year 2022. Stay healthy!
Nick
December 31, 2021 at 6:46 am #2064764DavidStaffCustomer SupportLet us know how you get on with Woocommerce. If need be i can provide some CSS π
Happy New Year to you!
January 2, 2022 at 12:34 am #2066127NicoGood morning David!
Wish you and the whole team a good, successful but above all healthy year 2022.
I found a snippet for the team listed above. It seems to be working too. I just can’t technically evaluate how good it is or whether it might cause undesirable side effects. If not, the snippet can be recommended to customers with similar problems.
@media only screen and (max-width: 1024px) {
.woocommerce-product-gallery__image img {max-width:300px; margin:0 auto}January 2, 2022 at 7:10 am #2066330DavidStaffCustomer SupportCan you resupply the URL to the product?
When a Topic is resolved we auto-delete any Private Info. I have set topic to unresolved so you can access the private info field.January 2, 2022 at 9:50 am #2066611NicoFor sure. No problem. Here it is David.
btw:
This morning I thought it would be Monday and I can finally work again. I guess I’m not the only one π€£January 2, 2022 at 4:10 pm #2066863YingStaffCustomer SupportHi Nico,
The CSS looks good to me π
January 2, 2022 at 11:18 pm #2067026NicoThank you for your feedback Ying.
best regards from Karlsruhe
NickJanuary 3, 2022 at 10:54 am #2067849YingStaffCustomer SupportYou are welcome π
-
AuthorPosts
- You must be logged in to reply to this topic.