kmkelso
Starting Member
USA
48 Posts |
Posted - 04/11/2022 : 13:47:15
Is there a way to change/modify the soft cart layout? Possibly similar to the $detailpagelayout variable in the includes.php? Client wants the sclinks and sccheckout buttons interchanged.
|
dbdave
ECT Moderator
USA
10455 Posts |
Posted - 04/11/2022 : 14:19:33
The wording is in the languagefile and you can look that up, copy the line to includes and change the text to something different. You cannot change the functionality of the buttons though.
Thanks, David
|
kmkelso
Starting Member
USA
48 Posts |
Posted - 04/11/2022 : 17:55:34
Hi Dave, Thanks! I don’t want to change the functionality of each button, just reposition them in the soft cart.
|
dbdave
ECT Moderator
USA
10455 Posts |
Posted - 04/12/2022 : 08:06:27
Just right click on the element you want to adjust, select "inspect" to get the class for that element, then use CSS to make your adjustment. If you need help with that, post back what you want to do and I'll see if I can make the recommendations. Thanks, David
|
kmkelso
Starting Member
USA
48 Posts |
Posted - 04/13/2022 : 10:23:00
Hi Dave, Thanks! You got me pointed in the right direction. Took a while, but I figured out a way to do it entirely in CSS. BTW, the affected elements are sccheckout for the soft cart checkout button and scrwap for the parent container of the soft cart. I also moved the Continue Shopping/Edit order links (sclinks) to the left giving the Checkout button room to appear underneath Cart total amount. Just what the customer and marketing department wanted. ![](https://www.tekna.us/softcart.png)
|
dbdave
ECT Moderator
USA
10455 Posts |
Posted - 04/13/2022 : 10:46:51
That looks snappy. ![Wink](images/icon_smile_wink.svg) I had also changed the "edit order" button to "View Cart" as product options cannot actually be edited, so our customers were constantly asking about that. Thanks, David
|
midvalleydrifter001
Ecommerce Template Expert
USA
935 Posts |
Posted - 04/13/2022 : 18:20:29
Hi kmkelso,
Please elaborate on how you got the Checkout button moved.
I like how you have it.
I got the Continue Shopping buttons moved to the left, just can't figure out how to move the Checkout button down.
Thanks,
Patrick
|
kmkelso
Starting Member
USA
48 Posts |
Posted - 04/13/2022 : 20:00:10
Hi Patrick, Sure, here's the code for style.css:
div.sccheckout{ position: absolute; bottom: 5px; left: 75%; } div.scwrap{ position: relative; } div.sclinks{ text-align:left; }
Very Important: make sure your custom style.css sheet loads AFTER all of the other .css links, ex. ectcart.css, ectstyle.css, megastyle.css, etc. in the <head> section of your page template. Turns out that's all it was. Easy Peasy. Just took forever to figure it out.
|
midvalleydrifter001
Ecommerce Template Expert
USA
935 Posts |
Posted - 04/13/2022 : 20:42:30
Thank you
|
kmkelso
Starting Member
USA
48 Posts |
Posted - 04/13/2022 : 20:46:18
You're welcome! ![Big Smile](images/icon_smile_big.svg)
|
|
|