html - Woocommerce添加到购物车按钮后添加图像

看起来很奇怪，但是我试图在元素（按钮）之后添加背景图片，但是由于某种原因，该图片没有显示。

    .single_add_to_cart_button:after {
        content: '';
        width: 50px;
        height: 9px;
        display: inline-block;
        background: url(/images/arrow.png);
        background-position: 50%;
        background-size: cover;
        background-repeat: no-repeat;
    }

<button type="submit" class="single_add_to_cart_button button alt disabled wc-variation-selection-needed">Place order</button>

由于某种原因，该图片没有显示，我什至尝试使用实时网址

注意：如果我尝试使用段落，则可以在笔here中看到

添加到购物车按钮后，如何从模板目录添加图像？

在一个更简单的解决方案中，我尝试使用钩子，但是我也努力使用bloginfo来访问图像：

add_action( 'woocommerce_after_add_to_cart_button', 'add_content_after_addtocart_button_func' );

function add_content_after_addtocart_button_func() {
    echo '<img src="<?php bloginfo("template_directory")/images/logo/logo.png">';
}

最佳答案

由于您在echo语句中使用<?php以及bloginfo($option)会回显一个值，因此存在语法错误，因此请求您使用get_template_directory_uri()获取模板目录的路径，该目录将返回字符串

您的代码将类似于以下代码段：

add_action( 'woocommerce_after_add_to_cart_button', 'add_content_after_addtocart_button_func' );

function add_content_after_addtocart_button_func() {
    echo '<img src="'.get_template_directory_uri().'/images/logo/logo.png">';
}