Wordpress 如何在Woocommerce面包屑中添加产品名称链接_Wordpress_Woocommerce_Breadcrumbs

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

wordpress woocommerce

Wordpress 如何在Woocommerce面包屑中添加产品名称链接,wordpress,woocommerce,breadcrumbs,Wordpress,Woocommerce,Breadcrumbs,为了设计pruposes，我尝试在Woocommerce面包屑中添加一个指向产品名称的链接。由于它没有链接，并且我正在尝试为面包屑中的所有“a”标记添加样式，因此它显示不同的样式，如下图所示：我只需要它有一个链接，即使使用“href=“#””。我可以在哪里以及如何添加此链接？您可以发布您的代码，以便我们更好地了解您的情况吗编辑：基于给定的代码。您可以将产品名称放在一个div中，给它一个自定义id，然后使用css将其大写 <head> <style>

为了设计pruposes，我尝试在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>

我只是在Wordpress中安装Woocommerce，这就是它的由来。唯一的代码是一个自定义CSS，用于为面包屑中的链接提供所需的样式（额外的填充、颜色和文本转换）：.woocommerce.woocommerce面包屑a{color:#777；padding:25px；text transform:uppercase；}您可以向产品链接添加一个唯一id，然后使用CSS设置该唯一id的样式

#product{padding:25px；text transform:uppercase；}

问题是产品名称上没有链接。这是面包屑的源代码（产品名称为“Ines”）：Ines我只需要它有一个链接，即使使用“href=“#””。在何处以及如何添加此链接？我已使用代码更新了答案，以便在面包屑中添加指向产品名称的链接，并使文本大写

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