将图像放在 WP、WooCommerce“商店”页面的标题后面

Question

我可能错过了一些简单的东西，但是......

我有一个使用 WordPress 创建的网站，上面有一个 WooCommerce 商店。 我想在页面横幅中的“商店”文本后面放置一个图像。 似乎找不到办法做到这一点。 任何帮助将不胜感激。 相关网站页面的链接

谢谢

不可使用 Elamentor 进行编辑！

Answer 1

有多种方法可以做到这一点，最简单的一种是使用 CSS 来应用它

.woocommerce-shop .title-container-outer-wrap{
     background-image: url('YOUR_IMAGE_URL');
}

我已经引用了body类

.woocommerce-shop

，因此它仅适用于商店页面。

另一种方法是覆盖 WooCommerce

archive-product

模板。 为此，您需要将

woocommerce/templates/archive-products.php

文件复制到子主题目录中并进行所需的更改。

https://woo.com/document/template-struct/ 请点击此链接了解有关模板覆盖的更多详细信息。