How to reposition cart elements?

Author	« Topic »
John Nolan Advanced Member Canada 406 Posts	Posted - 09/20/2023 : 07:52:32 I'd like the checkout button to appear in the bottom right of my cart, and if possible reposition the other buttons on the top left. Really, I don't think I need the back button, or perhaps I just have to change the label from "Back to Office" to "Back", since now it's wrapping and taking up too much space. Any pointers? Page is here: https://www.ragandbone.ca/boxoffice/products.php Edited by - John Nolan on 09/20/2023 07:53:00
Guy ECT Moderator Canada 2490 Posts	Posted - 09/21/2023 : 03:31:00 I totally agree. The "checkout" button should be the last one at the bottom right. And not at the top left. It's not intuitive. Guy Articles Promotionnels \| Promotional Products
dbdave ECT Moderator USA 10278 Posts	Posted - 09/21/2023 : 07:04:03 There are languagefile entries for those texts. Add them to your includes to make them stay when updating. Locate the "edit order" and copy that to includes and name it - checkout. The top button can be hidden with css. Back to office, it seems you have already renamed it - so you can change that to shatever you like, or leave it and make the button wider with css so it doesn't wrap like that. Post back if you need help David
John Nolan Advanced Member Canada 406 Posts	Posted - 09/21/2023 : 08:19:39 Thanks Vince. I'm fairly clear on the idea of altering the labels for the buttons by means of the includes file. Can you walk me through what I need to do with the includes, or CSS, to move the Checkout bottom to the bottom right. Renaming the "Edit Order" button as "Checkout" won't do that will it? Am I mis-understanding?
Vince Administrator 42472 Posts	Posted - 09/21/2023 : 09:13:44 Hi John quote: Thanks Vince. I think that was David to tell the truth. But I'm here now. quote: Can you walk me through what I need to do with the includes, or CSS, to move the Checkout bottom to the bottom right. Renaming the "Edit Order" button as "Checkout" won't do that will it? Am I mis-understanding? In this case, renaming "Edit Order" to "Checkout" really will do the trick as it's really just another "Checkout" button. Another way of solving the "Back to Office" button wrapping would have been in the css file... /boxoffice/boxoffice_styles22.css ..around line 657, change... width:8em; ...to... min-width:8em; But I see you've renamed it to just "Back" anyway. Vince Click Here for Shopping Cart Software Click Here to sign up for our newsletter Click Here for the latest updater
John Nolan Advanced Member Canada 406 Posts	Posted - 09/21/2023 : 09:40:35 Okay! Thanks Vince (and David—sorry about that!) Edited by - John Nolan on 09/21/2023 12:32:09
John Nolan Advanced Member Canada 406 Posts	Posted - 09/21/2023 : 11:11:53 Okay, I'm stumped: I've put variations of this in my css, but the top button persists: input.ectbutton.sccheckout{display: none;} or ectbutton.sccheckout{display: none;} or .ectbutton sccheckout{display: none;} I guess I didn't find the right selector :-{
dbdave ECT Moderator USA 10278 Posts	Posted - 09/21/2023 : 12:24:49 try div.sccheckout {display:none;} David
John Nolan Advanced Member Canada 406 Posts	Posted - 09/21/2023 : 12:30:54 Thanks David, that's got! Edited by - John Nolan on 09/21/2023 12:32:30
	« Topic »