[Resolved] Size of product single picture under 768px oversized

Home Forums Support [Resolved] Size of product single picture under 768px oversized

Home Forums Support Size of product single picture under 768px oversized

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #2063539
    Nico

    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
    Nick

    #2063555
    Elvin
    Staff
    Customer Support

    Hi 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.

    #2063565
    Nico

    Good 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.

    #2063803
    David
    Staff
    Customer Support

    Hi 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:

    https://docs.generatepress.com/article/adding-php/

    #2064539
    Nico

    Good 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

    #2064764
    David
    Staff
    Customer Support

    Let us know how you get on with Woocommerce. If need be i can provide some CSS πŸ™‚

    Happy New Year to you!

    #2066127
    Nico

    Good 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}

    #2066330
    David
    Staff
    Customer Support

    Can 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.

    #2066611
    Nico

    For 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 🀣

    #2066863
    Ying
    Staff
    Customer Support

    Hi Nico,

    The CSS looks good to me πŸ™‚

    #2067026
    Nico

    Thank you for your feedback Ying.

    best regards from Karlsruhe
    Nick

    #2067849
    Ying
    Staff
    Customer Support

    You are welcome πŸ™‚

Viewing 12 posts - 1 through 12 (of 12 total)
  • You must be logged in to reply to this topic.