• Hey Everyone,

    I’ve been having a problem recently where I’m trying to edit my Single Product Image on the Product Page using the built in WooCommerce settings. I’ve got the settings set to 1000×1000 px with Hard Crop enabled. I used the plugin, Regen. Thumbnails, as well. Even with smaller dimensions, my product images aren’t changing.

    My website is http://www.honestabe.ca

    If you go to the Shop Page> click on a product> you’ll see that the product image is really small and I would like for it to be larger.

    Any help would be greatly appreciated. Thank you all!

    https://wordpress.org/plugins/woocommerce/

Viewing 9 replies - 1 through 9 (of 9 total)
  • Plugin Author Mike Jolley (a11n)

    (@mikejolley)

    You need to make the content area wider https://dl.dropboxusercontent.com/s/4s9cheukmezle1t/2016-06-16%20at%2018.35.png?dl=0

    This is all controlled with CSS.

    Thread Starter furoris

    (@furoris)

    OH! I see what you mean! The container is 800×548.

    I’m new to CSS so I was wondering if I’m on the right track with this code:

    }
    #content {
    margin: 0 5% 0 5%;
    width: 2000 px;
    }

    Thanks again for the help!

    Plugin Author Mike Jolley (a11n)

    (@mikejolley)

    If you look at the HTML it has some column classes. You should perhaps change those. Please refer to your theme’s documentation.

    Thread Starter furoris

    (@furoris)

    I’m looking at the files given with the theme and the only documentation given is that explaining how to use the custom theme menu within the admin dashboard. Is there a certain file I’m looking for that has the column classes listed within it?

    Plugin Author Mike Jolley (a11n)

    (@mikejolley)

    single-product.php or possibly just single.php. Really you should contact the theme author for guidance on that.

    Thread Starter furoris

    (@furoris)

    Unfortunately the theme author hasn’t responded even though I’ve sent them a few requests for help intermittently over the past few weeks.

    I found a single-product file folder under both the plugins/woocommerce and themes/(name of theme)/woocommerce.

    Within them:

    – product-image
    – product-attributes
    – other files

    My idea was to go through product-image and this is what I got:

    <?php
    /**
     * Single Product Image
     *
     * @author 		WooThemes
     * @package 	WooCommerce/Templates
     * @version     2.0.14
     */
    
    if ( ! defined( 'ABSPATH' ) ) exit; // Exit if accessed directly
    
    global $post, $woocommerce, $product;
    
    ?>
    <div class="images">
    
    	<?php
    		if ( has_post_thumbnail() ) {
    
    			$image_title = esc_attr( get_the_title( get_post_thumbnail_id() ) );
    			$image_link  = wp_get_attachment_url( get_post_thumbnail_id() );
    			$image       = get_the_post_thumbnail( $post->ID, apply_filters( 'single_product_large_thumbnail_size', 'shop_single' ), array(
    				'title' => $image_title
    				) );
    
    			$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="woocommerce-main-image zoom" title="%s" data-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="%s" />', wc_placeholder_img_src(), __( 'Placeholder', 'woocommerce' ) ), $post->ID );
    
    		}
    	?>
    
    	<?php do_action( 'woocommerce_product_thumbnails' ); ?>
    
    </div>

    Weirdly enough, none of this is under the child theme which is what is activated on the site at the moment.

    EDIT: I edited the page using the inspect element tool and it worked out: http://imgur.com/gQGcOyU

    Plugin Author Mike Jolley (a11n)

    (@mikejolley)

    Sorted then?

    Thread Starter furoris

    (@furoris)

    Unfortunately no. I was only able to edit it using the inspect element tool but still am not familiar with how to edit the container.

    Plugin Author Mike Jolley (a11n)

    (@mikejolley)

    Look in your theme folder for a single.php – thats where you’ll find containers.

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Single Product Image Unaffected by Change in Settings’ is closed to new replies.