eStore/NextGEN – Buy Buttons Not Showing

[PsychoCenobite]

Hello,

I’ve been working on a new WordPress photography website that needs a secure gallery with multiple purchase options. I’ve been following your instructions but I can’t seem to get the “Buy Buttons” to display on the gallery page.

I used the Alternate Integration Method as each gallery will have 700 photos and I wanted to use your template=wp-eStore-auto option.

The template was set up with a few variations (Print, Canvas, Size) and added the ID to the NextGEN gallery template settings. I then added [nggallery id=1 template=wp-eStore-auto] to the page or post that the gallery is displayed on, changing the ID to the NextGEN gallery ID.

But when I tested this on the website the “Buy Buttons” didn’t show… there do seem to be some broken graphics that have appeared near the top and bottom left of the gallery.

Here is a link to the test website (excuse the URL name):

[http://www.ifraped.com/]

There are two secure NextGEN galleries that you can select – NextGEN Albums (then sub-menu) or NextGEN Blog. Then the access passwords are:

NextGEN Albums = nextgentest1

NextGEN Blog = nextgentest2

Any help would be appreciated.

Many thanks.

[PsychoCenobite]

Just a quick update. I’ve managed to get the “Buy Now”… well, actually the “Add to Cart” buttons to display.

The formatting doesn’t look excellent… I’m not sure if that is because I am doing something wrong or not?

Thanks.

[admin]

Please post a direct link to the page where you have the gallery so I can see if there is a bit of CSS issue which is causing the format issue.

[PsychoCenobite]

Here’s a link to my site… I’ve moved it to a less dodgy sounding URL:

[http://www.ph-design-test.co.uk/]

This is a direct link to the secure gallery that uses the eStore and NextGEN plugins, the password is “test1”:

[http://www.ph-design-test.co.uk/rebecca-jon-1.html]

If I could have some help with the following or some advice on where to look to make the changes, then that would be appreciated:

1. I’m not sure if this shows up on all browsers, but at the top left and bottom left of the gallery page, there are some broken graphics. They look a bit like the ends of some buttons. I’ve checked them with Firebug and Inspector and they just list as “code” and maybe something to do with bootstrap.css? When I turn the bootstrap settings off in Inspector it does remove them from the site.

2. Ideally I’d like to have the page layout in 4 columns. This is possible to set via NextGEN and a small adjustment to the thumbnail size, but when you view the page on an iPhone it messes up. If I leave the NextGEN column settings blank then it just fills the page depending on it’s width. So, for now I’ve stuck with that and it only fills 3 columns, but looks good on the iPhone (1 column). I think if I can adjust the container for each thumbnail, drop down options and Add to Cart, then that might allow for 4 columns and 1 column on the iPhone.

3. When you select the Slideshow view option, the page loads with the first image, stops and goes blank, then loads the first image again and starts the Slideshow. I’m not sure what the problem is here but I think it started after integrating with eStore. Also, I’d quite like to center the Slideshow on the page.

4. When you click a thumbnail to view it in a floating lightbox with navigation controls, the image opens for a split second on top of the gallery page, with the navigation controls, but then quickly opens in a new page. You then need to click the browser back button to return to the thumbnails.

5. There is some basic formatting that I’m not keen on, but I should be able to work this out myself – the Add to Cart button needs some space at the top, the fonts seems to be set to 90% rather than 100%, the font for the drop down headings (Print Size, Canvas Size, Colour or B&W) don’t match the rest of the site… this also happens in the shopping cart.

Any help or pointer would be appreciated.

Many thanks.

[PsychoCenobite]

Another update…

I’ve resolved the issues listed in 1 and 3… apart from centering the Slideshow.

Some extra code got copied into the Gallery Page when I entered:

[nggallery id=3 template=wp-eStore-auto-addtocart]

[wp_eStore_cart_fancy1_when_not_empty]

The one issue I would really like to resolve is No.4.

Thanks.

[admin]

Let me first give you a rundown of what eStore actually does when used with the NextGen gallery plugin so you know where some of these other issues are coming from.

The eStore plugin ONLY adds the “Purchase” buttons below each image item of the gallery. There is nothing else the eStore plugin does to the gallery. Everything else is controlled by the NextGen gallery plugin as usual (just like any normal gallery). So we can only troubleshoot any issue that is controlled by the eStore plugin. In this case those “Add to cart” buttons below the images.

With that said, the only point I can address is point number 5 as it is controlled by the eStore plugin. You can add margin or padding to any eStore button by simply customizing the CSS. For example: add the following CSS to the eStore’s custom CSS file which will add 20px margin above the purchase button:

.eStore_button{

margin-top:20px;

}

[PsychoCenobite]

Many thanks for the help!

The only problem I’m really having now is with the lightbox (No.4) but as you say, this is something to do with NextGEN and I will contact them.

Thanks.

[Author]

Posts