• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
  • Skip to footer

Tips and Tricks HQ

  • Home
  • Projects
    • All Projects
    • Simple WP Shopping Cart
    • WP Express Checkout Plugin
    • Accept Stripe Payments
    • WP Download Monitor
    • Easy HTTPS Redirection
    • WP Security and Firewall Plugin
    • WP eStore Plugin
    • WP Affiliate Platform
    • WP eMember
  • Products
    • All Products
    • Checkout
  • Support
    • Support Portal
    • Customer Only Forum
    • WP eStore Documentation
    • WP Affiliate Software Documentation
    • WP eMember Documentation
  • Contact

WordPress eStore and NextGen Gallery Integration to Create Digital Photo Store

Home » Blog » WordPress eStore and NextGen Gallery Integration to Create Digital Photo Store

Last updated: April 26, 2013





The content of this page has been moved to the following location:

  • WP eStore and NextGen Gallery Integration to Create Digital Photo Store (Method 1)
  • NextGen Gallery Alternate Integration Method (Method 2)

Related Posts

  • WordPress eStore Startup Guide for Dummies
  • List of the Best and Must Use WordPress Plugins
  • WordPress Plugin for Simple Google Adsense Insertion/Integration
  • WordPress eStore Plugin – Complete Solution to Sell Digital Products from Your WordPress Blog Securely

Blog Setup,  Wordpress Plugin NextGen Gallery,  WordPress eStore,  Wordpress Plugin

Reader Interactions

