wp_get_attachment_url with specific image_size?

3 Views

I’m using Woocommerce for a 1800+ product e-shop. Woocommerce comes with a built-in PrettyPhoto lightbox plugin. By default it loads the original WordPress image size when you click to zoom the image in the lightbox.

Woocommerce calls for this original image in the template ‘product-image.php’. I can modify that one. The variable $image_link calls the original size. I would like to call a custom size that I already made. I just don’t know how to call it, I’ve looked for over a day in docs, forums and sites but can’t find it.

Read More

I need to modify $image_link so that it calls my custom image size (that I added via add_image_size). But how? I know this is WordPress basics but I’m unable to get it done…

Example of my site (click to zoom, it shows a reduced image of 1600px wide image, but I want a smaller one): http://www.affichesmarci.com/shop/the-railys-cycling-act/ 

<?php
    if ( has_post_thumbnail() ) {

        $image              = get_the_post_thumbnail( $post->ID, apply_filters( 'single_product_large_thumbnail_size', 'shop_single' ) );

        $image_title        = esc_attr( get_the_title( get_post_thumbnail_id() ) );
        $image_link         = wp_get_attachment_url( get_post_thumbnail_id() );

        $attachment_count   = count( $product->get_gallery_attachment_ids() );

        if ( $attachment_count > 0 ) {
            $gallery = '[product-gallery]';
        } else {
            $gallery = '';
        }

        echo apply_filters( 'woocommerce_single_product_image_html', sprintf( '<a href="%s" itemprop="image" class="bigbox woocommerce-main-image zoom" title="%s" rel="prettyPhoto' . $gallery . '">%s</a>', $image_link, $image_title, $image ), $post->ID );

    } else {

        echo apply_filters( 'woocommerce_single_product_image_html', sprintf( '<img src="%s" alt="Placeholder" class="bigbox" />', woocommerce_placeholder_img_src() ), $post->ID );

    }
?>

<?php do_action( 'woocommerce_product_thumbnails' ); ?>
Post Views: 3

Related posts

2 comments

  1. You can use single_product_large_thumbnail_size Woocommerce filter as shown in following code to apply custom image size for product.

    In the above code replace this

    apply_filters( 'single_product_large_thumbnail_size', 'shop_single' )

    with this

    apply_filters( 'single_product_large_thumbnail_size', 'custom_thumbnail_size' );

  2. If you can modify the code in your question, use wp_get_attachment_image_src instead of wp_get_attachment_url. You can specify the image size you want as the second argument.

    $image = wp_get_attachment_image_src(get_post_thumbnail_id(), 'your_custom_size');
if ($image) {
  list($imageUrl, $imageWidth, $imageHeight) = $image;
  // do stuff with $imageUrl, etc
} else {
  // couldn't find the image, act accordingly
}

Comments are closed.