PayPal Mini Cart

In this section you can share self-made extensions with other users of WYSIWYG Web Builder.
There is a dedicated section for commercial extensions.
User avatar
kevinp
 
 
Posts: 96
Joined: Wed Feb 21, 2007 2:51 pm
Location: Preston, Lancashire, England

PayPal Mini Cart

Post by kevinp »

Hi

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)

I've put it together from the original Mini Cart featured on PayPal labs and developed by Jeff Harrell, http://jeffreyharrell.com/2009/03/the-paypal-minicart/.

I can't see any restrictions on use and I've included Jeff's details within the extension so hopefully it is OK to share.

I have'nt produced a demo as it's linked to a live PayPal Account but you can test it in preview as seen below.

Image

Download at http://www.mediafire.com/file/yy0mgknlm3j/PayPal MiniCart.zip

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.
FredericP
 
 
Posts: 71
Joined: Thu Apr 26, 2007 5:10 pm
Location: Bourges (France)
Contact:

Post by FredericP »

Very nice ! I'll try soon !
Thx very much.
[url]http://Peyronnin.fr[/url]
gp2727
 
 
Posts: 130
Joined: Fri Nov 04, 2005 12:40 pm
Location: USA

Post by gp2727 »

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.
User avatar
Lenny
 
 
Posts: 8
Joined: Thu Nov 20, 2008 11:11 am
Location: Sweden

Post by Lenny »

Hello Kevin
Very nice extension. Look forward to see a updated version.
It could be a very useful extension.
Good luck.
:D
User avatar
kevinp
 
 
Posts: 96
Joined: Wed Feb 21, 2007 2:51 pm
Location: Preston, Lancashire, England

Post by kevinp »

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.

Image

I've also added the extension files if anyone would like to customise the extension. You can get them here.

http://www.mediafire.com/?sharekey=3da9 ... eaa7bc68bc
FredericP
 
 
Posts: 71
Joined: Thu Apr 26, 2007 5:10 pm
Location: Bourges (France)
Contact:

Post by FredericP »

Thx very much Kevin for giving the source files. It will be possible for me to translate it in french.
[url]http://Peyronnin.fr[/url]
gp2727
 
 
Posts: 130
Joined: Fri Nov 04, 2005 12:40 pm
Location: USA

Post by gp2727 »

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.....
User avatar
mandrake
 
 
Posts: 43
Joined: Wed Jun 24, 2009 8:37 pm

Post by mandrake »

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,

Mandrake.
User avatar
kevinp
 
 
Posts: 96
Joined: Wed Feb 21, 2007 2:51 pm
Location: Preston, Lancashire, England

Post by kevinp »

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.
gp2727
 
 
Posts: 130
Joined: Fri Nov 04, 2005 12:40 pm
Location: USA

Post by gp2727 »

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.
User avatar
kevinp
 
 
Posts: 96
Joined: Wed Feb 21, 2007 2:51 pm
Location: Preston, Lancashire, England

Post by kevinp »

I think I have a way around that one. I'll post a new button with different payment options when I get home tonight.

You can see an example here http://www.aivahealth.co.uk/antiageing/ ... llagen.php
User avatar
kevinp
 
 
Posts: 96
Joined: Wed Feb 21, 2007 2:51 pm
Location: Preston, Lancashire, England

Post by kevinp »

I'm in the process of making a button with variable parameters but really have been flat out at the moment so haven't got anything tangible yet.

I've uploaded the shipping button test I made and I've included the extension file so you should be able to twaek it to meet your needs.

Just add any extra options (currently 2) in the section HTML>Between body tag where it says

Code: Select all

