|
E Green
|
April 18, 2013 at 5:02 pm
Hi EE,
I’m using WordPress 3.5.1 and updated Event Espresso – I just purchased the MER add-on in hopes of allowing guests to choose different pricing levels for each ‘additional attendee.’
My questions may seem a little trivial but I’ve managed to set up the view cart link using this article :
https://eventespresso.com/wiki/multiple-events-registration-use-add-to-cart-link-instead-of-default-registration-form/
However for some reason I cannot switch the ‘view cart’ link to an image of my choice (a button) using the code provided ([ESPRESSO_CART_LINK anchor=”<img src=’http:…’ alt=’ ‘/>” direct_to_cart=1 moving_to_cart=”Redirecting to cart…”]) – no image shows up.
The registration page I’m working on is here:
http://sdexpeditions.com/event-registration/?ee=16
I’d appreciate any help!
|
|
Dean
|
April 19, 2013 at 12:06 am
Hi,
Yes the image aspect of that shortcode only works for the add to cart part.
If you want to add an image to the view cart link as well you can use the following CSS (in your themes style.css file or via a plugin such as My Custom CSS).
.ee_view_cart {
display: block;
text-indent: -9999px;
background-image: url(http://www.ee-3131.dev/wp-content/uploads/2013/04/thumb-up.gif);
height: 64px;
width: 64px;
}
This will over ride the image in the shortcode so it isnt needed.
The one issue with this method is that the image for the add to cart AND the view cart is the same.
To get around that, then you would use the following CSS
.ee_view_cart {
display: block;
text-indent: -9999px;
background-image: url(http://www.ee-3131.dev/wp-content/uploads/2013/04/thumb-up.gif);
height: 64px;
width: 64px;
}
.ee_add_item_to_cart {
display: block;
text-indent: -9999px;
background-image: url(http://www.ee-3131.dev/wp-content/uploads/2013/04/shopping-cart.gif);
height: 64px;
width: 64px;
}
Now its important that the .ee_add_item_to_cart goes below ee_view_cart as CSS goes top down, otherwise it will show the same image for both.
You will of course need to change the image urls and the height/width to match the image height/width.
|
