Tagged: 

Viewing 18 posts - 1 through 18 (of 18 total)
  • Author
    Posts
  • #10972

    Hi,

    This is probably the most annoying feature on the theme, as customers just want to click to see the picture and not necessary add it.

    Also it’s not aesthetic. Your help would be much appreciated as I don’t see a clear answer on how to get ride of this without affecting the functionalities of the site.

    Many many thanks!

    #70053

    Hello,

    They can always click show details button to see the product thumbnails. :)

    Regards,

    Ismael

    #70054

    You can hide the add to cart option with following code – I’d add it to css/custom.css:

    #top div .thumbnail_container .add_to_cart_button{
    display: none;
    }

    Then the user can only click on the “Show details” button and you force him to use the “Add to cart” option on the single product page.

    #70055

    Thanks a lot for your help! s there a way to hide the “Show details” also? so on hover users can select the image and naturally click on it to see the product.

    User doesn’t need to read “show details” to understand that he needs to click on the thumbnail to see the details….I think:)

    #70056

    Hi,

    You would need to add this to your custom CSS.

    #top div .thumbnail_container .show_details_button{
    display: none;
    }

    Regards,

    Mya

    #70057

    Hi Mya, in fact I tested it if I hide the show details button there’s absolutely no more way to click on the image and see the details.

    So I left it like that. However I was wondering if there’s any way at least to change the text and logo and make a simple “view more” for example?

    #70058

    Yes – open up abundancewoocommerce-configconfig.php and search for following line:

    echo "<a class='button show_details_button $extraClass' href='".get_permalink($post->ID)."'>".__('Show Details','avia_framework')."</a>";

    Instead of “Show Details” insert any other (custom) text. You can also remove the show_details_button class from the link.

    #70059

    Useful post..

    Is there away to remove the buttons and just make the the image clickable?

    -Alex

    #70060

    Hi Alex,

    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>";

    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>";

    That should do it :)

    Regards,

    Devin

    #70061

    Thanks Devin,

    That did work however the products have options so the show options button is still there. How do I lose it?

    -Alex

    #70062

    Doh.

    You use the code in the CSS you posted earlier.

    Fixed.

    #top div .thumbnail_container .add_to_cart_button{

    display: none;

    }

    #70063

    Hi,

    Is this issue resolved now?

    Regards,

    Ismael

    #70064

    Hmm… I’d like to have both – the overlay button AND the clickable image. That way if people are on a mobile or just want to click the image before the buttons pop up (or if they want to click outside the button area) – it still takes them to the product.

    #70065

    Hi fitzpatrick512,

    You should be able to make the change to the up woocomerce-config>config.php I posted above and then it will work as you describe. The css is what hides the buttons and the php change is what adds the link to the whole image.

    Regards,

    Devin

    #70066

    Thanks for the useful info!

    #70067

    Hey!

    Glad you find it useful WarriorSan!

    Regards,

    Mya

    #70068

    In my Flashlight them this code disables the overlay buttons (but it does add the link):

    echo "<a>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>"'>".__('Show Details','avia_framework')."</a>";
    if(!empty($rating)) echo "<span class='rating_container'>".$rating."</span>";

    #70069

    Hi fitzpatrick,

    In some instances, each theme is a little different.

    Regards,

    Mya

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

The topic ‘How to hide "add to card' and "show details"?’ is closed to new replies.