- This topic has 20 replies, 5 voices, and was last updated 13 years ago by
.
-
Posts
-
Hello,
How do I display the grey guy when shopping cart is empty? I have read all the related post in this forum but still I can’t found the answer.
For your info I already un-ticked the Hide shopping cart image but the little grey guy still doesn’t appear. It’s only show the text and “visit the shop” link.
Thanks
First prepare the URL of the image that you want to show when the cart is empty. Lets assume in your case the URL of the image is the following:
http://www.example.com/wp-content/plugins/wp-cart-for-digital-products/images/cart_empty.jpg
Now go to “WP eStore Settings” and specify the above URL in the “Text/Image to show when cart is empty” field.
Glad I found his post. Was wondering too…
I have a couple of related questions:
Is it possible to get a “cross behaviour” between the following two short codes [wp_eStore_cart] and [wp_eStore_cart_fancy1], in regards to the “empty cart” picture ?
i.e;
– With [wp_eStore_cart] when the cart is empty, we can decide to show a picture of both, normal cart and empty cart (not ideal to have both showing at the same time),
But it shows the normal cart picture only, when we add a product (good).
– With [wp_eStore_cart_fancy1] we can show a picture with empty cart only when the cart is empty (good, unlike above),
But it does not show a cart picture anymore when a product is added to the cart (not ideal).
Would be great if we could simply have the empty cart picture only showing when the cart is empty as in option 2, and the normal cart picture only showing when a product is added to the cart (like swapping the picture for different states).
Does this make sense and does it require a lot of extra work?
Also, in any scenarios, if we hover the normal cart picture, you get the finger (saying ‘shopping cart’), but it doesn’t do anything if you click on it.
Would be great if when the short code or php are used in widgets, it would either link somewhere (or not show the finger), and remove the finger hover behaviour in the cart page.
Or if it’s too much work, I think it would be good to just remove the finger behaviour completely, it could also confuse some new online shoppers who are not too experienced, as they might think that something is not working as it should. What do you think?
Update:
Please keep answers on the following post, I think I know what’s happening:
https://support.tipsandtricks-hq.com/forums/topic/show-the-grey-guy-shopping-cart-in-widget
Hi,
Regarding your request about the cursor hand pointer:
“Also, in any scenarios, if we hover the normal cart picture, you get the finger (saying ‘shopping cart’), but it doesn’t do anything if you click on it.”
You can play around with this using your own custom styles.
In the wp_eStore_custom_style.css file enter the following code:
.shopping_cart input:hover{
cursor: default;
}
The above should keep the mouse pointer as default and not produce a hand symbol.
Having said that this will affect your other images too such as the checkout with paypal button so you might have to experiment so that you maintain the appropriate behavior for the other images.
For instance if I wanted to make sure that the pointer turns into a hand for the paypal button i would also put the following in my custom file:
.shopping_cart .eStore_cart_checkout_button .eStore_paypal_checkout_button:hover{
border:1px solid #ddd;
cursor: pointer;
}
This can all be figured out using firebug. See this link for more:
http://www.tipsandtricks-hq.com/css-bugging-you-fire-those-bugs-3299
Thank you, I have just tried this locally, in Firefox and Safari but it hasn’t changed anything. I refreshed, emptied cache etc…
Still get the hand.
PS: that’s were it’s all going to happen: http://louisg.org/
When the shopping cart is empty, the grey shopping cart image links to your “Products/Store Page”. The default behavior of a link is the hand cursor (just like any other links on your site).
Please let me further clarify.
I am talking about the cart with the green “tick”, the hand cursor does not do anything please see following link when a product is added: http://louisg.org/shop/
When you add the product, the cart in the sidebar goes from “grey man” to “cart with a tick”.
The grey man link to the shop, but the cart with a green tick doesn’t link to the cart page or anywhere.
I was aware of the various short code behaviours for showing carts in pages, that’s how I spotted the “glitches”.
@petreski, please check the following urls, I have applied the code, on the live site.
.shopping_cart input:hover {cursor: default;}
The code only works for the cart and green tick in the page, in the shopping cart widget/sidebar the hand cursor is still showing when a product is added. As explained above.
Anyway, no worries, I can live with that, I was just trying to point something out that could be improved a bit.
Hi,
The CSS code you entered will not work because your appear to have the code commented out in your wp_eStore_custom_style.css file. This is what you have currently:
==================
/*
* Place your custom CSS styles in this file.
* When upgrading the plugin just keep a backup copy of this file
* so you don’t lose the CSS changes you made during the upgrade.
*/
/*
.shopping_cart input:hover{
cursor: default;
}*/
===================
Did you do this intentionally?
Try deleting the “/*” which is located just before the line beginning with “.shopping_cart….” and also delete the “*/” from the last line and then test your page again.
Get a more recent build of the plugin and you shouldn’t see that:
- You must be logged in to reply to this topic.