Comments (102 responses)

  1. Kok Wee says:
    August 20, 2010 at 11:19 am

    Hi, I am comtemplating to purchase this eStore plugin as the integration with the NexGen Gallery is one of the features which I would like to have for my website.

    I was trying on the example given on this page and may I ask if it is possible to allow viewers to continue to make their selection of images that they wish to purchase (by clicking on “Add to Cart”) and then checkout when they are done instead of jumping to the Checkout page when they have added an image to the Cart.

    Thanks 🙂

  2. admin says:
    April 23, 2010 at 4:16 am

    You can use the “Collect Customer Input” field of each product (see the “Additional Product Details” section) to collect the special personalization message.

    The other option is to tell your customer to enter their instructions at checkout time on PayPal (on the payment review page PayPal lets your buyer enter special instructions)

  3. Dene says:
    April 22, 2010 at 10:28 am

    I’m trying to use the WP estore plugin with Nextgen gallery. Each product in my store can be personalized.

    For the gallery page, I’d like to display thumbnails of each product with a single ‘Add to Cart’ button. More like the wp simple paypal shopping cart option.

    You can see the gallery page at: http://www.pitterplatters.com/the-ornament-collection/ball/ All are using the WP simple paypal shopping cart. Except the very last item ‘Angel Ball’ which is using the eStore cart.

    I’d like for the buyer to specify personalization options for all products when they get to the cart page (http://www.pitterplatters.com/check-out/). Right now, my checkout page does not allow for the user to change the personalization options.

    Do you know if this is possible?

    I realize this could get complicated if multiple quantities of the item are selected but our store is low volume so we’ll just have to work around it.

    If not the option above is not possible, then I’d like for the user to ‘Select’ the item from the gallery view then be taken to the individual product page for personalization. Is there a way to do this with the eStore options or do I have to create nextgen custom fields?

    Much thanks.

  4. admin says:
    April 13, 2010 at 3:43 am

    @Dmitry, The shortocde “[wp_eStore_remaining_copies_counter id=1]” is implemented using a proper wordpress shortcode API rathar than filtering so the other plugin needs to use the proper WordPress shortcode for shortcode nesting to work.

  5. Richard@How To Videos says:
    April 12, 2010 at 11:03 pm

    Ah, this is great software for those adding quality photo content and especially those who want to monetize it in a way. Thanks for the suggestions and especially the link to the documentation page!

  6. Dmitry says:
    April 12, 2010 at 3:06 am

    Hi,

    I’m wondering if it’s possible to use [wp_eStore_remaining_copies_counter id=1] shortcode in description field of nextgen the same way you use [wp_eStore:product_id:1:end]?

    Apparently it doesn’t work right out of the box, but perhaps with some modifications it could?

  7. Ivy says:
    March 28, 2010 at 7:21 pm

    Hi, There is no way to search within a gallery and then display the images from the search. You can however make categories in the eStore plugin. You can then display that category of products on a page by using a shortcode.

    All the shortcodes for eStore can be found here: https://www.tipsandtricks-hq.com/ecommerce/wp-estore-shortcodes-and-functions-reference-460
    Cheers,
    Ivy

  8. ephotodepot says:
    March 27, 2010 at 6:41 pm

    I’m testing WP e-Store integrated with the NextGEN gallery plugin. Is there a way to search within a gallery and then display (and offer for sale) only the images returned in the search results?

  9. admin says:
    March 21, 2010 at 3:54 am

    @Ovidiu, looks like in NextGen gallery settings you have specified it to open in a new window rather than on a modal window.

  10. Ovidiu says:
    March 20, 2010 at 6:33 am

    having a little problem following your guide here. Unlike in the demo above, when I click a picture’s thumb, it opens it in another page but I’d much rather have it work like your demo here and simply pop up the enlarged picture. Please compare the demo with my result: http://www.colorfultimes.com/archives/

    can you please help me out here?

  11. Ivy says:
    March 16, 2010 at 11:27 pm

    Hi Ricky, I will send you an email regarding this issue. Please let me know if you do not receive the email.

    Cheers,
    Ivy

  12. Ricky Stafford says:
    March 16, 2010 at 11:22 pm

    I’m having trouble. I did everything right. I have the latest WordPress and latest Nextgen. Its not working. Whenever I add the “Add to Cart” code in my photo description, it messes with the photo layout. I also can’t click Add to Cart.

    Please click my name for my site, then click on PHOTOGRAPHY.

  13. Max says:
    February 9, 2010 at 4:11 pm

    OK, thanks for the fast reply. Great support 🙂

  14. admin says:
    February 9, 2010 at 2:46 am

    @Max, yep, unfortunately that is the only way to configure the digital photos so the customers cannot steal it.

  15. Max says:
    February 8, 2010 at 4:06 pm

    Hi,
    I have 1000’s of images in a NextGen gallery and I need people to be able to preview at eg 400 by 300 then download a high res version. Does this mean I need to reupload the originals and manually enter a url for the high res for each image?
    Thanks for your help

  16. Shawn says:
    January 20, 2010 at 10:07 am

    Please disregard my post. I figured it out. Thanks for the link!

  17. Shawn says:
    January 20, 2010 at 9:57 am

    Thanks,
    I have read that several times but cannot figure out a working string to do what I need.

  18. admin says:
    January 20, 2010 at 2:32 am

    You might be able to achieve this by using variation control explained on the documentation site:

    https://www.tipsandtricks-hq.com/ecommerce/how-to-use-variation-control-in-wordpress-estore-plugin-345

  19. Shawn says:
    January 19, 2010 at 12:39 pm

    Am I reading correct that is is NOT possible to set multiple sizes/prices for one object?
    I sell photographs and multiple sizes of the same images.
    Please let me know.
    – Shawn

  20. admin says:
    January 2, 2010 at 9:04 am

    @Al, shortcodes doesn’t work when used on the widget section… simply use the corresponding PHP function of the shortcode to do the job. Please refer to the shortcodes and function reference documentation for this:

    https://www.tipsandtricks-hq.com/ecommerce/wp-estore-shortcodes-and-functions-reference-460

  21. Al says:
    January 2, 2010 at 6:02 am

    Please forgive me if I’ve missed the answer to this, but I’ve run into a slight issue when using the widget to create thumbnails in the sidebar. I seem to remember reading about this elsewhere on this site, I just don’t seem able to find it right now.

    The images are displayed just fine, but when I click on an image to get a larger version the wp_eStore trigger text shows up instead of the buy now button. Any ideas?

  22. Martin says:
    December 29, 2009 at 2:40 pm

    Hello!

    I try wp-eStore at the moment. I have noticed that to build a pic shop with next gen gallery is extremly circular, as a few others wrote before, too. Is there any way to make it simpler to add a ready gallery to the eStore system?

    Martin

  23. Ivy says:
    December 15, 2009 at 5:57 am

    Mike, Can you give me a little more information about what is happening? Perhaps you can post a link and explain what is happening?

    Ivy

  24. Mike McKoy says:
    December 14, 2009 at 6:29 pm

    Hey question … Why doesn’t the ajax screen go away when I click next?

  25. Ivy says:
    December 13, 2009 at 6:50 pm

    Hi Cindi, I am glad you figured it out. =)

    Ivy

  26. Cindi says:
    December 13, 2009 at 4:36 pm

    [wp_eStore_category_products:category_id:4:end]

    [nggallery id=2 template=wp-eStore]

    I’ve added the code above to a page. It shows a listing of the product (only have one so far) in category 4 and then the images as a gallery from gallery 2, but it does not show the add to cart buttons.

    This is what I have in the …..opps. Right now is when I realize I was carefully typing this code

    [wp_eStore:product_id:5:end]

    in the tags field instead of description. The tags box was bigger on my screen so it made sense at the time.

    PS. Alexia, the problem is the s. Make it a capital. Been there, did that. So [nggallery id=1 template=wp-estore] will become [nggallery id=1 template=wp-eStore]

  27. admin says:
    December 11, 2009 at 9:22 am

    When you see the “Rendering of template…. failed” it means you don’t have template file in the “view” directory of the NextGen gallery. Please make sure you have followed the instruction specified in the “What NextGen Gallery Modification is needed” section of this post.

  28. Alexia says:
    December 11, 2009 at 12:19 am

    Hi

    I am using WordPress eStore and am trying to integrate it with NextGen Gallery. I have downloaded and unzipped the template file and put it in the view folder of the NextGen plugin as directed above, I’ve made my gallery and when I add the shortcode [nggallery id=1 template=wp-estore] (canging the gallery id to configure of course) and press save and check the page all that shows is this error: Rendering of template gallery-wp-estore.php failed
    Any ideas why it’s not working or what I have done wrong?
    Thank you!
    Alexia

  29. admin says:
    December 3, 2009 at 5:58 am

    Hi Ian, I am not really an expert on NextGen Gallery so wouldn’t be able to tell you about this search option.

  30. Ian ridgwell says:
    December 3, 2009 at 1:15 am

    I just wanted to say it was a caching issue and no fault of the plug-in whatsoever. I’m still confused at why it was happening but needless to say after clearing cache a few times and sleeping on it the problem resolved itself. Thanks for the replies and I hope I didn’t cause you to much distress.

    I was going to ask one question though. I have finally come some code that will add search functionality to Nextgen, I was wondering if you had any idea’s on where this was at since ‘Im not really keen on manually editing the files required to get this working (Especially since many people are stating teh results vary.) or should i rather use the eStore search function ?

  31. Ian Ridgwell says:
    November 29, 2009 at 12:16 am

    yes, the file is definetely uploaded correctrly. I’ve cleared my cache and suddenly its all working again. Wich is odd becuase it was all working before hand. Could it be something to do with server performance Also @ Ryan, no fair you asked before I could.

  32. admin says:
    November 28, 2009 at 8:39 pm

    Hey Ryan, yeah it would be really cool to be able to display the “Add to Cart” button in the lightbox view. It does pose some hurdles since the NextGen gallery plugin is not mine but I am gonna try to see if there is something I can do to get this going.

  33. admin says:
    November 28, 2009 at 8:32 pm

    @Ian, have you uploaded the estore template file in the “view” directory of the NextGen gallery plugin? The amount of work kinda depends on what sort of setup you have.

  34. Ryan says:
    November 28, 2009 at 9:16 am

    Hey

    I use your plugin and I’m keen on paying you good money to get some payment options setup its that good. This intigration ability is sweet too but one thing I’d like to see upgraded is displaying add to cart button on the lightbox so customers can scroll through the images adding them without having to come out of lightbox.

    Maybe a hard one what with NextGen not being your own eh?!

    Thanks and I hope to contact you soon.
    Ryan

  35. Ian Ridgwell says:
    November 28, 2009 at 5:53 am

    Im having trouble getting cart button to work properly in Chrome. It appears to spit out the html after the first button and adds the rel link as well. Also doesn’t use the lightbox effect. But it works in FF, IE8, and Opera 10.
    Also I’m using the free module atm for demonstration purposes. How much work is involved with moving to the paid for plug-in ( It has the manual payment system and even if it didn’t is so well priced we’d be getting it anyway) ?

  36. admin says:
    November 2, 2009 at 3:39 am

    @Rona, you need to make the images alight center or you can put line breaks in your texts so they are not all in one line. Fore example, change the following:

    Human Spectrums: Complete Instructions Price: $1.00

    to

    Human Spectrums: <br />Complete Instructions <br />Price: $1.00<br />

    <br /> stands for line break in HTML. Let me know how you go when you try this.

  37. Rona Roberts says:
    November 1, 2009 at 5:50 pm

    So quick a response! Thank you. It does not quite fix the problem, sadly. (I put the code in the Thesis Theme’s custom css file and saved it, and the buttons may be slightly smaller, but the gallery is still not showing up properly.)
    Using a web tool to measure element sizes on the page made me wonder if the problem is that the auto width command is causing the buttons to adjust to the width of the original image, not the thumbnail size version of the image? But this would seem to affect anyone using NextGen – and I’m way over my head with the various possibilities for where the problem could lie. If you have any other suggestions I’ll be happy to try them.

  38. admin says:
    October 31, 2009 at 8:02 pm

    Hi Rona, I see you are using the Thesis theme… you just need to have a look at the following URL for a fix:

    https://www.tipsandtricks-hq.com/ecommerce/?p=218

    Please read the section that says “The button Images appear too Big or Small on the Thesis Theme”. Let me know how you go with that.

  39. Rona Roberts says:
    October 30, 2009 at 6:16 pm

    I think I will love this plugin if I can get it working completely. i am amazed at the level of help you provide. It is stunning.
    I set out today (fifth or sixth session so far) to try to set up a gallery-style page offering two products. (Once it’s working, I will add several more.) My page does not look like yours, though.
    At http://www.hotcakespress.com, a barebones site so far, I have figured out many of the wrinkles, but am stuck on having much larger Add to Cart buttons than yours in the Nextgen gallery version. I tried copying your button code URL to the wp eStore settings page and it takes the URL for “green2” but is still rendering the larger “green.” I’m not even really sure the button size is what is keeping my gallery from displaying in rows. I changed the thumbnail size in NextGen – for digital downloads of text I want a portrait-shaped thumbnail, but will undo this if it is the problem.
    I’m not entirely sure whether I should be editing wp eStore, NextGen, WordPress or Thesis, or something else.
    Version numbers: wp eStore 2.3
    NextGen 1.3.6
    WordPress 2.8.5
    Thesis 1.6
    Using a Mac, working within Firefox 3.5.4
    And by the way – unclear whether there is spam in this function? One of my pages attached itself here, and there is a red down arrow that offers links to four pages that are not mine. Curious about that, but much more curious about how to take the next step toward sales on my site. Thank you so very much for your persistence and good work.

  40. michal says:
    October 20, 2009 at 9:21 am

    Hi again, I thing I get it, I have to create product in Wp estore / add product page and then make it in ngg… in this way it seams it does work. Sorry.
    Michal

  41. michal says:
    October 20, 2009 at 8:06 am

    Hi, please I’ve got a question. I’m using wp 2.8, nggallery 1.3.6 and your Simple Shopping Cart Plugin 2.4 (which I’ve bought some time ago) and that template for ngggallery from your website. But when I try to add product in ngg I can’t find it in “Wp estore / manage product ” site… But “add to cart” button apears on the gallery preview. Have you any suggestion where could be a trouble?

    Thanks a lot
    Michal

  42. admin says:
    September 11, 2009 at 9:40 pm

    Hi James, getting you gallery to look like mine is really easy… you just need to follow the instructions on this page thoroughly.

    a) To show the shopping cart anywhere on a post or page you need to add the trigger text so the plugin knows where to display the shopping cart. Please refer to the following URL for a list of available shortcodes to display buttons and and shopping cart in various ways.

    https://www.tipsandtricks-hq.com/ecommerce/?p=460

    b) You probably haven’t uploaded the eStore template file to the NextGen Gallery Plugin directory (Please follow the instructions in the “What NextGen Gallery Modification is needed?” section)

  43. James says:
    September 11, 2009 at 1:08 pm

    How do I go about getting my gallery to look like yours? Mind does not have the shopping cart shown in the bottom of the page. Also the formatting is all over the place!

    Thanks in advance.

    JC

  44. tuba says:
    August 31, 2009 at 4:59 am

    Hi,
    thank you for the answer so fast.
    I’m going to follow very closely the evolution of your plugin hoping for a favorable outcome for this style of integration with the gallery.
    I also hope to see you find a good solution for this soon .

  45. admin says:
    August 31, 2009 at 4:04 am

    Hi Tuba, I understand your point… I am working on a better solution for the NextGen Gallery Integration. If it was just a matter of adding a buy now button for each image in the gallery then it would be really easy to do but it gets complicated when you want to protect the images (hence the need for two separate set of images) and NextGen doesn’t have any default image protection option so I am having a hard time coming up with a better solution at the moment. Hopefully I will find a good solution for this soon.

  46. tuba says:
    August 30, 2009 at 12:56 pm

    hello, I want to use your plugin with nextgen gallery, but the process of integrating the button code manually is tedious when adding hundreds of photos.
    would there be another method of inserting the button in the gallery with:

    – Auto-resume $filename in the alt / title text field
    – Auto-insertion of the code button in the Description field

    must again retrieve the $filename, but the prices and options are the same for all photos

    eg:
    [wp_cart: $filename: price: 10: var1 [Format | Print 20×30 |Print 30×45: 5 | Print 50×75: 10]: end]

    I know that you are not the author of the gallery plugin, but perhaps you have an idea to realize this, thus allowing me to use your plugin.

    I apologize if my English is rough, I’m french, and even if your plugin is not yet adapting well to my requirements, I think you made a great job !

  47. DuzImage says:
    August 15, 2009 at 5:27 am

    Sperb. Yes it worked just fine. I was afraid it would mess up all my galleries and being mine a photo website…well that would have been a problem. I backed up the original php files just in case. I assume when there are ngg plugin updates I will have to repeat this and add the gallery-wp-eStore file as well right??
    when ever you have time could you let me know regarding the question about transeferring a % directly onto another paypal account? I will try to figure it out by myself but I can’t promise anything 😉
    Sorry to have disturbed you when out of the office. Thanks for the help.

    by the way, here is the link to the page: http://www.duzimage.com/e-commerce/

  48. admin says:
    August 14, 2009 at 9:20 pm

    It’s because the NextGen gallery uses the default template to display the gallery images. We need to make it so it uses the WP eStore’s gallery template. I am not at home so I can’t really do the test myself but i am pretty sure if you overwrite the ‘gallery.php’ and gallery-caption.php’ files in the “view” directory of NextGen gallery with the ‘gallery-wp-eStore.php’ file it will work. So back up the original ‘gallery.php’ and ‘gallery-caption.php’ files in case you need them later. Then make two copies of the ‘gallery-wp-eStore.php’ file and rename them to ‘gallery.php’ and ‘gallery-caption.php’ and upload them in the view directory. Let me know if this works.

  49. DuzImage says:
    August 14, 2009 at 8:35 am

    Ok, just placed the album and at first it looks just like the link you gave me… if I click on it, the content appears but all messed up with the add to cart buttons over the image. If you click on the botton or image the image appears in a browser window instead of the usual nggallery style.

    Am I missin something? For each image I have set it up like you suggested:
    € 2.00
    [wp_eStore:product_id:4:end]

    if you need to see a screen shot I’ll e-mai it to you.
    Thanks

  50. DuzImage says:
    August 14, 2009 at 8:11 am

    YOU ROCK!!! Thank you…. as soon as the page is up I’ll e-mail a link to you so that you can see it.
    Thanks.

    Last question: I have a person working for me who submits images to us. Is there a way to have payments for his photos accredited 100% directly to his paypal account?
    I have set it up in the preferences panel to go to our studio account but was wondering if this can be bypassed on individual photos part of a group/album

    thanks again. Can’t wait to see your plugin updates.
    David

