How to remove default cover image from Woocommerce detail page

This topic contains 50 replies, has 4 voices, and was last updated by  Alex Rollin 5 years, 11 months ago.

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket
  • Author
    Posts
  • #431722

    piyush jaiswal
    Free User
    Post count: 224

    HI,

    We have integrated the Woocommerce with Geodirectory. Now we able to remove the default cover image from the other static pages of Woocommerce but product detail page is still showing default cover image.

    Kindly suggest how to remove the cover image from “Product Detail page” (https://www.tuikart.com/product/profile-content-writing-upto-1000-words/)

    *we only wanted cover page to be displayed on main Shop landing page (i.e https://www.tuikart.com/shop/)

    Pls. suggest

    #431739

    Alex Rollin
    Moderator
    Post count: 27815

    You can try this constant in wp-config.php

    
    
    
    define('SD_DEFAULT_FEATURED_IMAGE', "http://yourdomain.com/images/featured.jpg")
    
    
    #431791

    piyush jaiswal
    Free User
    Post count: 224
    This reply has been marked as private.
    #431793

    Kor
    Moderator
    Post count: 16516

    Hi Piyush,

    Try using the custom CSS code below and see if it’s what you’re looking for.

    
    
    .featured-area.woosingle-featured-area .featured-img {
        visibility:hidden!important;
    }
    
    h1.product_title.entry-title {
        display:none!important;
    }
    
    .woocommerce-page h1.page-title {
        display:none!important;
    }
    #431801

    piyush jaiswal
    Free User
    Post count: 224
    This reply has been marked as private.
    #431805

    Kor
    Moderator
    Post count: 16516

    Hi Piyush,

    Let’s refer to this page first https://www.tuikart.com/product/profile-content-writing-upto-1000-words/ . You mentioned that you need to remove the cover image and I’ve provided the code above to hide it.

    
    
    .featured-area.woosingle-featured-area .featured-img {
        visibility:hidden!important;
    }

    Also, I’ve removed the title as shown in the attached screenshot. Or am I misunderstanding everything?

    Thanks!

    #431814

    piyush jaiswal
    Free User
    Post count: 224
    This reply has been marked as private.
    #431822

    Kor
    Moderator
    Post count: 16516

    Hi Piyush,

    If that’s the case, use the code below to remove the grey area.

    
    
    .featured-area.woosingle-featured-area {
        display:none!important;
    
    }
    #431852

    piyush jaiswal
    Free User
    Post count: 224

    Hi Kor,

    Thanks as it helps to remove the grey area but still we have issue of double H1 Tag on this page.

    Also how to solve other pages too.

    #431922

    Kor
    Moderator
    Post count: 16516

    Hi Piyush,

    Thanks for your reply. Could you please share some screenshots? If you’ve remove the grey area of this page https://www.tuikart.com/product/profile-content-writing-upto-1000-words/ . You should only see this title. Am I missing something?

    Which other pages that you would like to remove the grey area?

    Thanks!

    #431939

    piyush jaiswal
    Free User
    Post count: 224

    Case 1 ( Category and Sub category Pages): Cate.jpg is the Attached image
    https://www.tuikart.com/product-category/profile-writing-service/

    Wanted to retain the cover image but Title of the page should some over the Cover image. Also, H1 is missing from this page as we had hide the Woocommerce page title to retain the GD cover image.

    Case 2 (detail pages): (attached images)
    https://www.tuikart.com/product/profile-content-writing-upto-1000-words/

    Wanted to remove the cover image from these detail pages. Double time H1 tag is coming on this page as we have not hide the Woocommerce page title.

    #431962

    Kor
    Moderator
    Post count: 16516

    Hi Piyush,

    Thanks for your reply. I’ll try my best to make the changes following my understanding regarding your request.

    For Case 1 – You would like to have the Page Title to be more visible. Here is the custom CSS

    
    
    .woocommerce-page h2.entry-title a {
        color: #fff!important;
        font-size:30px!important;
    }

    For Case 2 – Removing the HTML code from that page would require customization. In the meantime, you can only hide it with custom CSS>

    Thanks!

    #431965

    piyush jaiswal
    Free User
    Post count: 224
    This reply has been marked as private.
    #431968

    Kor
    Moderator
    Post count: 16516

    Hi Piyush,

    1. Could you share both Cat and Sub Cat URL’s?

    2. Could you share a screenshot for this? I really don’t understand what you mean.

    Thanks!

    #431991

    piyush jaiswal
    Free User
    Post count: 224

    Hi Kor,

    https://www.tuikart.com/product-category/profile-writing-service/

    Above url is the Category url where product/service for “Profile Writing Service” are listed.

    Ideally this Category page should have the page title i.e “Profile Writing Service” but currently it is taking latest product title as page title i.e “profile content writing upto 1000” .

    Thanks,

    Piyush

Viewing 15 posts - 1 through 15 (of 51 total)

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket