|
Crispi Lord
|
June 17, 2016 at 12:18 am
Can you display the mini cart on a page or link it to a menu item? I don’t want it displayed on the standard page in a widget area.
|
|
Tony
|
June 17, 2016 at 5:12 am
Hi there,
The cart widget is designed to provide a small overview of your current cart from within a sidebar.
When you add events to the cart you should be given the option to either view the cart or proceed with the registration, if the user clicks to view the cart they will view the yoursite.com/registration-checkout/?event_cart=view#checkout link which shows the current cart.
You can add that link within a menu if you prefer, however note that it will always be visible so if the user clicks the link with no events in the cart they will see a ‘Nothing in your event queue’ message.
|
|
Crispi Lord
|
June 17, 2016 at 8:28 am
The view cart button is not working when you add events to cart. http://www.wideopen.ca
I used [ESPRESSO_CHECKOUT] on a page which was not working yesterday when the yoursite.com/registration-checkout/?event_cart=view#checkout link was working and today it is the other way around – the link isn’t working but the [ESPRESSO_CHECKOUT] is. Very strange.
|
|
Crispi Lord
|
June 17, 2016 at 8:30 am
Ans of course the buttons are not displaying correctly.I found the style sheet that contains the button colour but not where the size/shape or text is. Is there not a simple place to change the wording on the buttons?
|
|
Tony
|
June 17, 2016 at 1:16 pm
I used [ESPRESSO_CHECKOUT] on a page which was not working yesterday when the yoursite.com/registration-checkout/?event_cart=view#checkout link was working and today it is the other way around – the link isn’t working but the [ESPRESSO_CHECKOUT] is.
ESPRESSO_CHECKOUT should only be used on one page.
That page should be the page set within:
Event Espresso -> General Settings -> Critical Pages -> Registration Checkout Page.
Your ‘View Cart’ link should link to the same page with ?event_cart=view#checkout on the end of the link.
Is there not a simple place to change the wording on the buttons?
EE applies minimal styles and relies on your theme styling so the best place to add custom styles is within a child themes style.css file.
However we also recommend using either the My Custom CSS or Reaktiv CSS Builder plugins to add custom styles as you can then edit those within the admin.
The problem with the buttons is your theme is explicilty setting the width of the buttons and floating them left – http://take.ms/zo1QD
So to fix that you can use:
.mini-cart-button.button, .cart-results-button.button, .event-cart-button.button {
float: none;
width: auto;
}
|
|
Crispi Lord
|
June 19, 2016 at 2:08 pm
Thanks!
I have corrected the link to the cart and added a child theme with the float and width but lost the colour correction for the buttons. I’ve tried using background: and background-color: after width:auto; but neither works. what should it read?
|
|
Crispi Lord
|
June 19, 2016 at 2:27 pm
Got it, I used color:white to change the text color instead of the background colour. I was using the hex colour number which didn’t work. The word worked.
|
|
Crispi Lord
|
June 19, 2016 at 2:36 pm
The same float/width colour issue is affecting the proceed to payment button. What is the “.mini-cart-button.button” (name)for that button (on the registration checkout page)?
|
|
Lorenzo Orlando Caum
|
June 20, 2016 at 4:52 am
Hello,
You can use a free tool like Firebug or Safari developer tools or Chrome developer tools to get the information for the CSS classes or IDs.
Here is the ID for the proceed to payment options button:
#spco-go-to-step-payment_options-submit
Here is the ID for the proceed to finalize registration button:
#spco-go-to-step-finalize_registration-submit
There is a common CSS class for both of those buttons as well:
.spco-next-step-btn
—
Lorenzo
|
