RE: Envira gallery image size

Support
#1

Hi,
I emailed about this issue before, but unfortunately was unable to follow up about it in time and it was closed. I tried what was suggested and it didn’t solve the problem. (I haven’t shared my credentials since the update, can you let me know how to create a secure note) Thank you. Here is my original topic and it’s corresponding response:

Hi guys,
I’m having an issue with the the envira gallery. I had set the thumbnails to show up all the same size 600 x 600 px. It was working fine but at some point the images now all show up in different sizes. I do have set the image size to 600x600 px but for some reason nothing is happening. As I mentioned, it used to work but stopped at some point, I’m guessing due to an update. I am I know envira is a third party but I can’t find support through them so I was hoping you can assist me with this. Here is the link with the gallery at the bottom: http://feheleyfinearts.com/about

Thanks,

Renzo

Hey Renzo,

Thanks for writing in! Please try to regenerate your thumbnails. You may need to install regenerate thumbnails plugin if you haven’t installed it yet. After the images were regenerated, please test your site again. Do not forget to clear your plugin cache and browser cache before testing.

If still doesn’t work, would you mind providing us some credentials so that we can take a closer look? Please do create a secure note when posting the details.

Please let us know how it goes.

#2

Hi Renzo,

Below the reply, you can see a key icon. Click that and a popup will a appear where you can add the admin credentials.

#3

Hi,
I now remember that a while back I created a topic about the woo-commerce product images being cropped and was given a code to show the full product image. I’m wondering if that is what is interfering with being able to crop the envira gallery thumbnails. Here is the response and quote I was given:

Hi Renzo,

Please navigate create this directory in your child theme: x-child/woocommerce/single-product/

After create a product-image.php file with the following code:

> <?php
>  
> // =============================================================================
> // WOOCOMMERCE/SINGLE-PRODUCT/PRODUCT-IMAGE.PHP
> // -----------------------------------------------------------------------------
> // @version 3.0.2
> // =============================================================================
>  
> // Template Changes
> // ----------------
> // 01. Add product sale flash.
> // 02. Add classes to linked image (.x-img, .x-img-link, .x-img-thumbnail,
> //     and .man).
> // 03. Add classes to image (.x-img, .x-img-thumbnail and .man) and update text
> //     domain.
>  
> if ( ! defined( 'ABSPATH' ) ) {
>         exit;
> }
>  
> global $post, $product;
> $columns           = apply_filters( 'woocommerce_product_thumbnails_columns', 4 );
> $post_thumbnail_id = get_post_thumbnail_id( $post->ID );
> $full_size_image   = wp_get_attachment_image_src( $post_thumbnail_id, 'full' );
> $image_title       = get_post_field( 'post_excerpt', $post_thumbnail_id );
> $placeholder       = has_post_thumbnail() ? 'with-images' : 'without-images';
> $wrapper_classes   = apply_filters( 'woocommerce_single_product_image_gallery_classes', array(
>         'woocommerce-product-gallery',
>         'woocommerce-product-gallery--' . $placeholder,
>         'woocommerce-product-gallery--columns-' . absint( $columns ),
>         'images',
> ) );
> ?>
> <div class="<?php echo esc_attr( implode( ' ', array_map( 'sanitize_html_class', $wrapper_classes ) ) ); ?>" data-columns="<?php echo esc_attr( $columns ); ?>" style="opacity: 0; transition: opacity .25s ease-in-out;">
>   <?php woocommerce_show_product_sale_flash(); // 01 ?>
>         <figure class="woocommerce-product-gallery__wrapper">
>                <?php
>                $attributes = array(
>                        'title'                   => $image_title,
>                        'data-src'                => $full_size_image[0],
>                        'data-large_image'        => $full_size_image[0],
>                        'data-large_image_width'  => $full_size_image[1],
>                        'data-large_image_height' => $full_size_image[2],
>                );
>  
>                if ( has_post_thumbnail() ) {
>                        $html  = '<div data-thumb="' . get_the_post_thumbnail_url( $post->ID, 'full' ) . '" class="woocommerce-product-gallery__image"><a href="' . esc_url( $full_size_image[0] ) . '" class="x-img x-img-link x-img-thumbnail man">'; // 02
>                        $html .= get_the_post_thumbnail( $post->ID, 'full', $attributes );
>                        $html .= '</a></div>';
>                } else {
>                        $html  = '<div class="woocommerce-product-gallery__image--placeholder">';
>                        $html .= sprintf( '<img src="%s" alt="%s" class="wp-post-image x-img x-img-thumbnail man" />', esc_url( wc_placeholder_img_src() ), esc_html__( 'Awaiting product image', '__x__' ) ); // 03
>                        $html .= '</div>';
>                }
>  
>                echo apply_filters( 'woocommerce_single_product_image_thumbnail_html', $html, get_post_thumbnail_id( $post->ID ) );
>  
>                do_action( 'woocommerce_product_thumbnails' );
>                ?>
>         </figure>
> </div>
#4

Hi There,

Those changes will just affect your woocommerce product image.

Please provide your credentials in a secure note so we can take a closer look.

Thank you

#5

Hi,
Here are the credentials.

#6

Hi There,

Thank you for the credentials. I can see the issue, See this: http://enviragallery.com/how-to-change-the-default-thumbnail-size-for-your-image-gallery/. It seems that is available only if using Automatic under Number of Gallery Columns. There’s an option Automatic Layout Row height that will make all images the same height.

1 Like
#7

Hi Lely,
Oh ok, I’ve made the proper changes and got it to look the way I want.

Thanks,

Renzo.

#8

You’re welcome Renzo!

Cheers.