将静态图像添加到WooCommerce内容-单一产品模板

时间:2016-01-22 作者:Jacob McKinney

我试图在WooCommerce的单个产品模板中添加一些静态图像,但它们没有正确显示。

我正在钓上woocommerce_after_single_product_summary 钩子和所有东西都包含在文件中。

除其他外,我还添加了以下代码:

<div class="product-detail-header">
    <img src="<?php echo get_stylesheet_directory(); ?>/images/sig-technical.png" />
    <h3>Technical</h3>
    <hr>
</div>
由于某种原因,图像路径插入到当前页面的路径之后,而当前页面的路径显然不是它应该指向的位置。

它正在转换为

http://wp_project2/product/jazz/C:/wamp/www/wp_project2/wp-content/themes/Divi-child/images/sig-technical.png

而不是

C:/wamp/www/wp_project2/wp-content/themes/Divi-child/images/sig-technical.png

我一直在绞尽脑汁,想不出这一点。任何想法都将不胜感激。

1 个回复
最合适的回答,由SO网友:Jacob McKinney 整理而成

非常感谢内森·鲍威尔的修复。

正在更改get_stylesheet_directory()get_stylesheet_directory_uri() 将返回正确的URL.

get_stylesheet_directory() 返回子主题或父主题的绝对服务器路径(因此是我的上一个问题),而get_stylesheet_directory_uri() 返回正确格式的子主题或父主题URI。

我想这节课是要密切关注您正在使用的功能,因为WordPress有许多名称类似的插件。

您可以在此处查看codex文档:get_stylesheet_directory() &;get_stylesheet_directory_uri()