• Sorry for my english …

    I’m using the mystile theme

    i tried to change the image size using the control panel of wooCommerce

    once i changed the values (and i did regenerate my thumbnails)

    on the single product page my image is FULL WIDTH (100% of the page size)
    and the menu is now the responsive menu ..

    i tried to fix it via the functions.php tweak :

    function mystile_woocommerce_image_dimensions() {
    global $pagenow;

    if ( ! isset( $_GET[‘activated’] ) || $pagenow != ‘themes.php’ ) {
    return;
    }
    $catalog = array(
    ‘width’ => ‘400’, // px
    ‘height’ => ‘400’, // px
    ‘crop’ => 0 // true
    );
    $single = array(
    ‘width’ => ‘600’, // px
    ‘height’ => ‘600’, // px
    ‘crop’ => 0 // true
    );
    $thumbnail = array(
    ‘width’ => ‘120’, // px
    ‘height’ => ‘120’, // px
    ‘crop’ => // false
    );
    // Image sizes
    update_option( ‘shop_catalog_image_size’, $catalog ); // Product category thumbs
    update_option( ‘shop_single_image_size’, $single ); // Single product image
    update_option( ‘shop_thumbnail_image_size’, $thumbnail ); // Image gallery thumbs
    }
    add_action( ‘after_switch_theme’, ‘mystile_woocommerce_image_dimensions’, 1

    which has not worked …

    seems i have nothing else to do .. please help

    page is http://911.sh/

    go to Boutique then choose the only product

    if you inspect the element it says 600×489 ….

    <img src=”http://911.sh/Capture.JPG”&gt;
    https://wordpress.org/plugins/woocommerce/

Viewing 6 replies - 1 through 6 (of 6 total)
  • Your styles and html contain errors, so the mobile version of the stylesheet is kicking in when it shouldn’t. You should analyse your page using these services:

    http://jigsaw.w3.org/css-validator/

    https://validator.w3.org/

    and work through the errors. Start with any custom styles or custom code.

    The image size on the page is set by the theme’s style sheet, not by the size of the image that is uploaded to the browser. Whatever image is received by the browser, the browser will resize it to fit the space available.

    Once you have worked through the style and markup errors, your browser should be showing the product image at around 500px, so the next step is to make the thumbnails about the same size. If they are much smaller, the browser will enlarge them and they will look blurry. If they are too big, page speed will be reduced. You have already set your product image thumbnails to 500px and regenerated, so that’s OK.

    The image that you uploaded in the first place should be 500px or better. If you uploaded a small image and the thumbnail was bigger, it will be blurry.

    No need for the functions.php tweak.

    Thread Starter crackwood01

    (@crackwood01)

    i can’t find any errors that makes the responsive page showing.

    Thread Starter crackwood01

    (@crackwood01)

    i’ve reuploaded the originals stylesheets and still the responsive page is showing up

    Thread Starter crackwood01

    (@crackwood01)

    is there anybody that can help

    Better now, so looks like you got it fixed.

    Thread Starter crackwood01

    (@crackwood01)

    Soon as i removed the better minify plugin it fixed it.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Image Size issue’ is closed to new replies.