So fügen Sie einen Link zum Produktnamen in Woocommerce hinzu breadcrumb

Für das Styling, versuche ich einen Link zum Produktnamen in der Woocommerce Breadcrumb hinzuzufügen. Da es keine Verbindung haben und ich versuche, einen Stil aller „a“ Tags im Brotkrümel hinzuzufügen, zeigt es anders, wie Sie im nächsten Bild sehen können:So fügen Sie einen Link zum Produktnamen in Woocommerce hinzu breadcrumb

Woocommerce Breadcrumb

ich nur brauche einen Link, selbst mit 'href = "#"'. Wo und wie kann ich diesen Link hinzufügen?

Quelle

2017-06-29 Rodolfo J Semsch

Können Sie Ihren Code veröffentlichen, damit wir Ihre Situation besser verstehen können?

EDIT: basierend auf Ihrem angegebenen Code. Sie können den Produktnamen in ein div setzen und ihm eine benutzerdefinierte ID geben und dann css verwenden, um es in Großbuchstaben zu schreiben.

<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>

Dann können Sie ein Klickereignis mit Javascript hinzufügen, um einen Link zum div-Element hinzuzufügen.

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

Quelle

2017-06-29 22:54:58 JTMKoenig

Ich installiere einfach Woocommerce in Wordpress und so kommt es. Der einzige Code ist ein benutzerdefiniertes CSS, das den Links im Breadcrumb den erforderlichen Stil (zusätzliche Auffüllung, Farbe und Textumwandlung) gibt: .woocommerce .woocommerce-breadcrumb a { color: # 777; Polsterung: 25px; \t Text-Transformation: Großbuchstaben; } –

Sie können dem Produktlink eine eindeutige ID hinzufügen und diese eindeutige ID dann mit css formatieren. 'Product #product {padding: 25px; text-transform: Großbuchstaben;} ' – JTMKoenig

Das Problem ist, dass es keine Verknüpfung zum Produktnamen gibt. Dies ist der Quellcode des Brotkrümel (der Produktname ist "Ines"):

–

So fügen Sie einen Link zum Produktnamen in Woocommerce hinzu breadcrumb

Antwort

Verwandte Themen