Support » CSS / opmaak vragen » Variabel product eigenschap naam tonen

  • Opgelost muddephotography

    (@muddephotography)


    Goedemorgen,

    Ik ben al een tijdje opzoek naar de oplossing van het volgende probleem. Ik wil graag de naam van de eigenschappen laten zien op mijn productpagina. Bij het gedeelte waar je het materiaal kan kiezen wil ik graag ‘Materiaal’ hebben staan, vervolgens ‘Formaat’ bij het gedeelte waar gekozen kan worden welke maat de klant wil en tot slot ‘Lijst’ bij de keus tussen te kleuren lijst.

    Ik zie verschillende css codes voorbij komen, maar het is tot op heden niet gelukt. Iemand een idee hoe ik dit voor elkaar kan krijgen?

    Groet!

    De pagina waar ik hulp bij nodig heb: [log in om de link te zien]

7 reacties aan het bekijken - 1 tot 7 (van in totaal 7)
  • Moderator Jeroen Rotty

    (@jeroenrotty)

    Support Moderator

    Er zijn nog geen producten zichtbaar op je site dus we kunnen niet kijken of de labels van de eigenschappen uberhaupt door je thema opgevraagd wordt en verborgen is of er gewoon ook niet staat. Kun je een product tijdelijk live zetten zodat we de code kunnen zien?

    Thread starter muddephotography

    (@muddephotography)

    Bedankt voor je reactie! Ik heb zojuist een product online gezet!

    Moderator Jeroen Rotty

    (@jeroenrotty)

    Support Moderator

    De labels staan er dus, maar het is witte tekst op witte achtergrond:

    .woocommerce div.product .label {
        color: black;
        text-align: left;
        font-size: 14px;
    }

    De eerste lijn zal de tekst zwart maken, de 2de maakt ‘m links uitgelijnd en de 3de regel maakt de tekst iets groter zodat het leesbaar wordt.

    Zie screenshot:

    Dit kan je plaatsen bij Weergave > Customizer > Extra CSS. Als je het niet direct ziet werken, kan het zijn dat je nog browser cache hebt die de nieuwe code nog niet toont, in een prive venster of je cache legen kan helpen.

    Thread starter muddephotography

    (@muddephotography)

    Super! Hoe simpel kan het zijn haha!

    Heel erg bedankt!

    Moderator Jeroen Rotty

    (@jeroenrotty)

    Support Moderator

    Graag gedaan. Ik markeer het topic als opgelost 🙂

    Thread starter muddephotography

    (@muddephotography)

    Nog even een klein vraagje 🙂

    Is het mogelijk om een informatie icoontje toe te voegen aan alleen de text ‘materiaal’? Dan wil ik dit icoontje linken aan de pagina waar het over de materialen gaat.

    Groetjes!

    Moderator Jeroen Rotty

    (@jeroenrotty)

    Support Moderator

    Goh, dat kan, maar niet met een beetje CSS, je kunt wel een icoontje voorzien als een ::before in CSS, maar het ook nog eens linken dan kan dat niet met CSS (CSS is voor opmaak zaken)

    Je zou dus al je template moeten aanpassen of een hook gebruiken van WooCommerce om daarvoor te zorgen, dus ik heb hiervoor geen kant-en-klare oplossing voor je. Is custom code die zou geschreven moeten worden.

7 reacties aan het bekijken - 1 tot 7 (van in totaal 7)