Changing the lightbox image size
-
I would like to change the default image size for the product lightbox to “large” instead of “full” because my client is uploading giant images.
I’m looking at the single-product/product-image.php template, but I’m not entirely sure how to edit this to achieve this. Below is the code in that template:
<?php if ( has_post_thumbnail() ) { $attachment_count = count( $product->get_gallery_attachment_ids() ); $gallery = $attachment_count > 0 ? '[product-gallery]' : ''; $props = wc_get_product_attachment_props( get_post_thumbnail_id(), $post ); $image = get_the_post_thumbnail( $post->ID, apply_filters( 'single_product_large_thumbnail_size', 'shop_single' ), array( 'title' => $props['title'], 'alt' => $props['alt'], ) ); echo apply_filters( 'woocommerce_single_product_image_html', sprintf( '<a href="%s" itemprop="image" class="woocommerce-main-image zoom" title="%s" data-rel="prettyPhoto' . $gallery . '">%s</a>', $props['url'], $props['caption'], $image ), $post->ID ); } else { echo apply_filters( 'woocommerce_single_product_image_html', sprintf( '<img src="%s" alt="%s" />', wc_placeholder_img_src(), __( 'Placeholder', 'woocommerce' ) ), $post->ID ); } do_action( 'woocommerce_product_thumbnails' ); ?>
I tried changing wc_get_product_attachment_props to wp_get_attachment_image_src( get_post_thumbnail_id(), ‘large’); but that of course didn’t work. I found an old answer for this, but the template has changed since then and it no longer applies.
Anyone know how I can edit the code? Or even better, is there something I can hook into so I don’t have to use a template override?
I appreciate any help!
- The topic ‘Changing the lightbox image size’ is closed to new replies.