30 March 2021

Wordpress product page display in content product page design in woocommerce plugin

 <?php

/**

 * The template for displaying product content within loops

 *

 * This template can be overridden by copying it to yourtheme/woocommerce/content-product.php.

 *

 * HOWEVER, on occasion WooCommerce will need to update template files and you

 * (the theme developer) will need to copy the new files to your theme to

 * maintain compatibility. We try to do this as little as possible, but it does

 * happen. When this occurs the version of the template file will be bumped and

 * the readme will list any important changes.

 *

 * @see     https://docs.woocommerce.com/document/template-structure/

 * @package WooCommerce/Templates

 * @version 3.6.0

 */

defined( 'ABSPATH' ) || exit;

global $product;

$id = $product->get_id();

// Ensure visibility.

if ( empty( $product ) || ! $product->is_visible() ) {

return;

}

?>

<li <?php wc_product_class( '', $product ); ?> id="product_<?php echo $id ?>">

    <?php 

    do_action( 'woocommerce_shop_loop_item_title' );

    ?>

    <div class="">

    <div class="col-md-4 product-imge block bounceInLeft delay-2 animatable">

    <?php

/**

* Hook: woocommerce_before_shop_loop_item.

*

* @hooked woocommerce_template_loop_product_link_open - 10

*/

//do_action( 'woocommerce_before_shop_loop_item' );

/**

* Hook: woocommerce_before_shop_loop_item_title.

*

* @hooked woocommerce_show_product_loop_sale_flash - 10

* @hooked woocommerce_template_loop_product_thumbnail - 10

*/

//do_action( 'woocommerce_before_shop_loop_item_title' );

       /**

* Hook: woocommerce_shop_loop_item_title.

*

* @hooked woocommerce_template_loop_product_title - 10

*/

/**

* Hook: woocommerce_after_shop_loop_item_title.

*

* @hooked woocommerce_template_loop_rating - 5

* @hooked woocommerce_template_loop_price - 10

*/

//do_action( 'woocommerce_after_shop_loop_item_title' );

       /**

* Hook: woocommerce_after_shop_loop_item.

*

* @hooked woocommerce_template_loop_product_link_close - 5

* @hooked woocommerce_template_loop_add_to_cart - 10

*/

//do_action( 'woocommerce_after_shop_loop_item' );

?>

<img id="product-img_<?php echo $id ?>" src="<?php echo get_the_post_thumbnail_url($loop->post->ID); ?>" class="img-responsive" alt=""/>

<!--<a href="#product_enq" data-toggle="modal" class="animm btnone ask-for-pri block bounceInRight delay-3 animatable">Ask for Price</a>-->

<i class="fa fa-search-plus image-zoomer" data-toggle="modal" data-target="#zoom_<?php echo $id ?>"></i>

</div>

<div id="zoom_<?php echo $id ?>" class="modal fade-scale zoom-popup" role="dialog">

      <div class="modal-dialog">

        <!-- Modal content-->

        <div class="modal-content">

          <div class="modal-header">

            <button type="button" class="close" data-dismiss="modal">&times;</button>

          </div>

          <div class="modal-body">

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

          </div>

          <div class="modal-footer">

            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>

          </div>

        </div>

      </div>

    </div>

<div class="col-md-8 pro-del-ri">

    <!--<p>Product Price : <a href="#product_enq" data-toggle="modal" class="btn btn-sm btn-primary pro-pri-btn"><?php// echo get_field( 'product_price', $id );?></a></p>-->

    <?php if( get_field('product_price') ): ?>

    <p><b>Product Price :</b> <?php echo get_field( 'product_price', $id );?></p>

    <?php endif; ?>

    <?php if( get_field('product_details') ): ?>

    <p><b>Product Details :</b></p>

    <?php echo get_field( 'product_details', $id );?>

    <?php endif; ?>

<!--     <table class="table">-->

<!--    <tbody>-->

<!--        <tr>-->

<!--            <td>Tolerance</td>-->

<!--            <td><?php// echo get_field( 'tolerance', $id );?>%</td>-->

<!--        </tr>-->

<!--        <tr>-->

<!--            <td>Package Type</td>-->

<!--            <td><?php// echo get_field( 'package_type', $id );?></td>-->

<!--        </tr>-->

<!--        <tr>-->

<!--            <td>Technology</td>-->

<!--            <td><?php// echo get_field( 'technology', $id );?></td>-->

<!--        </tr>-->

<!--        <tr>-->

<!--            <td>Temperature Coefficient</td>-->

<!--            <td><?php// echo get_field( 'temperature_coefficient', $id );?></td>-->

<!--        </tr>-->

<!--        <tr>-->

<!--            <td>Brand</td>-->

<!--            <td><?php// echo get_field( 'brand', $id );?></td>-->

<!--        </tr>-->

<!--    </tbody>-->

<!--</table>-->

  <div class="feat-box text-justify"><?php echo get_field( 'discription_new', $id );?></div>

  <?php if( get_field('features') ): ?>

  <p><b>Features</b></p>

  <div class="clearfix"></div>

  <div class="feat-box"><?php echo get_field( 'features', $id );?></div>

  <?php endif; ?>

  <a href="#product_enq" data-toggle="modal" class="animm btnone yes-iam block bounceInRight delay-4 animatable">Yes! I am Interested</a>

</div>

</div>

</li>