« Older Comments
Newer Comments »

Leave a Reply

Your email address will not be published. Required fields are marked *

Primary Sidebar

Featured & Popular Articles

Video Answers to Top WordPress QuestionsWordPress Optimization Tips and Tricks for Better Performance and SpeedEssential WordPress Security Tips - Is Your Blog Protected?WordPress Simple PayPal Shopping Cart PluginTop 15 Search Engine Optimization (SEO) Techniques I Forget to DoList of the Best and Must Use WordPress PluginsHow do I Start a Blog and Make Money Online?Good Domain Name Picking Tips for Your Blog SetupFind Out Which WordPress Web Hosting Company Offers the Cheapest and Reliable Web Hosting Solution

Featured WordPress Plugins

WP Express Checkout Plugin
wordpress estore plugin
wordpress membership plugin
wordpress affiliate plugin

Recent Posts

  • How to Use Browser Developer Tools to Inspect Elements and [...]
  • Accept Donations via PayPal from Your WordPress Site Easil [...]
  • Buy Now Button Graphics for eCommerce Websites [...]
  • Subscription Button Graphics for eCommerce Websites [...]
  • Adding PayPal Payment Buttons to Your WordPress Sidebar Ea [...]

Comment & Socialize

  • @Rob, We have just released ...
    - admin
  • I installed the plugin a co ...
    - Rob
  • @Sebastian, We've released ...
    - admin
  • I've used this plugin on a ...
    - Sebastian Djupsjöbacka
  • @John, this plugin doesn't ...
    - admin

Check out our solutions

View our WordPress plugin collection and start using them on your site.

Our WordPress Solutions

Footer

Company

  • About
  • Privacy Policy
  • Terms and Conditions
  • Affiliate Login

Top WordPress Plugins

  • Simple Shopping Cart
  • PayPal Donations
  • WP Express Checkout
  • WP eStore
  • WP eMember

Blogging Tips

  • How to Start a Blog
  • Selecting a Good Domain
  • Cheap WP Hosting
  • WP Video Tutorials
  • Simple SEO Tips

Search


Keep In Touch

Copyright © 2025 | Tips and Tricks HQ