Support » Code oplossingen gezocht » Titels verwijderen op product page

  • Opgelost haraldadriaan

    (@haraldadriaan)


    Direct onder de tabbladen van producten (WooCommerce) staan titels.
    Direct onder het eerste tabblad staat “Beschrijving”
    Direct onder het tweede tabblad staat “Extra informatie”
    Deze titels zou ik graag verwijderd willen hebben. Welke code dien ik hiervoor te gebruiken?

    • Dit onderwerp is gewijzigd 1 maand, 1 week geleden door haraldadriaan.

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

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

    (@jeroenrotty)

    Support Moderator

    Ik kan je productpagina nog niet zien (404), wellicht omdat die nog niet is gepubliceerd. Maar op deze pagina (Engelstalig) staat informatie om ze functioneel te verwijderen: https://rudrastyh.com/woocommerce/remove-product-tabs.html.

    Een andere optie is het visueel verbergen met CSS, maar dan moet ik een productpagina kunnen zien om je de juiste CSS te geven.

    Thread starter haraldadriaan

    (@haraldadriaan)

    Hallo Jeroen,

    Dankjewel voor je reactie. Ja, dat klopt de page is nog niet gepubliceerd.
    Ik wil de tabs graag houden, en weet ook hoe ik de beschrijving van de tabs kan aanpassen, wat ik ook gedaan heb. Op de product page zelf staat “Beschrijving” als
    een soort titel, deze zou ik graag willen verwijderen. Helaas gaat de code daar niet over die in het Engels gegeven wordt. Heb je nog een suggestie?

    Moderator Jeroen Rotty

    (@jeroenrotty)

    Support Moderator

    Ah er staat nog eens een titel beschrijving, maar om de juiste CSS code te geven zou ik een voorbeeldproductpagina moeten kunnen inzien om je de ‘verbergcode’ te geven met de juiste CSS selectors. Kun je tijdelijk een productpagina live zetten?

    Thread starter haraldadriaan

    (@haraldadriaan)

    Moderator Jeroen Rotty

    (@jeroenrotty)

    Support Moderator

    Prima, de CSS die je nodig hebt om die H2 heading te verbergen:

    .single-product div#tab-description > h2 {
        display: none;
    }

    Die kan je toevoegen via Weergave > Customizer > Extra CSS, of in het style.css bestand enkel als je een childthema gebruikt (anders ben je na een thema update die wijzigingen kwijt).

    • Deze reactie is gewijzigd 1 maand, 1 week geleden door Jeroen Rotty.
    Thread starter haraldadriaan

    (@haraldadriaan)

    Gedaan, helaas staat het er nog steeds, wat gaat hier mis?

    Moderator Jeroen Rotty

    (@jeroenrotty)

    Support Moderator

    Heb je je WP-Optimize cache geleegd?

    Thread starter haraldadriaan

    (@haraldadriaan)

    Ja, zojuist nogmaals gedaan

    Moderator Jeroen Rotty

    (@jeroenrotty)

    Support Moderator

    Misschien laadt andere CSS later in die het terug overschrijft, probeer puur om te testen eens !important te zetten op de stijlregel:

    display: none!important;

    Jeroen

    Thread starter haraldadriaan

    (@haraldadriaan)

    Ik heb er nu dit staan:
    .single-product div#tab-description > h2 {
    display: none!important;
    }

    Helaas, het staat er nog steeds

    Thread starter haraldadriaan

    (@haraldadriaan)

    Het is nu wel gelukt, ik heb de code helemaal bovenaan gezet. En voor de tweede tab gekozen voor additional_information, enorm bedankt voor je hulp Jeroen!

    Moderator Jeroen Rotty

    (@jeroenrotty)

    Support Moderator

    Super!

    Dank om het te laten weten!

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