How to hide price display suffix on everything except the product page itself

  • Resolved pipin3000

    (@pipin3000)


    3 years, 10 months ago

    Hi guys

    I am trying to hide the price display suffix on everything except the product page because I have variation products so on the category page some products show the price suffix (the single products) and the products with which have variations and a range of price show no price display suffix which makes the page look odd.

    It would be best if I simply hide the price display suffix and only show it on the product page for all my products.

    Thank you so much in advance.

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

Viewing 8 replies - 1 through 8 (of 8 total)

  • Hello,

    You can apply this Snippet Code to hide the product price on shop page:
    remove_action( 'woocommerce_after_shop_loop_item_title', 'woocommerce_template_loop_price', 10 );

    I would recommend using a plugin like?Code Snippets?to add that snippet to your site.

    Thread Starter pipin3000

    (@pipin3000)

    Hi @maykato

    I tried this code but it doesn’t seem to work, the price display suffix is still visible ??

    myconsumables.com/shop

    I use my custom functions plugin to add all my code snippets.

    Thread Starter pipin3000

    (@pipin3000)

    if anyone can still help it would be much appreciated

    That’s strange. I’ve tried the snippet code on my test site, and it works for me. Can you switch your theme to Storefront to see if it works on default theme? If it still doesn’t work, we recommend having a web developer take a look.

    Thread Starter pipin3000

    (@pipin3000)

    Hi @maykato

    is the intention of this code to hide all the prices on the shop page?

    I want to keep the price and I only want to hide the price display suffix on the shop page…

    Do you have any suggestions to do that?

    Hi,

    Thanks for pointing that out! In that case, can you insert the CSS below in Appearance > Edit CSS?

    .woocommerce-price-suffix {
  display: none;
}
.single-product .woocommerce-price-suffix {
  display: block !important;
}
    Thread Starter pipin3000

    (@pipin3000)

    @maykato It works!!! thank you so much I have been looking for a solution for weeks now!

    You’re welcome! Glad to hear it’s solved now ??

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘How to hide price display suffix on everything except the product page itself’ is closed to new replies.