Pictures, look good in the product but not the categories

  • The pictures for a product is cropped in the width not allowing me to see parts of the picture. But when I go into a product the picture looks great. How do I shrink the picture or expand the thumbnail in the category page to show the full picture?

Viewing 6 replies - 1 through 6 (of 6 total)

  • Could you please provide more information about this, e.g. your site address, your product in question

    Thread Starter kristabennett

    (@kristabennett)

    Unfortunately my website has not launched yet. But when you go into the categories and see all the options the picture is cut off on each end. The height is correct but not the length. However when you go into the product itself the photo is great. Do you know how to prevent the cropping?

    Can you give me a screenshot, please? Also, what theme are you using?

    • This reply was modified 8 months, 1 week ago by QinCai.

    If your theme or WordPress is set to hard crop images, you can disable this by editing your theme’s functions.php?file: 

    add_theme_support('post-thumbnails');
    set_post_thumbnail_size(1280, 436, false); // Set false to disable hard cropping

    You can change the numbers to test if it works. See https://developer.www.ads-software.com/themes/functionality/featured-images-post-thumbnails/

    QinCai

    (@qincai)

    Oh, I see. You should try the method above.

    Good luck

    hobbylobbyhours

    (@hobbylobbyhours)

    To ensure that your product pictures display correctly in both the thumbnail and full view, you’ll need to adjust the CSS settings for the images on your category page. First, check the current CSS rules applied to the thumbnail images. You might find properties like width, height, or object-fit that are causing the image to crop. Adjust the object-fit property to contain or scale-down instead of cover, which will ensure the entire image fits within the thumbnail dimensions without cropping. If necessary, you can also adjust the dimensions of the thumbnail container itself to better fit the image. This might involve modifying the width and height properties in your CSS to ensure the container is properly sized. By making these adjustments, you can achieve a more consistent and visually appealing display of your product images across both the category and product pages. This is the same process I did for my client website chick-fil-a-survey

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Pictures, look good in the product but not the categories’ is closed to new replies.