【问题标题】:Display different image for different url为不同的 url 显示不同的图像
【发布时间】:2017-11-16 21:09:52
【问题描述】:

我有一个 WordPress Woocommerce 电子商店。

在每个产品类别中,我希望它具有不同的顶部图片。

Woocommerce 类别页面是自动创建的,因此我无法单独编辑它们。

我已经设法找到一种方法将我自己的图片放在顶部,但我希望这张图片对于不同的类别有所不同。

所以我想如果我可以通过引用它们的 URL 来处理其中显示的图像,这将解决问题。 所以让我们说 URL

example.com/category/category1

显示 image-1 等等。

类似于 CSS 选择器的东西

div[this-url-1] {background-image:url(.image-1..);}
div[this-ur2] {background-image:url(.image-2..);}

【问题讨论】:

  • 您应该能够访问 Woocomerce 中的类别并在那里添加图像,无论它们是否是自动创建的?
  • woocommerce 在类别布局中放置图像的方式不适合我的设计,所以理想情况下我想更改我可以访问的特定 div 的内容。

标签: css wordpress woocommerce styling


【解决方案1】:

你可以使用这个插件做你想做的事。

https://wordpress.org/plugins/woocommerce-category-banner/

这将允许您为每个类别使用自定义图像和图像位置。

【讨论】:

  • 这看起来不错,我会试一试告诉你
  • 希望对您有所帮助:)。如果对 wordpress 有疑问,请使用插件呵呵
猜你喜欢
  • 1970-01-01
  • 2014-02-27
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2022-10-23
  • 2015-03-14
  • 2020-07-01
  • 1970-01-01
相关资源
最近更新 更多