Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
  • #20547

    I have some products on sale that have variable options, how do I get it so it just says the price e.g. “£10” instead of saying “From £10”?

    Also, when you hover over a product it comes up with 2 boxes saying “select options” and “show details” how do I get rid of that?





    So you want to have products with variations (red shirt, blue shirt, yellow shirt) but you don’t want to have a select box to allow user to pick which shirt they want? (please show url on your site where this is occurring)

    I think the ‘From: £15 £10’ is saying that original price was 15, but now on sale for 10. Do you want to show for your on-sale items, the original price?




    Hi Nick,

    The variations are the sizes of the clothing, and I want the customer to be able to select which size when on the product page. I just mean when on the store menu I don’t want the “select options” or “show details” buttons to appear when you hover over a product, so that people can just click on the picture and be taken to the product page?

    As for the prices I wanted it to show the original price with a line through, like it already does, and then the sale price but with the “from” before either prices if that’s possible?

    Sorry to be so picky.

    The site is



    Sorry, without the “from” part before either prices, not with it.


    Hi Will,

    Open up woocomerce-config>config.php and search for:

    echo get_the_post_thumbnail( get_the_ID(), 'shop_catalog' );
    echo $link;
    echo "<a class='button show_details_button $extraClass' href='".get_permalink($post->ID)."'>".__('Show Details','avia_framework')."</a>";
    if(!empty($rating)) echo "<span class='rating_container'>".$rating."</span>";

    Then replace it with:

    echo "<a href='".get_permalink($post->ID)."'>".get_the_post_thumbnail( get_the_ID(), 'shop_catalog' )."</a>";
    #echo get_the_post_thumbnail( get_the_ID(), 'shop_catalog' );
    echo $link;
    #echo "<a class='button show_details_button $extraClass' href='".get_permalink($post->ID)."'>".__('Show Details','avia_framework')."</a>";
    #if(!empty($rating)) echo "<span class='rating_container'>".$rating."</span>";

    Add this to your Quick CSS to hide the leftover button and from text:

    #top div .thumbnail_container .add_to_cart_button{
    display: none;
    #top .price .from {
    display: none;




    That got rid of the “from” thanks!

    But there’s still the “show details” button when I hover over the products? And the one products has a “read more” button too now? Is it possible to get rid of those too?



    Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:

    #top ul.products .thumbnail_container_inner .button {
    display: none;

    That will force all button classes to not show inside the thumbnail containers.






    Glad we could help :)

    Let us know if you have any other questions or issues.



Viewing 9 posts - 1 through 9 (of 9 total)

The topic ‘Prices / Hover Options’ is closed to new replies.