通过PhP中的可点击图像替换woocommerce中的按钮

Question

我在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>

你能帮我解决问题吗？

Answer 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>