Products page is cutting off my product image

Viewing 1 replies (of 1 total)
  • lorro

    (@lorro)

    8 years, 5 months ago

    1) If you are going to have more products but with images of dissimilar aspect ratios, it maybe best to square them in an image editor before uploading.

    If you have just that product then:
    aspect ratio = 380 / 483 = 1.27
    width of space for product image on the page = 301px
    height required = 301 x 1.27 = 383px
    So the Single product image setting at Admin page > WooCommerce > Settings > Products tab > Display should be 301 x 383. Any bigger and it just increases the page download size. Then regenerate thumbnails:
    https://wordpress.org/plugins/regenerate-thumbnails/

    A css tweak may be necessary as well but get the thumbnail the right size first.

    2) The easy way is with a custom css snippet:

    .woocommerce-breadcrumb {display:none}

    If your theme does not have a setting where you can enter custom css, you can use a plugin like this one:
    https://wordpress.org/plugins/simple-custom-css/

    If you would prefer the code method its here:
    https://docs.woothemes.com/document/customise-the-woocommerce-breadcrumb/
    See the Remove the breadcrumbs paragraph.

    3) Can you post a screen shot of your admin page product settings page. Otherwise you could ask your theme vendor’s support service.

Viewing 1 replies (of 1 total)
  • The topic ‘Products page is cutting off my product image’ is closed to new replies.