Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #1214364

    Thanks for all your great help so far. I have used some earlier support help to add IMAGES to my SEARCH PAGE. This has worked perfectly.

    https://mygrodd.com/?s=aquaman

    Now I am trying to figure out how to make sure it shows all my product images as SQUARES.

    Please note, that all my product images are uploaded as squares, and only squares. However, they are not all the same size, most are 500px, but others are larger. For any image larger than 500 or 550, it seems to crop them to a “wide ratio” (as seen if I view the source image) and then further crops that wide image down to a smaller square — so in the end it is a square image with the tops missing, when it could/should just be a resized and scaled down square.

    I have gone through support topcis:
    1. Edit Woocommerce shop image. Woocommerce default image size is no longer under Woo->Settings->Display. It is now under Customize->Woo. They were already set to 1:1 Thumbnails, but I changed it and changed it back, regen the thumbs and it still acts the same.

    2. In the actual code in loop-search.php I have changed this ‘entry_without_sidebar’ to full, square, etc. Nothing seems to change the search. $slider = get_the_post_thumbnail(get_the_ID(), ‘entry_without_sidebar’);

    3. Other support threads seem to mention changing this in Woo config.php if($layout == ‘fullsize’) $image_size = ‘entry_without_sidebar’;
    But since I am using the WordPress search, and not really Woocommerce, I am not sure where I should look to get my Search image to return NON-CROPPED. SQUARE results?

    THANKS!

    #1215616

    Hey LawElite,
    Sorry for the late reply, your search results images are showing small because of this css:

    .small-preview {
        width: 81px;
        height: 81px;
    }

    the class small-preview is used is other elements so we will have to be specific with our css override.
    Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    #top.search-results .small-preview {
        width: 100% !important;
        height: 100% !important;
    }

    After applying the css, Please clear your browser cache and check.

    Best regards,
    Mike

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