Disable link on Product Page

  • Resolved thecelticfriar

    (@thecelticfriar)


    4 years, 9 months ago

    Hello, I’ve tried searching but I’ve got 2 issues that I can’t seem to find a resolution too.
    I’ll keep it to 1 issue per thread though.

    On the linked site when you visit the site and go into a category you get a listing of all the products in a given category. Then you can go into the product to see details.

    In my case, I’m helping a friend with her site and we’re using this as a way for folks to see the vendors that are in the network. I’d like to get rid of the ‘visit vendor’ button that comes up on the page where all the products are listed. Is this possible?

    Ideally, I’d like to turn it off there but leave it on when you go into the vendor details. BUT, if both have to be turned off then I can do that and just add a link to their site in the description. My concern would be losing any sort of tracking/reporting that could otherwise be provided.

    OR, I could add a description to each category page advising the visitor to click on the name of the vendor to see details about them and get more info.

    Just looking for options. Thank you

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Support tijosh

    (@tijosh)

    Hey there @thecelticfriar,

    You can use this CSS to hide the “Visit Vendor” button on the product category page. Paste this into your theme’s CSS editor (usually found at WP Admin → Appearance → Customize):

    
.tax-product_cat.term-venues li.product .entry-header .button {
    display: none;
}

    This will hide it on the category page but keep the button on the single product page.

    Thread Starter thecelticfriar

    (@thecelticfriar)

    Thank you tijosh,

    That actually didn’t work. But, I was hoping to ‘learn’ so I took your example and used Chrome’s tools to figure out the CSS that was being called for that particular button. So I followed your advice of using the CSS customizer (WP Admin > Appearance > Customize just like you said) and used the following code:

    .woocommerce li.product .entry-header .button {
	display: none;
}

    That did the trick! If I wanted to hide the images on the Category page located here: https://www.foothillsbridal.com/dev/wedding-services/
    Well, is there documentation to remove the images (and the place holder) and remove the category counts via CSS as well? That’s the other issue I need to tackle then I can call this site done!

    If I should open a new post I’ll be more than happy to, thank you.

    Edit: I’ve already figured out how to remove the category counts and to center the Category Titles by using the following CSS:

    h2.woocommerce-loop-category__title {
    text-align: center;
}

mark.count {
    display: none;
}

    So if I can just figure out how to remove the images and place holders … OR center the images.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Disable link on Product Page’ is closed to new replies.