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.
Related posts:
{ 181 comments… read them below or add one }
← Previous Comments
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.
Hey Mike, I need to have drop down options as well, can you tell me if you worked out how to do this?
plugin is working beautifully but is there any facility with the plugin to manage the products or images from the admin section? or can we manage it? How?
Thanks In Advance…
And is it possible to show the thumbnails of selected products on the shoping cart ?
i m using the plugin configured with the Nextgen Photogallery.
hi, I followed the instructions for:
Adding the ‘Add to Cart’ Buttons below the Image Thumbnails,
but get an error just behind the ‘add to cart’ option – something like:
….”class=”shutterset set 8″
- could this be related to my theme that I am using on the site (my lovely theme 0.6 by mythem.es)
?
I get this too
forget the last comment – i havejust noticed that the letter ‘S’ in “wp-eStore” is capitilized!
maybe you should add this to the info above (seen as the instructions are in an image)?
thanks,
mark.
Can I get the cart section to show on its own page rather than sidebar? I am not using the sidebar section on this site and would like the this section to have its own page.
Hi,
This plugin is working fine on one of my client’s sites, so thanks for making it available.
The one issue my client has with it, is that she’d like the description of the product to appear in the modal pop-up (we’re using the default Thickbox that comes with NextGen Gallery).
All it says now is “Image 1 of 20 “.
At the moment the description can only be seen when someone clicks the Add to Cart button and the details appear in the side widget. So for example ‘Oil on canvas, 11×14 inches’ is the description of the painting for sale, and this is used by the WP shopping cart plugin — we need this description to appear on the modal pop-up version of the larger image when someone clicks on the thumbnail.
NextGen does show this information in the Thickbox modal window when WP shopping cart isn’t involved. So, how do I get it to display this description on the pop-up modal window when using WP shopping cart with NextGen and ThickBox.
You can see what I mean here http://www.euphrosenelabon.com/contemporary-spiritual-art/gallery-shop/
If you click on the thumb you don’t get the description, but if you click the Add to Cart button the description appears in the Cart info in the side bar. Now go to one of the galleries not using the shopping cart plugin, click the thumbnail and you’ll see the description in the Thickbox window.
Thanks for your help.
Cheers,
Tracy
Hi, I’d like to have the add to cart button in the image browser view so as my gallery page isn’t cluttered up with add to cart buttons. I have made it so that the gallery shows all the thumbnails, then instead of clicking the button and a modal window comes up, it shows up the image with next and previous buttons. That is where I want my add to cart button. However, the template code I add to the gallery page obviously wont work for here because it’s it’s own template. So I edited the nextgen imagebrowser.php page adding in , but this just repeats the image 10s of times with the shortcode just echoed out.
← Previous Comments