如何在Woocommerce breadcrumb中添加产品名称的链接

时间:2017-06-29 22:52:59

标签: wordpress woocommerce breadcrumbs

对于样式设计,我尝试在Woocommerce面包屑中添加产品名称的链接。由于它没有链接,我试图为所有人添加一种风格" a"在痕迹中的标签,它显示不同,如下图所示:

Woocommerce Breadcrumb

我只需要一个链接,即使是' href ="#"'。我在哪里以及如何添加此链接?

1 个答案:

答案 0 :(得分:0)

您可以发布您的代码,以便我们更好地了解您的情况吗?

编辑:根据您给定的代码。您可以将产品名称放在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添加click事件,以添加指向div元素的链接。 JAVASCRIPT

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