Support » Plugins and Hacks » NextGEN Facebook - Social Meta Tags for Facebook, Google, Pinterest, Twitter & More » Need pinterest button to show on e-commerce pages
I have an online shop that’s part of my blog (shopp plugin). I’d like the pinterest button to show on my product pages, but the images I guess aren’t considered featured images, so the button doesn’t show (but the other sharing buttons do). Is there a way I can get the pin-it button to show?
I’m using version 3.5.1 of the nextgen plugin.
here’s a product:
Where is the image defined? Is there any relation to the current page (a custom field perhaps)? Or is the image defined somewhere else and added using shortcode?
I’m not sure how to answer that . . . the product pages are handled like a blog post, but you don’t specify a featured image. You upload the images to the page (there is a place to do that), then arrange them in the order you want. The first one is the image that shows large, with the other images underneath. I’ll give you a link to a product with multiple images.
I’ve got a pinit button on it now that’s hardcoded into the product page–the code is directly from pinterest. But I’ve used other sharing plugins w/pinterest without a problem. But they didn’t need a featured image.
The Pinterest submission process needs an image. The best way for NGFB to get an image of the right size is to use the featured image.
Can you add a featured image of your product on the page? It only needs to be defined in the post, you don’t have to display the featured image if you don’t want to.
The alternative is for NGFB to parse the content for an image, but that can lead to all kinds of issues with image selection (what size, which one, etc.).
NGFB provides a Pinterest button to share a single (featured) image per Post or Page. If you need to share other images (multiple or from the content), I think there are specific Pinterest plugins that may be more appropriate for you. I think they add a small PinIt button to each image on a page…
I was wrong when I said the product pages are like posts–they are pages. So I need to figure out what the code is that allows you to set a featured image on a page, and put that on my product.php.
Or, leave it like I’ve got it, but get the pinterest button (from pinterest) in line with the NGFB buttons. Is there a way to manually place them instead of selecting it in the settings?
Thanks for helping me with this.
You should have a “Featured Image” widget on the Page screen in the admin section. Click on “Set featured image” and select an image. You don’t have to display featured images – NGFB just needs to query WP’s database and see if a featured image was set, and if it was, it will use it. No need to edit your product.php template.
No, it’s not there–I can feature a product, but not an image. I’ve been looking through the shopp forum, and other people have asked about a featured image as well. But at this point if I were to figure out how to add it, I’d have to go through all several hundred products and set the featured image.
Back to the question of is there a way to manually place the code for the buttons?
You can easily add featured images by adding the following to your theme’s functions.php file:
add_theme_support( 'post-thumbnails' );
See http://codex.wordpress.org/Post_Thumbnails for more info.
Right–my theme isn’t the problem. I have featured images with my normal blog posts & pages, just not with my product pages–it’s something with the shopp plugin that doesn’t have that. So when I have some more time, I’ll see what I can figure out.
And for manually placing the code–I wasn’t wanting to do it with js or css–some of the sharing plugins allow you to not place the buttons via the settings, and then you can manually paste the code into your theme, or where ever you want them to show up. For example, on my product.php page, this is what I had pasted where I wanted my sharing buttons to be when I was using the addthis plugin:
<!-- AddThis Button BEGIN --> <div class="addthis_toolbox addthis_default_style"> <a class="addthis_button_facebook_like" fb:like:layout="button_count"></a> <a class="addthis_button_tweet"></a> <a class="addthis_button_google_plusone" g:plusone:size="medium"></a> <a class="addthis_button_pinterest_pinit" pi:pinit:layout="horizontal"></a> <a class="addthis_counter addthis_pill_style"></a> </div> <!-- AddThis Button END -->
So I was hoping I could do something similar with yours.
Yuck. That’s fuggly. :-p
Pinterest is about sharing images, so the while featured image dependency just makes sense. It’s also about sharing large images, so taking them from the content doesn’t work in most instances.
What I can do is add support for shortcodes in v3.6 (probably out in a few weeks). That would let you add something like this to your posts:
Yes, shortcodes would be awesome!
And I was thinking more about the featured image on my product pages–the images are handled separately from the rest of the ones used in wordpress. So if I were able to get the featured image working on them (I think there’s a shopp plugin for it), I’d have to upload a special image for each product. Not sure I want to do that, plus it would end up taking up a lot more space.
With CSS, I was able to get your buttons and the pinterest button (manually pasting the code from pinterest on my product page) on the same line. You’ll probably think it’s fuggly, but it’s better than not having a pinterest button on my product pages. Of course I’d prefer the way yours works where there aren’t other image options.
Download and install the latest DEV version from http://downloads.wordpress.org/plugin/nextgen-facebook.zip.
This new version supports an
[ngfb]shortcode that you can use like this:
[ngfb buttons="facebook, gplus, linkedin, pinterest, stumbleupon, tumblr, twitter"]
- The topic ‘Need pinterest button to show on e-commerce pages’ is closed to new replies.