WordPress.org

Ready to get started?Download WordPress

Forums

[Woocommerce] Remove word "FROM" beside price for variation items (10 posts)

  1. kettenkrad
    Member
    Posted 2 years ago #

    Hello! It's really hard to search this support forum so I apologize if this topic has been posted before. Can someone please help me here?

    Picture reference

    I just want to remove the word "FROM" beside the price of items with variations. This goes for home page and price tag on single item page.

    Thank you in advance!

  2. IstanbulMMV
    Member
    Posted 2 years ago #

    Hi there, Mike Jolley's code at https://gist.github.com/1600117 may help solve your problem.

  3. tdu
    Member
    Posted 1 year ago #

    Hi, anyone have any other suggestions for this? I am a code newb, and the link above posts to a method for editing the info the "from" displays. As with the original posters, I'd like to remove it completely as well. Thanks.

  4. boodaddy
    Member
    Posted 1 year ago #

    I would like to have help with this as well. I just want to display the same price just like the non-variation products, and not have the word "From". Been racking my brains trying to figure this one out. Any help would be appreciated.

  5. boodaddy
    Member
    Posted 1 year ago #

    Ok well I just figured it out lol. The best option is to make a separate CSS file, and add the code below. This will save you from adding it again when there is an update. It workes for me.

    .price .from {
    display: none !important;
    }
  6. tedeus
    Member
    Posted 1 year ago #

    boodaddy can you please explain exact ? i need to figure it out for a project i'm doing right now. Seems is not working for me... maybe i missed something. tnx

  7. tondosusanto
    Member
    Posted 1 year ago #

    Yes boodaddy, I am new to wordpress, I use WP 3.5.1 with woocommerce 2.0.4, I want to hide or remove price "from" on front page and product page. I am afraid the visitor will confuse to find two prices on product page, thanks

  8. tubo
    Member
    Posted 1 year ago #

    The problem is, if you use css to hidde it, you will end hidding all prices, even for single products.

    You can hide the laber "From" but the price will stay. This must be done from overriding core functions, but I'm lost right now.

  9. boodaddy
    Member
    Posted 1 year ago #

    You can add the code below to your woocommerce.css file, and it should take care of it unless your theme has separate css for these. Try downloading "FireBug" and selecting the word "From" on the page using the "Aarow" in firebug, and it will tell you exactly which .css file holds that entry, and what line it is on. Then you can go into that .css file and add the code I posted, and it should work fine. The "!important" function will override any other entries, and it should work.

    What exactly is your problem?

    .price .from {
    display: none !important;
    }
  10. FreeFrog
    Member
    Posted 1 year ago #

    CSS fix worked like a charm. I pasted it into my theme's custom CSS option, so it wouldn't get overwritten by a WooCommerce update.

Topic Closed

This topic has been closed to new replies.

About this Topic