Woocommerce Thumbnails

Homepage › Community Forums › Legacy Theme Support › Woocommerce Thumbnails

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • April 8, 2017 at 2:25 pm #21081
    Andykev
    Customer

      https://vscustomhats.com/product/honeyboy/

      Woo just updated their plugin. It flooded the support forum with all kinds of problems.

      On LEGACY there seems to me no issue EXCEPT the product thumbnails no longer show. Instead, all images show full size. So Featured Image is normal, but the product thumbs are gone, and all show as full size images. Not good.

      Woocommerce support says the Theme Author..may have some code related to the gallery which is causing the issue. I cannot find any issue. Used “regenerate thumbnails” to no avail.

      Switching to another theme, or to the basic GENSIS theme the issue goes away.

      Any idea Wes about the thumbnail issue?

      April 8, 2017 at 6:46 pm #21084
      Andykev
      Customer

        Ok… I commented out this from the functions.php :

        //* Add WooCommerce Support
add_theme_support( 'genesis-connect-woocommerce' );

//* Disables Default WooCommerce CSS
//*add_filter( 'woocommerce_enqueue_styles', 'jk_dequeue_styles' );
//*function jk_dequeue_styles( $enqueue_styles ) {
//*	unset( $enqueue_styles['woocommerce-general'] );	// Remove the gloss
//*	unset( $enqueue_styles['woocommerce-layout'] );		// Remove the layout
//*	unset( $enqueue_styles['woocommerce-smallscreen'] );	// Remove the smallscreen optimisation
//*	return $enqueue_styles;
//*}

//* Load Custom WooCommerce style sheet
function wp_enqueue_woocommerce_style(){
	wp_register_style( 'custom-woocommerce', get_stylesheet_directory_uri() . '/woocommerce/css/woocommerce.css' );

	if ( class_exists( 'woocommerce' ) ) {
		wp_enqueue_style( 'custom-woocommerce' );
	}
}
add_action( 'wp_enqueue_scripts', 'wp_enqueue_woocommerce_style' );

// Change number or products per row to 4
add_filter('loop_shop_columns', 'loop_columns');
if (!function_exists('loop_columns')) {
	function loop_columns() {
		return 4; // 4 products per row
	}
}

// WooCommerce | Display 30 products per page.
add_filter( 'loop_shop_per_page', create_function( '$cols', 'return 30;' ), 20 );

        Just commented out the first part, prior to the “Load Woocommerce style sheet”.

        The thumbnails returned. The Functionality appears to be back to normal, etc. So did the recent major update to Woo change the necessity for those lines disabling gloss, style, smallscreen?

        What do I need to do Wes?

        April 9, 2017 at 12:28 am #21086
        Wes
        Moderator

          I haven’t updated WooCommerce yet, but I’ll try it on a local domain and see what needs to be adjusted. They must have changed one of the thumbnail sizes or something. I also have basic WooCommerce CSS added inside the WooCommerce folder of the Legacy theme (as well as others). If it started working again once you unlinked one of the CSS files from the functions file, then that definitely has something to do with it. We’ll see which part is affecting it.

          I’ll let you know as soon as I’m able to get to it.

          April 29, 2017 at 12:08 am #21233
          Wes
          Moderator

            Do you have the Aspire Theme? I just released an update for WooCommerce that fixes that issue. I’ll be adding it to Legacy and some of the other themes next.

            Until I get it updated, you can add this to your functions.php file –

            // Enable WooCommerce Gallery Features (Zoom, Lightbox, Slider)
add_action( 'after_setup_theme', 'yourtheme_setup' );
function yourtheme_setup() {
	/*add_theme_support( 'wc-product-gallery-zoom' );*/
	add_theme_support( 'wc-product-gallery-lightbox' );
	add_theme_support( 'wc-product-gallery-slider' );
}

            Let me know if that helps

            May 8, 2017 at 6:29 pm #21303
            Andykev
            Customer

              That doesn’t work unless you ALSO remove this from the functions.php:

              
//* Disables Default WooCommerce CSS
add_filter( 'woocommerce_enqueue_styles', 'jk_dequeue_styles' );
function jk_dequeue_styles( $enqueue_styles ) {
  unset( $enqueue_styles['woocommerce-general'] );	// Remove the gloss
  unset( $enqueue_styles['woocommerce-layout'] );		// Remove the layout
  unset( $enqueue_styles['woocommerce-smallscreen'] );	// Remove the smallscreen optimisation
  return $enqueue_styles;
}

              All good now.

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