Remove breadcrumb and keywords / categories display on product pages

This topic has 4 replies, 3 voices, and was last updated 9 years, 1 months ago ago by Robert Hall

  • Avatar: Porkybob
    Porkybob
    Participant
    November 1, 2015 at 23:32

    Hi,

    Once again, I would appreciate your help.
    I’d like to remove two things on single product pages (WooCommerce) : the breadcrumb and the keywords (on the lower right of the page).

    An example here : http://www.la-vieendouce.com/produit/le-santon-galet-la-provencale.

    I mean the whole block :
    “UGS : santon galet la provençale
    Catégories : Santons, Villageois
    Étiquettes : Alpes maritimes, artisanaux, côte d’azur, crèche, fait main, insolite, la vie en douce, martine gaussen, modernes, nature, noël, originaux, peint, provençale, santons, tourrettes sur loup, uniques”,
    And the breadcrumb on the top.

    I can’t remember how to remove those little guys.
    Any tips ?

    Cheers,
    Robin

    3 Answers
    Avatar: stan
    Stan Russell
    Participant
    November 2, 2015 at 10:16

    Hello,

    please add following css code to your custom.css file:

    .single-product .sku_wrapper, .posted_in, .tagged_as {
    display:none;
    }

    as we can see – you have already removed breadcrumbs.

    Regards,
    Stan Russell.

    Avatar: Porkybob
    Porkybob
    Participant
    November 2, 2015 at 22:02

    Thanks for your reply.

    I added the code but I might did something wrong since nothing has changed.
    By breadcrumb I meant this (using the same page) : “LE SANTON LA PROVENÇALE
    Accueil / Santons / Villageois / Le santon la provençale”

    For some reasons the product name and the ‘back to the previous page’ are written in white so it’s hard to see.

    Here’s the content of my custom.css file :
    .page-heading.bc-type-5 {
    display: none;
    }
    span.posted_in{display:none !important;}
    span.tagged_as{display:none !important;}

    .product .sku_wrapper {
    display:none !important;
    }

    .single-product .sku_wrapper, .posted_in, .tagged_as {
    display:none; !important;
    }

    Sorry if it doesn’t help much, I’m quite terrible with those things. Tell me if you’d like to know other informations.

    Thanks for your help !

    Avatar: Robert Hall
    Robert Hall
    Support staff
    November 3, 2015 at 08:53

    Hello,

    You can try to remove page heading. Please add this code in Global Custom CSS and check it.

    .page-heading{
    display:none;
    }

    Regards,
    Robert Hall.

  • Viewing 4 results - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.