This is a demo page showing how the WordPress Paypal shopping cart plugin is used in conjunction with the NextGen Gallery to create an online store for digital photos. Hit the ‘Add to Cart’ button to see how the shopping cart looks on the sidebar.
Glow1Price: $10.00
Ice2 Price: $20.00
Ice3 Price: $30.00
Ice4 Price: $5.00
Ice5 Price: $2.00
Peacock Price: $15.00
Space2Price: $18.00
arcane circles3 Price: $7.00
arcane circles2 Price: $8.00
arcane circles1 Price: $9.00
Eeyore Price: $4.00
music Price: $3.00
Please note that the secure delivery of the digital images after purchase is only available in the WordPress eStore Plugin and to know how to do this please watch the video tutorial on How to Turn Your WordPress Site into a Digital Photo Store and Sell Photos Securely.
How to Integrate NextGen Gallery and WordPress Paypal Shopping Cart Plugins
What Plugins do you need?
You will need the WordPress Paypal shopping cart v1.6 or above and NextGen Gallary Plugins. This guide assumes that you have used NextGen Gallery Plugin and know how to use it. If you don’t know how to use NextGen Gallery then I suggest you read the ‘Readme.txt’ file that comes with the NexGen Gallery plugin or try the NextGen Gallery forum
What NextGen Gallery Modification is needed?
We are going to use a custom template file for the NextGen gallery to display the shop:
- Download the WP eStore template file for NextGen Gallery from here.
- Unzip and upload the ‘gallery-wp-eStore.php’ file to the ‘view’ folder of the NextGen gallery plugin directory (nextgen-gallery/view/gallery-wp-eStore.php).
Displaying the Gallery
Use the following tag to display the Gallery in a post or page.
Given the gallery id is 1. Using the ‘template=wp-eStore’ option will show captions underneath each thumbnail image where you can display the ‘Add to Cart’ button and a little bit of other details/description of the image.
Adding the ‘Add to Cart’ Buttons below the Image Thumbnails
1. Go to ‘Manage Gallery’ from the NextGen Gallery settings menu and choose the Gallery that you want to turn into a shop. 2. Now in the ‘Alt & Title Text / Description’ field of every image enter the Image details (name, price etc) and the trigger text for the ‘Add to Cart’ button of that image. It should look similar to the following example:
“<br />” is a HTML code to insert a line break so the name, price and the button doesn’t come in one line.
3. Do the same for all the images in the gallery.
4. Save the Changes to the Gallery and Now your Gallery will look similar to the demo shown at the start of this Page.
What Happens When You Upgrade the NextGen Gallery Plugin?
After you upgrade the NextGen Gallery, you need to put the WP eStore Template file back in the ‘view’ directory (nextgen-gallery/view) and all done.
This is because, when upgrading, WordPress completely deletes the folder of the plugin that is being upgraded then downloads the new version. So the previously uploaded WP eStore template file gets deleted in the process.
Visit the WordPress Shopping Cart plugin page to download the plugin or to leave comment.
You can also visit the post on How to Turn Your WordPress Site into a Digital Photo Store and Sell Photos Securely for more information.
Recommended post
You can have a look at the post on how to create amazing photo stores if you want to create a nice photo gallery without using nextgen gallery plugin.
{ 177 comments… read them below or add one }
← Previous Comments
oops, i mean right, not below. Sorry.
this plugin is amazing for what i need, however i have a few problems maybe you could help out with!
1. my website is a photography company based in spain, and we upload thousands of photos weekly, we would like to sell our images but but it is going to be hard to input this code [wp_cart:img_0001:price:1:end] into every photo description (over 5000 per week). Is there a way to add the code automatically??
2.we also have to keep track of each photo with a special code i.e img_0001/img_0002/img_0003 ect… so when someone buys a copy of the file we know which photo to send, we cant have any mix ups! so is there a way to add the image title into the code [wp_cart:img_0001:price:1:end] without typeing the code in yourself??
if anyone could help me out or even edit the code for me i will be eternally greatful!
thanks
adrian
(http://www.fotothis.com)
I am using WP Simple Paypal Shopping cart v2.8.4 and NextGEN Gallery Version 1.7.4 with WP 3 and I am having a problem where the Alt description of the gallery items is no longer showing up and displaying the Add To Cart button.
Here is the site: http://www.fuzumi.com/?page_id=32
I have tried looking at all of the documentation that I could find and did upload the template to the view directory, but still not working. Any help you could provide would be greatly appreciated or if you are unable to help, maybe you can point me in the right direction.
hi there
Love the plug in – one wee question. I’ve set up my shop using NextGen gallery with 16 items (football programmes) on each page. I need to Tag these images to group them.
our shop sells football programmes – So If your looking For Manchester United – you should be able to click on a tag in the widget area to see only Manchester United programmes.
I have added in the details into the tag section in the NextGen settings – but they don’t correspond to the PAGE that I have all my programmes in.
I hope that makes sense.
some advise would be greatly appreciated.
Hello,
I want to add images to my products. Is this the right tutorial to add and image to my products in the WP Shopping Cart?
I’m just not sure – there is so much talk about photo galleries, but it seems I could use it for my product also.
thanks for any info.
Irene
I have installed WP Simple Paypal Shopping Cart along with NexGen Gallery. It looks real good until I try to use it. When the page is reloaded, the shopping cart adds 1 more item to the cart. I was told that this is probably in the script because it also happens on the test site. I was told this but I have not seen it. Anyway, I need help.
How can I remove the cart widget when empty? I dont want it to say or show anything if it is empty.
Harish Save wrote:
//Added this line
$price = ltrim(rtrim(strstr(stripslashes($_POST['product']), ‘$’), ‘)’), ‘$’);
****
Sorry, but my PHP skills are not that strong. I inserted the previous statement that Harish suggested but I am getting the following parse error. I can’t see what’s wrong with it. Please Help
Parse error: syntax error, unexpected T_VARIABLE in /home/jpwebdev/public_html/jpwebsitedev1.com/wp-content/plugins/wordpress-simple-paypal-shopping-cart/wp_shopping_cart.php on line 119
Found the problem…… the symbols are not quotes.
You will love me for this:
UPDATE `PREFIX_ngg_pictures` SET `description`= (
SELECT CONCAT(“Price 1 €
[wp_cart:", (SELECT `filename`), ":price:1:end]“)) where `galleryid` = 666
Hello,
The answer might be obvious but I can’t get it:
I have NextGen Gallery installed. And WP store. I am stuck connecting the two. Can one do these simply by installing plugins rather than uploading, unzipping, etc?
I did not download (the WP eStore template file for NextGen Gallery) since I had installed it as a plug in. But what does “upload the ‘gallery-wp-eStore.php’ file to the ‘view’ folder of the NextGen gallery plugin directory (nextgen-gallery/view/gallery-wp-eStore.php)” mean?
Where exactly is the ‘view’ folder for NextGen? Thank you.
Hi there,
Have followed instructions step-by-step. Started just today so have all the latest versions. The “add to cart” button is not active. Clicking on it brings no results. You can see the issue here: http://1yearago2day.com/merch
I need a Nextgen Photo Gallery Plugin, set up and integrated with a paypal shopping cart. Can somebody help?
I have followed the Instructions of http://www.wordpress-ecommerce.com/wordpress-shop-using-nextgen-gallery-and-wp-shopping-cart-7 to Integrate the Nextgen Plugin with paypal shopping cart.
I tried and came up with this http://boxingbit.com/397/.
Issues I am Facing in my implementation;
1. “Add to Cart” does not look like the button described in the Instructions Link Above.
2. On Click of “Add to Cart” button I don’t get to see the Shopping Cart Contents as shown in the Instructions Link Screenshot.
Looking forward for help.
Thank you.
I got the plugin to work great on the gallery page. I just want to know if you can tell me how to make the add to cart button show up in the fancybox? Right now it just shows the shortcode itself. If I can’t make the add to cart button show, do you know how I can hide the caption?
thank for introduce about it ^^
Hi, im just wondering is it possible, with the next gen gallery addition to offer different options for items, for example a tshirt in different colours?
Thanks
Hi there, I got nextgen and the shopping cart to play nicely together as long as I’m displaying the gallery with the eStore template. But, I run into a problem if I want to display it as a regular gallery. take a look:
http://bahgheera.com/mainsequence/the-gallery/?album=1&gallery=7
On examining the page source, it seems there is an issue with quotes maybe, I’m no html expert so I can’t see exactly what is happening here. Any help would be greatly appreciated.
This is because you need the eStore template to manage the add to cart. If you remove the paypal code you’ll be able to display it as you want.
Evening, Are you able to to intergrate this plugin with worldpay?
Thanks
I’m adding photos to my website to sell to event participants and I have the gallery with shopping cart working fine, however I can’t seem to find info on how the user would get the correct photo from me.
In simple cart you can only link them to the one URL, so am I just supposed to send them the digital file after I get the paypal receipt?
Just a little confused on this.
I may be working with a client who wants to sell jewelry. In addition to the basic price, is there a way to add a line for shipping and, if necessary, sales tax?
This set up is Great! Only 1 draw back…. It’s not playing well between browsers. I got it all set up and running and looking Great and then I hit my ‘IE’ rendering button on Chrome and well…you know, the formatting has gone to the dogs. I see it plays well for you in all the browsers. What did you do different? I’d throw you a link but I’m working on a local host.
D
Hello,
I just followed the steps to integrate these two plugins, and it is working fine.
I am trying to set up an album for each photoshoot, wedding, or event I photograph and allow anyone with the password to the page to be able to order prints of any of the pictures there. What I need to know is, is there a way to have a drop-down with different size options/prices to be added to the cart rather than a static “Price: $25″ and an “Add to Cart Button”?
Ok, well, I’ve figured out part of it…
Could someone help me get the correct Price to go to the cart?
This is what I have put into the Description:
5
Size:
8×10 ($8)
5×7 ($4)
[wp_cart:5:price:value:end]
where the ‘*****’ is the missing piece. I am not sure what I should be putting there to get the button to grab the Price of the selected size.
You can right click on the file and select “Extract All…” to extract the file . You can use a FTP client (e.g. Filezilla) to upload the file to the server.
← Previous Comments