Problem Woocomerce Advanced Labels
- This topic has 11 replies, 2 voices, and was last updated 5 years, 1 month ago by
.
-
Posts
-
Hi,
Please help me with the following issue. I have product-image.php in basel child theme for “Woocomerce Advanced Labels” to show. Everyting works great with one issue:
– The ” Click to enlarge” button for the first Product image is not working, it gives an error: “The image could not be loaded”The following code for “product-image.php” is:
<?php
if ( ! defined( ‘ABSPATH’ ) ) {
exit;
}global $post, $product, $woocommerce_loop;
$is_quick_view = (isset($woocommerce_loop[‘view’]) && $woocommerce_loop[‘view’] == ‘quick-view’);
$attachment_ids = $product->get_gallery_image_ids();
$thums_position = basel_get_opt(‘thums_position’);
$product_design = basel_product_design();$image_action = basel_get_opt( ‘image_action’ );
$columns = apply_filters( ‘woocommerce_product_thumbnails_columns’, 4 );
$thumbnail_size = apply_filters( ‘woocommerce_product_thumbnails_large_size’, ‘full’ );
$post_thumbnail_id = get_post_thumbnail_id( $post->ID );
$full_size_image = wp_get_attachment_image_src( $post_thumbnail_id, $thumbnail_size );
$placeholder = has_post_thumbnail() ? ‘with-images’ : ‘without-images’;
$wrapper_classes = apply_filters( ‘woocommerce_single_product_image_gallery_classes’, array(
‘woocommerce-product-gallery’,
‘woocommerce-product-gallery–‘ . $placeholder,
‘woocommerce-product-gallery–columns-‘ . absint( $columns ),
‘images’,
) );
if ( $product_design == ‘sticky’ ) $attachment_ids = false;
?>
<div class=”<?php echo esc_attr( implode( ‘ ‘, array_map( ‘sanitize_html_class’, $wrapper_classes ) ) ); ?> images row thumbs-position-<?php echo esc_attr( $thums_position ); ?> image-action-<?php echo esc_attr( $image_action ); ?>” style=”opacity: 0; transition: opacity .25s ease-in-out;”><div class=”<?php if ( $attachment_ids && $thums_position == ‘left’ && ! $is_quick_view ): ?>col-md-9 col-md-push-3<?php else: ?>col-sm-12<?php endif ?>”>
<?php do_action( ‘woocommerce_custom_labels’ ); ?>
<figure class=”woocommerce-product-gallery__wrapper <?php if( $product_design != ‘sticky’ ) echo ‘owl-carousel’; ?>”>
<?php
$attributes = array(
‘title’ => get_post_field( ‘post_title’, $post_thumbnail_id ),
‘data-caption’ => get_post_field( ‘post_excerpt’, $post_thumbnail_id ),
‘data-src’ => $full_size_image[0],
‘data-large_image’ => $full_size_image[1],
‘data-large_image_width’ => $full_size_image[1],
‘data-large_image_height’ => $full_size_image[2],
);if ( has_post_thumbnail() ) {
$html = ‘<figure data-thumb=”‘ . get_the_post_thumbnail_url( $post->ID, ‘shop_catalog’ ) . ‘” class=”woocommerce-product-gallery__image”>‘;
$html .= get_the_post_thumbnail( $post->ID, ‘shop_single’, $attributes );
$html .= ‘</figure>’;
} else {
$html = ‘<figure class=”woocommerce-product-gallery__image–placeholder”>’;
$html .= sprintf( ‘‘, esc_url( wc_placeholder_img_src() ), esc_html__( ‘Awaiting product image’, ‘woocommerce’ ) );
$html .= ‘</figure>’;
}echo apply_filters( ‘woocommerce_single_product_image_thumbnail_html’, $html, get_post_thumbnail_id( $post->ID ) );
do_action( ‘woocommerce_product_thumbnails’ );
?>
</figure>
<?php if ( $image_action != ‘popup’ && basel_get_opt(‘photoswipe_icon’)): ?>
<div class=”basel-show-product-gallery-wrap”><?php _e(‘Click pentru marire’, ‘basel’); ?></div>
<?php endif ?>
</div><?php if ( $attachment_ids ): ?>
<div class=”<?php if ( $thums_position == ‘left’ && ! $is_quick_view ): ?>col-md-3 col-md-pull-9<?php else: ?>col-sm-12<?php endif ?>”><div class=”thumbnails”></div></div>
<?php endif; ?>
</div>
————————————————————————
The second, third…etc product images, zoom is working. Only on the first product image is the problem.The code implemented is from your forum.
Thank you!
