Support » Plugin: Smart Image Resize - Make WooCommerce Images the Same Size » The site is experiencing technical difficulties. Please check your site admin em

  • Warren

    (@rabbitwordpress)


    The site is experiencing technical difficulties. Please check your site admin email inbox for instructions.

    Sorry but this doesn’t work for me either, I get the message above.

    I can see that this error was labelled as “Resolved” below:
    https://wordpress.org/support/topic/the-site-is-experiencing-technical-difficulties-22/

    Unfortunately it is still occurring. I’m using ‘Storefront’ theme by WooCommerce.

    I was really hoping this would fix the image fitting problem I have but sadly it didn’t work 🙁

    Regards
    Warren

    UPDATE: Nabil the developer replied very promptly with a helpful solution to the problem below:

    Did you read the FAQ section? Probably the PHP Fileinfo extension isn’t enabled on your server. Please enable it or ask your hosting provider to do it for you and try again. There are more than 1000 active websites using the plugin, and it should work for you too.

    I had already found an alternative workaround so didn’t actually use this plugin in the end but I’m sure it works fine.

    • This topic was modified 1 year, 2 months ago by Warren.
    • This topic was modified 1 year, 2 months ago by Warren.
Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Nabil Lemsieh

    (@nlemsieh)

    Hello,

    Did you read the FAQ section? Probably the PHP Fileinfo extension isn’t enabled on your server. Please enable it or ask your hosting provider to do it for you and try again. There are more than 1000 active websites using the plugin, and it should work for you too.

    If that does work for you, please reconsider changing your review to help up make the plugin better.

    You can reply to this thread if the problem persists.

    Best,
    Nabil

    Warren

    (@rabbitwordpress)

    Hi @nlemsieh,

    Thanks for getting back to me and for the PHP suggestions, I’ll keep that in mind for the next time. In the meantime I found an alternative workaround.

    I’ve updated to 5 stars anyway, keep up the good work and have a great day!

    Many thanks
    Warren

    • This reply was modified 1 year, 2 months ago by Warren.
    Wyohost

    (@wyohost)

    @rabbitwordpress Hi,

    Can you please share what your work around was? I tried this plugin and had some issues getting it to actually activate. That was an issue with a php extension not being activated but I took care of that and did get it going. The problem is I tried the free version and can’t see any images that were fixed.

    Can you share what you did?
    Thanks.

    Warren

    (@rabbitwordpress)

    Hi There @wyohost

    Yes sorry I didn’t post this ealier, here goes.

    Where you see “ifc” go ahead and change to what ever you prefer:

    PUT THIS IN woocommerce-template-functions.php

    if ( ! function_exists( 'ifc_thumbnail_wrap_open' ) ) {
    	/**
    	 * FIX Silly WooCommerce Product Image Sizes
    	 * Before Shop Loop Title - CUSTOM IFC
    	 * Wraps thumbnail image Open
    	 */
    	function ifc_thumbnail_wrap_open() {
    		?>
    		<div class="ifc-thumb-wrapper">
    		<?php
    	}
    }
    
    if ( ! function_exists( 'ifc_thumbnail_wrap_close' ) ) {
    	/**
    	 * FIX Silly WooCommerce Product Image Sizes
    	 * Before Shop Loop Title - CUSTOM IFC
    	 * Wraps thumbnail image Close
    	 */
    	function ifc_thumbnail_wrap_close() {
    		?>
    		</div><!-- .ifc-thumb-wrapper -->
    		<?php
    	}
    }

    PUT THIS in woocommerce-template-hooks.php

    /**
     * FIX Silly WooCommerce Product Image Sizes
     * 
     * Product Content Within Loops - CUSTOM IFC
     *
     * @see islandfurniture_woocommerce_brands_archive()
     */
    add_action( 'woocommerce_before_shop_loop_item_title', 'ifc_thumbnail_wrap_open', 5 );
    add_action( 'woocommerce_before_shop_loop_item_title', 'ifc_thumbnail_wrap_close', 15 );

    PUT THIS in fucntions.php

    // FIX Silly WooCommerce Product Image Sizes
    
    add_filter( 'woocommerce_get_image_size_thumbnail', 'ci_theme_override_woocommerce_image_size_thumbnail' );
    function ci_theme_override_woocommerce_image_size_thumbnail( $size ) {
        // Catalog images: specific size
        return array(
            'width'  => 300,
            'height' => 300,
            'crop'   => 0, // not cropped
        );
    }  
    
    add_filter( 'woocommerce_get_image_size_single', 'ci_theme_override_woocommerce_image_size_single' );
    function ci_theme_override_woocommerce_image_size_single( $size ) {
        // Single product image: square
        return array(
            'width'  => 750,
            'height' => 750,
            'crop'   => 1,
        );
    }
    
    add_filter( 'woocommerce_get_image_size_gallery_thumbnail', 'ci_theme_override_woocommerce_image_size_gallery_thumbnail' );
    function ci_theme_override_woocommerce_image_size_gallery_thumbnail( $size ) {
        // Gallery thumbnails: proportional, max width 200px
        return array(
            'width'  => 200,
            'height' => '',
            'crop'   => 0,
        );
    }
    
    // END FIX Silly WooCommerce Product Image Sizes

    PUT THIS in style.css

    ** FIX Silly WooCommerce Product Image Sizes **/
    
    ul.products li.product img {
    	margin: 0 auto 0
    }
    .ifc-thumb-wrapper {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: center;
        align-content: stretch;
        align-items: center;
    
        border: 2px solid #eee;
        min-height: 300px;
        max-height: 300px;
        margin-bottom: 1.5em;
        overflow: hidden;
        }
    @media screen and (max-width: 1024px) { /* Everything Smaller than 1024px */
    	.ifc-thumb-wrapper {
    	    min-height: 200px;
    	    max-height: 200px;
    	    }
    }
    @media screen and (max-width: 780px) { /* Everything Smaller than 780px */
    	.ifc-thumb-wrapper {
    	    min-height: 300px;
    	    max-height: 300px;
    	    }
    }
    
    .ifc-thumb-wrapper > img {
        order: 0;
        flex: 0 1 auto;
        align-self: auto;
        }
    
    ul.products li.product {
    	text-align: left;
    	margin-bottom: 1em;
    }
    
    /** END FIX Silly WooCommerce Product Image Sizes **/

    Its a bit convoluted but it works, you can see here:

    https://testsite.islandfurnitureco.com/collections/versailles/chestnut/

    The theme I am using is based on WooCommerce Storefront.

    Hope this helps.
    Cheers
    Warren

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘The site is experiencing technical difficulties. Please check your site admin em’ is closed to new replies.