如何在Woocommerce面包屑中添加指向产品名称的链接

对于样式化，我正在尝试在Woocommerce面包屑中添加指向产品名称的链接。由于它没有链接，并且我正在尝试为面包屑中的所有"a"标签添加样式，因此它显示的不同，如下图所示：

呜呜商业面包屑

我只需要它有一个链接，即使有'href="#"'。在哪里以及如何添加此链接？

你能发布你的代码，以便我们更好地了解你的情况吗？

编辑：基于您给定的代码。您可以将产品名称放在div 中并为其提供自定义 ID，然后使用 CSS 将其设置为大写。

<head>
    <style>
    #product {
      display: inline;
    text-transform:uppercase;
    }
    </style>
</head>
<body>
     <nav class="woocommerce-breadcrumb" itemprop="breadcrumb">
         <a href="manolitas.com/site">Collections</a> &gt;
         <a href="manolitas.com/site/product-category/around-the-world/… the World">Category</a>
         &gt;<div id = "product"> Ines </div>&gt;
         <a href="#" class="wbsectitle3">Shop</a>
     </nav>
     <script src="javascriptfilepath/javascriptfilename.js">
     </script>
 </body>

然后，您可以使用javascript添加一个单击事件，以添加指向div元素的链接。 JAVASCRIPT

var product = document.getElementById("product");
product.onclick = function(){
window.location.href = "http://www.whereveryouwannago.com";
};

相关内容

最新更新

热门标签：