Drop Cart improvements
Printed From: RomanCart.com Forum
Category: RomanCart
Forum Name: Suggestions and Improvements
Forum Description: If you think RomanCart needs to do something extra say it here!
URL: http://forums.romancart.com/forum_posts.asp?TID=13232
Printed Date: 07 June 2023 at 6:03pm
Topic: Drop Cart improvements
Posted By: rich-erich
Subject: Drop Cart improvements
Date Posted: 26 February 2015 at 4:03pm
|
Can you please give us more control of the drop cart design. At the moment it needs some basic improvements eg • the text 'Checkout' is about 2px too small (and for some reason smaller than the recalculate text!) • change the colour behind the Checkout text • or be able to add a checkout button image • change the triangle to collapse the cart. At the moment it is an equilateral triangle and so points equally in three directions; so not entirely obvious that it is for collapsing and expanding. • adding a hover state to the arrow would also be helpful If it were to be better still. It should say Basket in the collapsed state. And then when expanded should be replaced by Checkout - this is beyond my coding skills but probably not yours;so would be good if you would implement. Thanks |
Replies:
Posted By: Support
Date Posted: 26 February 2015 at 4:46pm
|
Hi, You can create your drop cart template at 'configure'/'appearance'/'hosted cart pages'/'drop cart templates' Many Thanks Support |
Posted By: rich-erich
Date Posted: 27 February 2015 at 12:06pm
|
I have copied the template but there does not seem to be anyway to amend it to make the improvements requested. eg Can't see what code pulls in the graphic for the triangle, or how to change the Checkout text. |
Posted By: rich-erich
Date Posted: 27 February 2015 at 3:08pm
|
Support Your reply implies I can amend the drop cart to do as i suggested. Please tell me from the code below how I would do this. i have just spent enough time on this without getting anywhere <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Shopping Cart</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> <style type="text/css"> html, body { margin: 1px; padding: 0px; font-family:arial, san-serif; font-size: 12px; } table { border-spacing: 0; border-collapse:collapse; } td { padding: 0; vertical-align: top; } img { border: 0px; } form { padding: 0px; margin: 0px; } input, textarea, select { font-family: arial, san-serif; font-size: 12px; } .ROC_SellrCartRows { height: 207px; overflow: auto; padding: 3px; border: solid 1px #717171; } .ROC_SellrCartRow { padding: 2px 5px 3px 5px; background-color: #f7f7f7; border: solid 1px #ffffff; } .ROC_ReCalc { padding: 5px 1px 5px 0px; text-align: right; } .ROC_Total { padding: 6px 3px 0px 14px; } .Errors { color: #ff0000; font-weight: bold; padding: 0px 3px; } #Checkout { display: none; } </style> </head> <body> <div class="ROC_SellrCartRows"> <div class="Errors"><ROC_warnings></div> <table width="100%"> <ROC_lineitems> <tr> <td class="ROC_SellrCartRow"><ROC_itemcode></td> <td class="ROC_SellrCartRow"><ROC_itemname></td> <td class="ROC_SellrCartRow"><ROC_quantityfield></td> <td class="ROC_SellrCartRow"><b><ROC_total></b></td> </tr> </ROC_lineitems> </table> <div class="ROC_ReCalc"> <ROC_hasitems> <ROC_recalculateimage>https://secure.romancart.com/style/35/10004/0144KGK10004FGFJ1.gif</ROC_recalculateimage> </ROC_hasitems> </div> </div> <div class="ROC_Total"> Total: <b><ROC_subtotal></b></div> </div> </body> </html> |
Posted By: Support
Date Posted: 27 February 2015 at 3:14pm
|
Hi, Sorry about that - I actually thought it was in the CSS. I took a look and the bit you are referring to is a fixed part of the structure of the drop cart which cannot be changed. Many Thanks Support |
Posted By: rich-erich
Date Posted: 27 February 2015 at 4:37pm
|
Ok, so back to my suggestion for improvements. Can you improve this feature please. It is very frustrating as cant take you long to at least change the triangle and improve the checkout button. |
Posted By: Support
Date Posted: 27 February 2015 at 9:38pm
|
Hi, Unfortunately those parts cannot be changed. However at some point we will add the 'checkout' word to the translate screen. Many Thanks Support |
Posted By: rich-erich
Date Posted: 02 March 2015 at 11:47am
Sorry as I think this feature is not good enough in its current state would you mind helping me understand why you cannot change a graphic or tweek a bit of text. |
Support wrote:Posted By: Support
Date Posted: 02 March 2015 at 11:53am
|
Hi, Unfortunately the structural part of the drop down cart - which is the bit you are referring to is not designed to be changed. Many Thanks Support |
Posted By: rich-erich
Date Posted: 03 March 2015 at 9:14am
|
I know, what kind of answer is "it is not designed to be changed"!! If they can't do it fair enough - but an informative explanation would be helpful If they won't do it - then again fair enough but why not just say why not. |
Posted By: Support
Date Posted: 03 March 2015 at 9:43am
|
Hi, It means that we would need to re-write the entire drop cart to change this - which is not something we would do at this time. We only released it relatively recently and it has been really popular in its current form. Many Thanks Support |
Posted By: rich-erich
Date Posted: 03 March 2015 at 10:05am
|
Thanks. The second sentence indicates you are pleased with it. Maybe my comments are invalid. As it is a feature I would very much like to use can you give me some live sites I could look at. |
Posted By: Support
Date Posted: 03 March 2015 at 10:27am
|
Hi, We are really pleased with the success of the drop cart, widgets and now the storefront all of which have been much more popular than we could have predicted. Take a look at http://www.thefashionconnector.com for an example of a site using the drop cart. Now that you can use the drop cart with widgets (since a few weeks ago) we are starting to see some great sites using both in conjunction with each other. Many Thanks Support |
Posted By: rich-erich
Date Posted: 03 March 2015 at 10:39am
|
Ok, thanks. It looks the same as ours except the checkout button. Do you know why that is? This is our test as an image %20 - http://www.bikemaps.co.uk/drop-cart-img.jpg or live test %20 - http://www.bikemaps.co.uk/peak-district-mtb/test.htm |
Posted By: Support
Date Posted: 03 March 2015 at 10:55am
|
Hi, The class for the checkout link is ROC_dCChk You need to check what styling you are applying to that. Many Thanks Support |
Posted By: rich-erich
Date Posted: 03 March 2015 at 11:06am
| I've had a look for this code and cant find it in the drop cart or global settings (you can see my drop cart code in my earlier post) |
Posted By: Support
Date Posted: 03 March 2015 at 11:07am
|
Hi, I've passed it to one of our web designers to work it out. I suspect that your own css is overriding the A tag css for the button. Many Thanks Support |
Posted By: rich-erich
Date Posted: 03 March 2015 at 11:23am
| Well its interesting in the fact that I don't have the code ROC_dCChk (even if I go back your original template), but also that the checkout button is probably editable after all. Will wait to hear what your designers say. |
Posted By: Support
Date Posted: 03 March 2015 at 1:06pm
|
Hi, You need to take a look at your own CSS, as something in there is overriding the formatting of the checkout button. It is your hyperlink styling which will be doing this. Many Thanks Support |
Posted By: rich-erich
Date Posted: 03 March 2015 at 1:36pm
|
It looks like you have not thought through the design of the drop down if our own css effects it! So can you give me a clue where to look. We have a few different hyperlink styles. eg can you give me the html code of that string. it is also interesting that the recaluclate button is unaffected. As you know the code behind these buttons then might help you to find out why. |
Posted By: rscass
Date Posted: 03 March 2015 at 11:18pm
|
You have a CSS style for all links on your page, lines 352-375 on your bikemaps.css stylesheet. a:link, a:visited, a:hover, a:active, etc. Remove all four and it fixes the dropdown checkout text. Hardly Romancart's fault, a link is a link. Of course, any links without one of your many other styles applied will grow in size, so you will need to come up with another class OR compromise on the text size. I'm not a web design expert, but there must be another workaround, possibly something as simple as changing the font to a sans-serif type? I'll post if I think of something which requires the least amount of rewriting. Richard. |
Posted By: Support
Date Posted: 04 March 2015 at 8:31am
|
Hi, We have found a way to force our css to ignore yours, so it should be ok now. Many Thanks Support |
Posted By: rich-erich
Date Posted: 04 March 2015 at 9:08am
|
Support Ok, thanks, I thought that would have been the easiest solution. It would appear that you had not thought about the effect of your clients css once you start creating features that are actually going to sit on a clients page (as opposed to the basket etc) and so hope this has been helpful exercise. It does also raise the question that I posed to start with about improvements to the feature and why you are adamant that you could not change it. For the future I would advocate that you give us more control by giving us access to the css so we can edit ourselves - this way we would have been able to easily fix this issue but it also gives scope that we can adapt the css so the feature looks like it is part of our website design. Rscass thanks for your time in looking at my css and finding the relevant code. I suspect we are not the only ones to have these lines of code; so think Support was correct to alter the code their side. I did have a look on the Romancart Mall to see how it effects other sites but after going through every site on the accessories page and not finding one site that uses the drop cart I gave up. Maybe now more sites will use it. |
Posted By: Support
Date Posted: 04 March 2015 at 9:13am
|
Hi, We are really pleased that you like it. Sorry that the mechanism cannot be customized but hopefully you will find it useful in its current form. rscass - many thanks for looking into this which saved us a lot of time! Many thanks Support |
Posted By: rich-erich
Date Posted: 04 March 2015 at 9:30am
|
Hi Support Sorry I don't like it very much - the checkout is of course better, but on the whole it is not a good design (as originally stated in my first post asking for improvements) |
Posted By: rscass
Date Posted: 04 March 2015 at 9:42am
|
Hi Rich-erich You're welcome. True, much better to be able to edit the drop-cart. I just like puzzles. Keeps me off the streets. Richard. |
Posted By: rich-erich
Date Posted: 04 March 2015 at 2:48pm
|
So I suppose it wasn't rocket science... To make the drop cart work we are told to link to this file which is stored on romancarts site <link rel="stylesheet" type="text/css" href="http://remote.romancart.com/dropcart/ROC_dcstyle.css"> So why not create our own css and so link to that instead of romancarts. So now I can change the design to this. %20 - http://www.bikemaps.co.uk/peak-district-mtb/test.htm I still cant change the triangle but can change the pointer to a hand when it hovers over it, change the colour background, checkout colour, table colour, borders etc |
Posted By: rich-erich
Date Posted: 11 March 2015 at 4:11pm
|
Hi Support As per last post I have found a way of modifying the drop down and am now looking at going live. I am a bit puzzled why you did no tell me I could do this but obviously if there was a reason please let me know. Thans Rich |