WordPress eStore and NextGen Gallery Integration to Create Digital Photo Store

Subscribe to Tips and Tricks HQ to stay informed

108 Responses

• #1 by Ivy on August 20, 2010 - 11:55 pm

  

  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

• #2 by Kok Wee on August 20, 2010 - 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
  .-= Kok Wee´s last blog ..Protected- Samples =-.

• #3 by admin on April 23, 2010 - 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)

• #4 by Dene on April 22, 2010 - 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.
  .-= Dene´s last blog ..WiseStamp Email Signature- A Firefox Extension =-.

• #5 by admin on April 13, 2010 - 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.

• #6 by Richard@How To Videos on April 12, 2010 - 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!
  .-= Richard@How To Videos´s last blog ..How To Resize Pictures =-.

• #7 by Dmitry on April 12, 2010 - 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?

• #8 by Ivy on March 28, 2010 - 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: http://www.tipsandtricks-hq.com/ecommerce/wp-estore-shortcodes-and-functions-reference-460
  Cheers,
  Ivy

• #9 by ephotodepot on March 27, 2010 - 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?

• #10 by admin on March 21, 2010 - 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.

• #11 by Ovidiu on March 20, 2010 - 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?

• #12 by Ivy on March 16, 2010 - 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

• #13 by Ricky Stafford on March 16, 2010 - 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.
  .-= Ricky Stafford´s last blog ..Welcome! =-.

• #14 by Max on February 9, 2010 - 4:11 pm

  

  OK, thanks for the fast reply. Great support

• #15 by admin on February 9, 2010 - 2:46 am

  

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

• #16 by Max on February 8, 2010 - 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

• #17 by Shawn on January 20, 2010 - 10:07 am

  

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

• #18 by Shawn on January 20, 2010 - 9:57 am

  

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

• #19 by admin on January 20, 2010 - 2:32 am

  

  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

• #20 by Shawn on January 19, 2010 - 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

• #21 by admin on January 2, 2010 - 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:

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

• #22 by Al on January 2, 2010 - 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?

• #23 by Martin on December 29, 2009 - 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

• #24 by Ivy on December 15, 2009 - 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
  .-= Ivy´s last blog ..Debugging JavaScript Code with Firebug =-.

• #25 by Mike McKoy on December 14, 2009 - 6:29 pm

  

  Hey question … Why doesn’t the ajax screen go away when I click next?
  .-= Mike McKoy´s last blog ..Makeup & Hair by Keema & Terri =-.

• #26 by Ivy on December 13, 2009 - 6:50 pm

  

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

  Ivy
  .-= Ivy´s last blog ..Debugging JavaScript Code with Firebug =-.

• #27 by Cindi on December 13, 2009 - 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]
  .-= Cindi´s last blog ..Rug For Sale: The Day After =-.

• #28 by admin on December 11, 2009 - 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.

• #29 by Alexia on December 11, 2009 - 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

• #30 by admin on December 3, 2009 - 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.

• #31 by Ian ridgwell on December 3, 2009 - 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 ?
  .-= Ian ridgwell´s last blog ..Samali Sea Pirates – A new investment strategy ! =-.

• #32 by Ian Ridgwell on November 29, 2009 - 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.
  .-= Ian Ridgwell´s last blog ..Cooler Master Scout – Should I Buy ? =-.

• #33 by admin on November 28, 2009 - 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.

• #34 by admin on November 28, 2009 - 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.

• #35 by Ryan on November 28, 2009 - 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

• #36 by Ian Ridgwell on November 28, 2009 - 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) ?
  .-= Ian Ridgwell´s last blog ..Welcome to Eventpixwa.com.au =-.

• #37 by admin on November 2, 2009 - 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.

• #38 by Rona Roberts on November 1, 2009 - 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.
  .-= Rona Roberts´s last blog ..Human Spectrums: Complete Instructions =-.

• #39 by admin on October 31, 2009 - 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:

  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.

• #40 by Rona Roberts on October 30, 2009 - 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.
  .-= Rona Roberts´s last blog ..Human Spectrums: Complete Instructions =-.

• #41 by michal on October 20, 2009 - 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

• #42 by michal on October 20, 2009 - 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

• #43 by admin on September 11, 2009 - 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.

  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)

• #44 by James on September 11, 2009 - 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
  .-= James´s last blog ..Test Post =-.

• #45 by tuba on August 31, 2009 - 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 .