首页 > 解决方案 > PHP:获取图像以链接到产品 ID(woocommerce)

问题描述

悬停时翻转产品图像的插件。它可以翻转到第二张图像,但图像不再可点击/链接到各自的产品。请帮忙!

原始代码:

$output = '<div class="tp-image-wrapper">';
                //$post->post_title;
                //$image_url_top = get_the_post_thumbnail_url($post->ID, 'woocommerce_thumbnail');
                $image_url_bottom = wp_get_attachment_image_src($get_gallery_image_ids[0], 'woocommerce_thumbnail' );
                $output .= '<img class="tp-image" src="'.$image_url_top.'" alt="'.$image_top_alt.'" />';
                //$output .= '<img class="bottom" width="300" height="300" src="'.$image_url_bottom[0].'" />';
                $output .= '<img class="tp-image-hover" src="'.$image_url_bottom[0].'" alt="'.$image_bottom_alt.'" />';
                        
            $output .= '</div>';

我尝试将第二张图片的输出包装在我管理的链接中,但我无法让该链接调用产品 ID 并创建正确的链接。

我已经成功链接了这样的:

 $output .= '<a href="#"><img class="tp-image-hover" src="'.$image_url_bottom[0].'" alt="'.$image_bottom_alt.'" /></a>';

然后我尝试在四种不同的尝试中添加以下内容来代替上面的“#”,但没有成功(PHP 新手):

"get_permalink($product_id)"

<?php echo get_permalink($product_id) ?>

<?php echo woocommerce_get_the_permalink() ?>

<?php echo $rows[$product_buy];?>

没有运气....有什么想法吗?

标签: phpwordpresswoocommerce

解决方案


试试下面的代码。

$output .= '<a href="'.get_permalink( $post->ID ).'"><img class="tp-image-hover" src="'.$image_url_bottom[0].'" alt="'.$image_bottom_alt.'" /></a>';

或者

$output .= '<a href="'.get_permalink( $product->get_id() ).'"><img class="tp-image-hover" src="'.$image_url_bottom[0].'" alt="'.$image_bottom_alt.'" /></a>';

推荐阅读