Answer the question
In order to leave comments, you need to log in
Product image not showing in woocommerce product card?
Good afternoon! I have an unusual problem. Foxin 1.1 theme. The essence of the problem is that the image of the product is not displayed in the product card.
For example: If you put an image in the "Product Image", then there is an image in /shop/, but there is no image in the product card. But if you add a picture to the "Product Gallery", then 2 of these pictures will appear. If you remove the "product image" and leave it in the "gallery", then a standard woocommerce image will appear.
Video:
https://cloud.mail.ru/public/4ybk/26hFVuxGb
I also noticed that when you click on a magnifying glass in a product, the product image opens in full size.
content-single-product.php
<?php
/**
* The template for displaying product content in the single-product.php template
*
* Override this template by copying it to yourtheme/woocommerce/content-single-product.php
*
* @author WooThemes
* @package WooCommerce/Templates
* @version 3.4.0
*/
if ( ! defined( 'ABSPATH' ) ) exit; // Exit if accessed directly
?>
<?php
/**
* woocommerce_before_single_product hook
*
* @hooked wc_print_notices - 10
*/
do_action( 'woocommerce_before_single_product' );
if ( post_password_required() ) {
echo get_the_password_form();
return;
}
// prev & next post -------------------
$post_prev = get_adjacent_post(false, '', true);
$post_next = get_adjacent_post(false, '', false);
$shop_page_id = wc_get_page_id( 'shop' );
// post classes -----------------------
$classes = array();
$classes[] = 'product-single-main';
?>
<div id="product-<?php the_ID(); ?>" <?php post_class( $classes ); ?>>
<div class="product-wrapper clearfix">
<div class="product-single-inner row">
<div class="column col-md-6 col-sm-12 col-xs-12 product_image_wrapper">
<div class="column-inner">
<div class="image_frame scale-with-grid">
<?php
/**
* woocommerce_before_single_product_summary hook
*
* @hooked woocommerce_show_product_sale_flash - 10
* @hooked woocommerce_show_product_images - 20
*/
do_action( 'woocommerce_before_single_product_summary' );
?>
</div>
<?php do_action( 'woocommerce_product_thumbnails' ); ?>
</div>
</div>
<div class="column col-md-6 col-sm-12 col-xs-12 summary entry-summary">
<div class="column-inner clearfix">
<div class="menu-single-product">
<?php
next_post_link( '%link', '<i class="gv-icon-158"></i>' , true, array(), 'product_cat' );
previous_post_link( '%link', '<i class="gv-icon-159"></i>', true, array(), 'product_cat' );
?>
</div>
<?php
/**
* woocommerce_single_product_summary hook
*
* @hooked woocommerce_template_single_title - 5
* @hooked woocommerce_template_single_rating - 10
* @hooked woocommerce_template_single_price - 10
* @hooked woocommerce_template_single_excerpt - 20
* @hooked woocommerce_template_single_add_to_cart - 30
* @hooked woocommerce_template_single_meta - 40
* @hooked woocommerce_template_single_sharing - 50
*/
do_action( 'woocommerce_single_product_summary' );
?>
</div>
</div>
</div>
</div>
<div class="single-product-meta">
<?php woocommerce_template_single_meta() ?>
</div>
<?php
/**
* woocommerce_after_single_product_summary hook
*
* @hooked woocommerce_output_product_data_tabs - 10
* @hooked woocommerce_output_related_products - 20
*/
do_action( 'woocommerce_after_single_product_summary' );
?>
<meta itemprop="url" content="<?php the_permalink(); ?>" />
</div><!-- #product-<?php the_ID(); ?> -->
<?php do_action( 'woocommerce_after_single_product' ); ?>
Answer the question
In order to leave comments, you need to log in
Didn't find what you were looking for?
Ask your questionAsk a Question
731 491 924 answers to any question