I've put together an extension for the PayPal Mini Cart for one of my sites. It's basic but works (more updates will be added later, Choose button image, transparency and hopefully more positioning options)
Simply extract all the files to your WB folder then add the minicart extension and the product buttons for each product, change the options (well explained within the extension) and away you go. I'll sort a PDF out when I have a bit more time.
You can also use your own PayPal buttons or even the WB buttons as long as you remove 'PayPal' from the target window on the General settings tab.
Last edited by kevinp on Fri Jan 08, 2010 4:51 pm, edited 5 times in total.
Nice extension.....Kevin, the problem in Firefox is there is no absolute positioning coordinates for the shopping cart itself.
Also when you fix this, could you add a text description so the extension will show up with a box because now the shopping cart is just blank in design mode.
Sorry Guys, haven't had chance to work on the cart yet. My trip took a bit longer and created a bit more work than I expected.
In the meantime, if you want to add your own buttons you can use the built in 'Add to cart' paypal buttons in WB. This supports options and payment completed pages, custom buttons etc and will work with the cart extension as long as you remove the 'PayPal' as shown below.
I've also added the extension files if anyone would like to customise the extension. You can get them here.
If you use the minicart.js file like the one on the Paypal Lab page (without variables), it works properly in Firefox...
I see why you did not place the shopping cart in a box because this script writes it own html properties so it's not neccesary to build a cart
with a box because it will always show in the upper right hand corner of your browser when it works properly.....
I'm using Win 7 and the Extension builder intermittently crashes so I've had enough of this for now....Kevin, you can take it from here.....
Hi Kevin, thank you for your work.
Your extension does not work with my paypal account in euros.
I have an error message from paypal.
I am French, your extension does she with us?
Thank you for your answer and Happy New Year 2010!
Best regards,
It should work in Euros if the button currency is set but I'll have a test and see if I can find anything.
I've contacted the original creator regarding the firefox issues and looking to see if it can be dynamically placed on the page rather than left or right as currently is the case.
kevinp, I have solved all problems with the cart extension. I have tested it in all browsers and it works like a charm. Thanks
PS - Using a Web Builder Paypal button with it's 2 variables should be more than adequate for most WB users.
Hi, very nice extension, but i cant get it to work. its ok when i preview, works fine but as soon as i publish all that happens irs it navigates to a paypal page.
i removed paypal from the 'target' box and i using the standard 'add to cart' paypal button.
any advice would be appreciated.
is missing from your page header. Going to the PayPal site is the natuaral behaviour and the minicart simply hijacks this command to keep the process on your site.
If it works in preview it sounds like it could be something on your external server preventing the javascript from running. Who is your host provider?
Ah. that would be the problem then. If for some reason javascript is not supported the cart is built to decrade back to the paypal cart page and not give a warning message.
I looked at your source code and could not see a problem.
Also regarding the positioning of the dropdown in firefox browsers , i have one page with it on the left and another page where it appears on the right , both pages have identical minicart settings i cant figure what is happening.
edited to add its does the same in google chrome as well
Yes the paypal generated buttons will work with the cart as long as they are not encrypted. To create a button follow the steps below:
• If you are logged in to paypal.com and are creating or already have a hosted/encrypted button and you'd like to use the Mini Cart you'll need to:
1. Create a button on PayPal's website and uncheck the Save button at PayPal checkbox under Step 2: Track inventory, profit & loss.
2. Once you've created the button click Remove code protection before copying your button's code.
This will provide you with button code you can include on your website and works with the Mini Cart.
• If you are not logged in when you create a button you shouldn't need to do any additional steps to be compatible with the Mini Cart.
Firefox and Chrome usually default the cart to the left side. This is an ongoing issue with these browsers that we are trying to solveby using a javascript object. Not sure what's causing the behaviour you describe. I'll look into it. It works on the right with IE and Opera.
Hi kevin been working on this myself and believe I have nailed the postioning down in FF and chrome with how I set it up in the mini.js I can select whether to have it dropdown from left or right in FF, chrome I can send it on to you if you had a email that I can send too....you can let me know...
That would be very helpful BaconFries. I've not had the time lately to put work into the cart. I kind of got it working using a Javascript object but there are still problems with firefox.
Last edited by kevinp on Tue Mar 23, 2010 10:33 pm, edited 1 time in total.
Ahh, very good. I haven't got to grips with the xsl files as yet. I'm working on a MYSQL extension (time permitting) which I will need them for. Demo here http://www.aivahealth.co.uk/test2/. Very basic at the moment but will include date field with calendar and blank page search (hopefully).
Thanks for your work BaconFries. The extension was more popular than I expected and I'm sure the forum members will appreciate your efforts greatly.
I like the looks of this will be a very handy extension.....anyway glad I could have helped a little with mini cart as said I started work on it myself just to see how far it could go with dropdowns and even checkboxs (not included in the one I sent) still working with checkboxs as it needs a seperate js script to control it...if I get anywhere with I will let you know..
Baconfries has sorted the position problem out for chrome and firefox and also added a few extras. He's put lot of work into the extension and I'll upload it later tonight when I get home.
kevinp wrote:Baconfries has sorted the position problem out for chrome and firefox and also added a few extras. He's put lot of work into the extension and I'll upload it later tonight when I get home.
Afternoon uniformality dont know if this can be done, we have only used the original script by the author to build the extension and this is how he uses the script to display the checkout page using the javascript maybe kev can answer you more on this as he was the original builder of the extension I only gave input to help fix the cart position on page and added a couple of extras to enhance the extension...
Hi uniformality. This behaviour happens because the 'cart' function has already happened on your web page so you effectively just visit the PayPal site to make the payment either by PayPal account (hence the log in) or by debit/credit card.
This is pretty much controlled by paypal so not 100% sure if what you're looking for is possible but I'll try out a few configerations and see what I can come up with.
Hello
Bravo for the important work done on this expansion!
Is it possible to create a quick tutorial for those like me who can not understand how to set this new expansion?
I tried all night to find the solution but I can not, my problem is with all options "Click to modify this property"
I am sure this plugin is installed because when I add a paypal button simple "add to cart", it works and the amount is displayed in the window of the paypal cart.
Thank you in advance for your help and sorry for my bad english language!
Bonjour Mandrake I will try to write a pdf tutorial later today or tonight to explain the new functions to the extension and hopefully this will explain it for you and other users.
Just ran a quick test to see what might be wrong, seems to show ok in all test browsers that I am using from IE6 to IE8 FF, Opera, Chrome, Safari do you have a url we can view just to see what may be wrong... you might wantto try this please enable the png fix see if the cures the missing arrow...
Adding tax or shipping just set the input value for both example below shows shipping cost please note this will not get displeyed in the cart but will show at checkout....
Spacing you own buttons take a look at the line of code below the highlighted part in red you can increase the size ie 110px, 120px to space your own button....
<input type="image" src="images/view.jpg" align="top" style="position:absolute;left:100px;top:90px" border="0" name="submit" alt="view cart" class="button" value="View your cart" vspace="4">
Changing postion of text this would require redoing the form code in the extension to allow positioning that you need at this time I cant work on the extension to do this maybe at a later date or maybe Kevin can take a look at this if he has the time...
Yes but you will have to modify the minicart.js manualy to do this open the minicart.js file in any html.text editor and look for line
var shippingNotice = createElement('span', 'does not include shipping & tax', please note I havent tested removing this so I cannot say if this will effect how the cart works.... in place of the line of text you wish to remove you could add in its place.... "tax & shipping added at checkout"
Then this is probably because you are still loading the original js file when pre-viewing the extension, the modification can only be done when you are ready to finally upload to your server where you will then see the changes made in the minicart js...you cannot make the changes then preview again in WB as this will always load the embeded minicart js that loads with the extension this will always over right any changes made manauly....
Sorry this is not possible with the extension... to do this it would need another drop-down option added to allow the user to be able to select the shipping costs that you have for the items for sale.....
but your
