Sunday 19 June 2016

How to set Product image as use original Image in WordPress, WooCommerce?

1> Open WooCommerce Plugin in Plugins > woocommerce

2> Following templete for Product Image code
      templates/single-product/product-image.php

3> Following is "Product-image.php" code.
<?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_caption   = get_post( get_post_thumbnail_id() )->post_excerpt;
      $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,
        'alt'  => $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_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 );

    }
  ?>

<?php do_action( 'woocommerce_product_thumbnails' ); ?>

</div>


4> Replace Following code by "$image = the_post_thumbnail( 'large','style=max-width:100%;height:auto;');".

Code:-
    $image = get_the_post_thumbnail( $post->ID, apply_filters( 'single_product_large_thumbnail_size', 'shop_single' ), array(
        'title'  => $image_title,
        'alt'  => $image_title
        ) );

5> SAVE and Check on front.


For more Interesting, Useful Article & codes visit IT New Code.

Ankit Shah PHP Expert

IT New Code suggest a solution for your problem related to coding, Specially .PHP, Wordpress, WooCommerce, Magento, HTML and CSS. Visit Our website for Information.

0 comments:

Post a Comment

 

Copyright @ 2016 IT New Code | Developing Code | Designing Code.

Designed by: Ankit Shah