时间戳

首页 > 解决方案 > 如何在商店页面中将 woocommerce 产品图片设置为背景图片

php - 如何在商店页面中将 woocommerce 产品图片设置为背景图片

问题描述

我想将商店页面中产品图片的 src="image_url" 替换为 style="background: url('image_url')" 。我该怎么做？

标签： phpwordpresswoocommerce

解决方案

根据您的舒适度，您有 2 种可能的方法：

  1. 在您的主题中创建一个文件夹结构woocommerce\single-product\，在其中复制您可以在其中找到的文件\wp-content\plugins\woocommerce\templates\single-product\product-image.php并编辑 HTML；
  2. 在您的主题functions.php中在钩子上添加一个过滤器woocommerce_single_product_image_thumbnail_html并替换通过的 HTML（可能使用一些正则表达式）

推荐阅读