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!
How to hide "add to card' and "show details"?
18 posts from 8 voices- Started 1 year ago by HitchB
- Latest reply from Mya
- This topic is not a support question
-
HitchB
MemberPosted 1 year ago # -
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.
Posted 1 year ago # -
HitchB
MemberThanks 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:)Posted 1 year ago # -
Hi,
You would need to add this to your custom CSS.
#top div .thumbnail_container .show_details_button{ display: none; }Regards,
MyaPosted 1 year ago # -
HitchB
MemberHi 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?Posted 1 year ago # -
Yes - open up abundance\woocommerce-config\config.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.
Posted 1 year ago # -
Useful post..
Is there away to remove the buttons and just make the the image clickable?
-Alex
Posted 1 year ago # -
Devin
ModeratorHi 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
Posted 1 year ago # -
Thanks Devin,
That did work however the products have options so the show options button is still there. How do I lose it?
-Alex
Posted 1 year ago # -
Doh.
You use the code in the CSS you posted earlier.
Fixed.
#top div .thumbnail_container .add_to_cart_button{
display: none;
}Posted 1 year ago # -
fitzpatrick512
MemberHmm... 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.
Posted 11 months ago # -
Hey!
Glad you find it useful WarriorSan!
Regards,
MyaPosted 11 months ago # -
fitzpatrick512
MemberIn 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>";Posted 11 months ago # -
Hi fitzpatrick,
In some instances, each theme is a little different.
Regards,
MyaPosted 11 months ago #
Topic Closed
This topic has been closed to new replies.
Create a new thread and tell me what problems you are encountering and what you want to know. 
There is no step 3 :) 
