Viewing 10 posts - 1 through 10 (of 10 total)
  • Question

    #65100
    @omarobaid

    Hi there,

    How can I display the full image on a single product page rather than crop it?

    At the moment if the image is wide, it crops the sides. And if the image is tall, it crops the top and bottom.

    I want it so that it shows the full image regardless of the site or orientation.

    Thanks,
    O

    Answers

    #65397

    Anonymous
    @

    Hi @omarobaid, The WooCommerce plugin crops images for the product pages and category pages you will need to change those dimensions in the WooCommerce settings.

    There is a Tutorial here on what to do..

    Hope that helps.

    Regards

    #65537
    @omarobaid

    Thank you for this, but I have done this already and regenerated the images but it doesn't seem to take any effect.

    Please could you look into this?

    #65709
    @vapvarun
    #65784
    @omarobaid

    I tried that before I ask you and it didn't work!

    #65887
    @vapvarun

    Hi @omarobaid
    You can try with following
    by default it will soft crop, if we add true attribute it will hard crop the image.

    
    add_action('init', 'remove_plugin_image_sizes');
    
    function remove_plugin_image_sizes() {
    remove_image_size('bm-product-archive');
    add_image_size( 'bm-product-archive', 200, 300 );
    }
    

    If it will not work, you will need to modify template file for single product and archive template and replace the product image size call with full.

    Regards
    Varun Dubey

    #65919
    @omarobaid

    This worked but for the shop archive page.

    I want to fix the image on the single product page only.

    Could you please help? We are almost there!

    #66151
    @omarobaid

    You can close this. I have managed to fix it!

    #66382
    @smackmathew

    Omar, can you explain how you fixed it? id like to do the same thing.

    #66399
    @vapvarun

    Hi @smackmathew
    You can use following use soft crop apprach for product single

    
    add_action('init', 'remove_woosingle_image_sizes');
    
    function remove_woosingle_image_sizes() {
    remove_image_size('bm-shop_single');
    add_image_size( 'bm-shop_single', 547, 607);
    }
    

    Regards
    Varun Dubey

Viewing 10 posts - 1 through 10 (of 10 total)
  • The question ‘cropped images’ is closed to new replies.