用 PhP 中的可点击图像替换 woocommerce 中的按钮答案

【问题标题】：Replace Button in woocommerce by a clickable Image in PhP用 PhP 中的可点击图像替换 woocommerce 中的按钮
【发布时间】：2018-01-19 03:00:18
【问题描述】：

我在 Wordpress 上使用 Woocommerce 销售在线礼品卡。在感谢页面上，它将下载图像（包含礼品卡密钥）显示为按钮。

我希望它在下载链接上方以全尺寸显示要下载的图像本身。

Screenshot of the Thank You Page

这是在 PHP 中显示下载部分的部分：

    <?php break;
                                case 'download-file' : ?>
                                    <a href="<?php echo esc_url( $download['download_url'] ); ?>" class="woocommerce-MyAccount-downloads-file">
                                        <?php echo esc_html( $download['file']['name'] ); ?>
                                    </a>

你能帮帮我吗？

【问题讨论】：

你试过什么？ $download['download_url'] 是图片网址吗？
我是 PHP 新手。我只知道 HTML、CSS 和一些 java。所以我尝试在谷歌上搜索一些答案，但找不到任何东西。
@YoumnaAlySobhy - 为了显示图像，我们需要知道图像的位置。如果您不知道这一点，您可以尝试使用<pre><?php print_r($download); ?></pre> 打印 $download 数组以查看图像是否在其中。

标签： php css wordpress woocommerce

【解决方案1】：

试试这个代码。您必须将download 属性添加到<a> 标签

<?php
    break;
case 'download-file' : ?>
    <a href="<?php echo esc_url( $download['download_url'] ); ?>" 
      class="woocommerce-MyAccount-downloads-file" download>
    <?php echo esc_html( $download['file']['name'] ); ?>
    </a>

【讨论】：

感谢您的回复！但代码看起来与我最初发布的相同，对吧？你是什么意思“你必须下载属性到标签”
你必须添加download属性