Product Page Editing

  • larbroad

    (@larbroad)


    10 years, 1 month ago

    I’m creating a custom CSS stylesheet to override my theme and remove header image on certain pages. My URL is:
    http://laruesonbroadway.com/?post_type=product

    On this page, you will see the products that I have listed for sale. If you click on one of the products, you will see the header is hidden on the product page. I would like to do this for the URL above as well, but I do not know the identifier for the page.

    If you look at this page, I am able to hide the header on individual product pages and you can go further to see I can hide it in my cart too..

    http://laruesonbroadway.com/?product=test

    My CSS for hiding the header on the actual product pages is:
    .single-product #header-image {
    display: none;
    }

    I need help finding the identifier for the “Shop” page. I am using catch evolution theme with Any help would be appreciated! Thanks!

Viewing 1 replies (of 1 total)
  • knoppys

    (@knoppys)

    10 years, 1 month ago

    Try this…
    If your using something like firebug, open teh body class and youll see all the classes that relate to this particular page template, in your case, the archive page for the products.

    <body class=”archive post-type-archive post-type-archive-product woocommerce woocommerce-page right-sidebar infinite-scroll”>

    In your case I would use something like this:

    .post-type-archive #header-image {
    display: none;
    }

    Using .post-type-archive class will use this class for the products (custom post-type) archive page. This shouldn’t cause any issues with your normal archive pages.

Viewing 1 replies (of 1 total)
  • The topic ‘Product Page Editing’ is closed to new replies.