WordPress eStore and NextGen Gallery Integration to Create Digital Photo Store

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

Found this resource interesting? Subscribe to Tips and Tricks HQ

email icon rss feed icon twitter icon google plus icon

Comments (109 responses)

  1. Cyrus says:

    Appreciating the dedication you put into your blog and detailed information you offer.
    It’s good to come across a blog every once in a while that isn’t the same
    outdated rehashed information. Fantastic read! I’ve saved your site and I’m including your RSS feeds to
    my Google account.

  2. Ivy says:

    Hi, If you use the following integration method then yes you can use a “Add to Cart” Button:

    http://www.tipsandtricks-hq.com/wordpress-estore-and-nextgen-gallery-integration-create-photo-shop-1200

  3. Kok Wee says:

    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 :)

  4. admin says:

    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)

  5. Dene says:

    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.

  6. admin says:

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

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

  8. Dmitry says:

    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?

  9. Ivy says:

    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: http://www.tipsandtricks-hq.com/ecommerce/wp-estore-shortcodes-and-functions-reference-460
    Cheers,
    Ivy

  10. ephotodepot says:

    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?

  11. admin says:

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

  12. Ovidiu says:

    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?

  13. Ivy says:

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

    Cheers,
    Ivy

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

  15. Max says:

    OK, thanks for the fast reply. Great support :)

  16. admin says:

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

  17. Max says:

    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

  18. Shawn says:

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

  19. Shawn says:

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

  20. admin says:

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

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

  21. Shawn says:

    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

  22. admin says:

    @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:

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

  23. Al says:

    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?

  24. Martin says:

    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

  25. Ivy says:

    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

  26. Mike McKoy says:

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

  27. Ivy says:

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

    Ivy

  28. Cindi says:

    [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]

  29. admin says:

    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.

  30. Alexia says:

    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

  31. admin says:

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

  32. Ian ridgwell says:

    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 ?

  33. Ian Ridgwell says:

    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.

  34. admin says:

    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.

  35. admin says:

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

  36. Ryan says:

    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

  37. Ian Ridgwell says:

    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) ?

  38. admin says:

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

  39. Rona Roberts says:

    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.

  40. admin says:

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

    http://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.

  41. Rona Roberts says:

    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.

  42. michal says:

    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

  43. michal says:

    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

  44. admin says:

    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.

    http://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)

  45. James says:

    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

  46. tuba says:

    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 .

  47. admin says:

    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.

  48. tuba says:

    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 20x30 |Print 30x45: 5 | Print 50x75: 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 !

  49. DuzImage says:

    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/

  50. admin says:

    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.

Speak Your Mind

*