<option value="$ship1cost$">$ship1desc$</option>
<option value="$ship2cost$">$ship2desc$</option>
You can copy and paste one of the lines and just change to $ship3costs$ etc (or whatever you want to call them.

You can get the files from
http://www.mediafire.com/file/oijgjvgwxjj/PayPal Mini Cart Button with shipping.zip

Remember to change/add the properties in the shipping catagory on the properties page to match the variables.

Not had chance to look at the Firefox issues so it would be handy if gp2727 could upload his solution.

Hope this helps
User avatar
zinc
 
 
Posts: 2146
Joined: Sat Dec 08, 2007 3:06 pm
Location: London, United Kingdom
Contact:

Post by zinc »

Kevin;

Simply wonderful!!!! I am sooooooo impressed. Thank you and well done.

Can I make a suggestion?

Can you add a property for custom image? This will make it easier to select a custom image rather than copy the file into the folder manually.
Running WYSIWYG Web Builder since 2007...
User avatar
kevinp
 
 
Posts: 96
Joined: Wed Feb 21, 2007 2:51 pm
Location: Preston, Lancashire, England

Post by kevinp »

I've uploaded a new button which gives two editable payment options and allows for a custom button image.

It was a bit of a rush job but I hope it helps for now.

You can get it at http://www.mediafire.com/file/2tn0y4otqwq/PayPal Mini Cart Button with Payment Option.zip

I've included the project files so if you want more than two simply add more lines where it says

Code: Select all

<option value="$option1$">$option1desc$</option>
<option value="$option2$">$option2desc$</option>
and update the options to match
uniformality

Post by uniformality »

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.

Regards

Paul
User avatar
kevinp
 
 
Posts: 96
Joined: Wed Feb 21, 2007 2:51 pm
Location: Preston, Lancashire, England

Post by kevinp »

Hi Paul

This usually means that the

Code: Select all

<script src="./minicart.js" type="text/javascript"></script></head>

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?

I've just published a test page at http://www.primal-design.co.uk/test/ at it works OK.

Try re inserting the minicart extension. What is your site url so I can have a look.
uniformality

Post by uniformality »

hi Kevin

thank you for your help. i will test your suggestion when i get home.

Thanks for your assistance

Paul

Edited to remove link
uniformality

Post by uniformality »

Hello Kevin

I found it worked if i upload the minicart.js script to the website :oops:

Thanks for the help anyway

Regards

Paul
User avatar
kevinp
 
 
Posts: 96
Joined: Wed Feb 21, 2007 2:51 pm
Location: Preston, Lancashire, England

Post by kevinp »

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.

Glad you got it working.
User avatar
kevinp
 
 
Posts: 96
Joined: Wed Feb 21, 2007 2:51 pm
Location: Preston, Lancashire, England

Post by kevinp »

I've just tried the cart out with a few different buttons and configurations and it seems to work ok.

Are you sure you filled in the item price details on the cart button extension? This is the only way I have been able toreplicate your problem.

Can you provide some more detail about which button you're using (either the WB button or the provided cart button)?

Can you provide a link to the page?

Cheers

kev P
User avatar
me.prosenjeet
 
 
Posts: 1265
Joined: Mon Dec 24, 2007 1:50 pm
Location: Lucknow
Contact:

Post by me.prosenjeet »

Nice indeed!
Check the new Chat GPT and Malware detect extensions at the link below

Check my WB Extensions
Check my WB Templates
---------------------------------------------------------
www.Lucknowwebs.com
uniformality

Post by uniformality »

Hello Kevin

is it possible to make the paypal generated buttons work with the minicart?
i could really use this type of button http://justtesting123.comuf.com/index.html

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

Regards Paul
User avatar
kevinp
 
 
Posts: 96
Joined: Wed Feb 21, 2007 2:51 pm
Location: Preston, Lancashire, England

Post by kevinp »

Hello Paul

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.

Hope this helps

Kev
User avatar
BaconFries
 
 
Posts: 5328
Joined: Thu Aug 16, 2007 7:32 pm

Post by BaconFries »

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...
User avatar
kevinp
 
 
Posts: 96
Joined: Wed Feb 21, 2007 2:51 pm
Location: Preston, Lancashire, England

Post by kevinp »

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.
User avatar
BaconFries
 
 
Posts: 5328
Joined: Thu Aug 16, 2007 7:32 pm

Post by BaconFries »

Hi Kevin ok I got your email you van take it down now before the spam bot grab it ... :D will send on files now for you to view...hope this helps...
User avatar
kevinp
 
 
Posts: 96
Joined: Wed Feb 21, 2007 2:51 pm
Location: Preston, Lancashire, England

Post by kevinp »

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.

Thanks again

Kev
User avatar
BaconFries
 
 
Posts: 5328
Joined: Thu Aug 16, 2007 7:32 pm

Post by BaconFries »

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..
User avatar
zinc
 
 
Posts: 2146
Joined: Sat Dec 08, 2007 3:06 pm
Location: London, United Kingdom
Contact:

Post by zinc »

Guys this is a MUST have extension as it has proved to be so useful, so please keep up the good work and thank you for your hard work.
Running WYSIWYG Web Builder since 2007...
User avatar
kevinp
 
 
Posts: 96
Joined: Wed Feb 21, 2007 2:51 pm
Location: Preston, Lancashire, England

Post by kevinp »

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.
User avatar
zinc
 
 
Posts: 2146
Joined: Sat Dec 08, 2007 3:06 pm
Location: London, United Kingdom
Contact:

Post by zinc »

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.
Cheers Kevin & BF :D
Running WYSIWYG Web Builder since 2007...
User avatar
BaconFries
 
 
Posts: 5328
Joined: Thu Aug 16, 2007 7:32 pm

Post by BaconFries »

Awwww shucks you going to have me Image but yourImageImage
User avatar
kevinp
 
 
Posts: 96
Joined: Wed Feb 21, 2007 2:51 pm
Location: Preston, Lancashire, England

Post by kevinp »

A little later than promised but here is the new version of the extension as build by BacoFries. Hope you find it usefull.

Download at
uniformality

Post by uniformality »

Thanks guys great work.

One small request, the checkout page includes a paypal 'sign-up' section is it possible to go to the 'normal' checkout page instead?

Regards

Paul
User avatar
BaconFries
 
 
Posts: 5328
Joined: Thu Aug 16, 2007 7:32 pm

Post by BaconFries »

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...
User avatar
kevinp
 
 
Posts: 96
Joined: Wed Feb 21, 2007 2:51 pm
Location: Preston, Lancashire, England

Post by kevinp »

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.
User avatar
mandrake
 
 
Posts: 43
Joined: Wed Jun 24, 2009 8:37 pm

Post by mandrake »

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? :oops:
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!

Best regards,
Mandrake.
User avatar
BaconFries
 
 
Posts: 5328
Joined: Thu Aug 16, 2007 7:32 pm

Post by BaconFries »

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.
User avatar
mandrake
 
 
Posts: 43
Joined: Wed Jun 24, 2009 8:37 pm

Post by mandrake »

Hello BaconFries,

Thank you very much! :P

Best regards,

Mandrake.
User avatar
BaconFries
 
 
Posts: 5328
Joined: Thu Aug 16, 2007 7:32 pm

Post by BaconFries »

Here is the pdf file that I hope will help users understand more of how the extension works and what the variables mean to the cart...ImageImage

http://www.mediafire.com/?zm4uqiumqme
User avatar
mandrake
 
 
Posts: 43
Joined: Wed Jun 24, 2009 8:37 pm

Post by mandrake »

Great!

Thank You Baconfries!

Best regards,

Mandrake.
User avatar
mandrake
 
 
Posts: 43
Joined: Wed Jun 24, 2009 8:37 pm

Post by mandrake »

Hi,

I download the pdf twice without any problem....


Best regards,

Mandrake.
User avatar
BaconFries
 
 
Posts: 5328
Joined: Thu Aug 16, 2007 7:32 pm

Post by BaconFries »

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...
User avatar
BaconFries
 
 
Posts: 5328
Joined: Thu Aug 16, 2007 7:32 pm

Post by BaconFries »

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....

Image

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...
User avatar
BaconFries
 
 
Posts: 5328
Joined: Thu Aug 16, 2007 7:32 pm

Post by BaconFries »

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"
User avatar
BaconFries
 
 
Posts: 5328
Joined: Thu Aug 16, 2007 7:32 pm

Post by BaconFries »

Please clear your temporary cache this is probably storing a copy of the old script, html etc...
User avatar
BaconFries
 
 
Posts: 5328
Joined: Thu Aug 16, 2007 7:32 pm

Post by BaconFries »

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....
User avatar
BaconFries
 
 
Posts: 5328
Joined: Thu Aug 16, 2007 7:32 pm

Post by BaconFries »

You sure it not there take a look in currency code (NZD) is in between NOK and PHP in the drop down of currencies...
Image
User avatar
BaconFries
 
 
Posts: 5328
Joined: Thu Aug 16, 2007 7:32 pm

Post by BaconFries »

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.....
User avatar
BaconFries
 
 
Posts: 5328
Joined: Thu Aug 16, 2007 7:32 pm

Re: PayPal Mini Cart

Post by BaconFries »

First link tested and working.... :D
Post Reply