[SOLVED] Pinterest not picking up product image

[kelbel3abh]

Hi, I have the latest Prestashop version and I have the social networking buttons on the product page.  When I click the pinterest one, however, it fails to pick up the product image.  It just shows a broken image type of thing.  Is there a fix for this, please? 

[Gomlers]

Are your shop activated, or under maintenance?

[vekia]

in addition, you're on remote server or on localhost?

[kelbel3abh]

Here it is: http://beddingforbunks.com/inseparable-sheets/9-inseparable-sheet-set-by-california-kids.html

[kelbel3abh]

It is localhost and no maintenance right now.  The pic works with the other social buttons.  Thanks for your help!

[vekia]

on localhost images will not work.

if you're on localhost pinterest can't connect to your website and retrieve correct picture.

[kelbel3abh]

Actually, I am not sure if it is on localhost.  It is just a mySQL setting.  How would I know? 

[kelbel3abh]

The site is live and being hosted online, so it should be able to pick up the image.  Is this what you mean?

[vekia]

Actually, I am not sure if it is on localhost.  It is just a mySQL setting.  How would I know? 

localhost website is located on your PC,

if website is "live" it must be stored on remote hosting account

 

 

 

 

The site is live and being hosted online, so it should be able to pick up the image.  Is this what you mean?

 

share url to your shop please

[kelbel3abh]

http://beddingforbunks.com/inseparable-sheets/9-inseparable-sheet-set-by-california-kids.html

[kelbel3abh]

Were you able to check the website?  It is weird because it is only Pinterest that isnt picking up the image.

[vekia]

hello

sorry i just missed your replies

 

in this case it's necessary to define media tag in url to pinterest page.

 

open file: http://beddingforbunks.com/modules/socialsharing/js/socialsharing.js

 

and change socialsharing_pinterest_click(message) function to:

function socialsharing_pinterest_click(message)
{
	window.open('http://pinterest.com/pin/create/button/?media='+$('#bigpic').attr('src')+'&url=' + location.href, 'sharerpinterest', 'toolbar=0,status=0,width=660,height=445');
}

result:

[kelbel3abh]

No problem.  And, which file do I alter?  Is this the product template, product.tpl?

[vekia]

No problem.  And, which file do I alter?  Is this the product template, product.tpl?

i updated my post, somehow link to file disappeard.

now it is there

[kelbel3abh]

Cool!  Thanks so much!

[vekia]

if modification will be ready let me know

i will test it and inspect for potential problems

[kelbel3abh]

Yes, it works great!  Thanks!!

[vekia]

yesss! finally

so we have got solution for this strange and annoying problem

im going to mark this topic as solved 

 

with regards,

Milos

[cucadasboiro]

Thank you very much. I had the same problem and thanks to you I have met.
I will post this link in another hint that I have open in the Spanish forum.

[kelbel3abh]

Hi,  the Pinterest button isn't working anymore.  Can you check it out?  http://beddingforbunks.com/home/34-100-cotton-inseparable-attached-sheets-300-thread-count.html

 

It was working, but I happened to check it again tonight.

[vekia]

Hi,  the Pinterest button isn't working anymore.  Can you check it out?  http://beddingforbunks.com/home/34-100-cotton-inseparable-attached-sheets-300-thread-count.html

 

It was working, but I happened to check it again tonight.

 

your file doesnt contain changes that i suggested to apply.

it looks like it's an original file.

[Whispar1]

Always helpful Vekia!!

 

Since we are on the topic, I am having a difficult time getting the pinit button to pull in the product description.

I'll make a new post to not confuse with this one since it is solved for this issue.

http://www.prestashop.com/forums/topic/327785-adding-product-short-description-to-pinterest-button/

[kelbel3abh]

Thats strange.  Well, thank you.  I will re-add it.

[kelbel3abh]

Oh, wait.. I must have upgraded the module and it reverted to the original.  Is there a way to avoid this?  Thanks!

[vekia]

Oh, wait.. I must have upgraded the module and it reverted to the original.  Is there a way to avoid this?  Thanks!

 

yes, store module files in your theme directory (your theme directory must use different name, for example instead of default-bootstrap use default-theme)

[foxygardner]

It works! Thank you so much Vekia!

[vekia]

It works! Thank you so much Vekia!

 

you're welcome glad to hear that i could help

other social networks modules works well for you?

[mpouliot34]

hello

sorry i just missed your replies

 

in this case it's necessary to define media tag in url to pinterest page.

 

open file: http://beddingforbunks.com/modules/socialsharing/js/socialsharing.js

 

and change socialsharing_pinterest_click(message) function to:

function socialsharing_pinterest_click(message)
{
	window.open('http://pinterest.com/pin/create/button/?media='+$('#bigpic').attr('src')+'&url=' + location.href, 'sharerpinterest', 'toolbar=0,status=0,width=660,height=445');
}

result:

Thank you oh so very much for this simple fix. Got me squared away quickly =-)

[jjryeste]

Hello. I downloaded the file and I socialsharing.js installed on local server, it works perfectly. but the combination is the url that comes by default, attachment, however in the online server, I have another configuration url not working, image attached file, thanks greetings.

 

local server works perfectly   

 

web server configuration url, not work    

[stevell]

The code below will also add the product title to the Pinterest description field.

function socialsharing_pinterest_click(message)
{
	window.open('http://pinterest.com/pin/create/button/?media='+$('#bigpic').attr('src')+'&description='+(encodeURIComponent(document.title))+'&url=' + location.href, 'sharerpinterest', 'toolbar=0,status=0,width=660,height=445');
}

[vekia]

perhaps it will be much better if there will be short description of product ?

[jjryeste]

hello not work  http://www.punto-de-cruz.es/

 

 

 

[vekia]

your image hasn't got id="bigpic" 

it looks like it was modified

[jjryeste]

i have change socialsharing.js for this line pinterest

 

 

function socialsharing_pinterest_click(message)
{
    window.open('http://pinterest.com/pin/create/button/?media=+$(#bigpic').attr('src')+'&url=' + location.href, 'sharerpinterest', 'toolbar=0,status=0,width=660,height=445');
}

 

 

and not found

 

 

[vekia]

yes, it's because:

 

your image hasn't got id="bigpic" 

it looks like it was modified

[jjryeste]

La verdad no entiendo lo que quieres decirme Vekia, como puedo solucionarlo, dices que  mi imagen no tiene id bigpic , acaso debo crear en imagenes una con id bigpic y con esas dimensiones, saludos

[roberta]

 

The code below will also add the product title to the Pinterest description field.

function socialsharing_pinterest_click(message)
{
	window.open('http://pinterest.com/pin/create/button/?media='+$('#bigpic').attr('src')+'&description='+(encodeURIComponent(document.title))+'&url=' + location.href, 'sharerpinterest', 'toolbar=0,status=0,width=660,height=445');
}

I'm also with this problem of the image does not appear. I made this change in the file but it didn't work.

 

My original file is very different than v. shows. Seeing as he is:

 

$(document).ready(function(){

$('button.social-sharing').on('click', function(){

type = $(this).attr('data-type');

if (type.length)

{

switch(type)

{

case 'twitter':

window.open('https://twitter.com/intent/tweet?text=' + sharing_name + ' ' + encodeURIComponent(sharing_url), 'sharertwt', 'toolbar=0,status=0,width=640,height=445');

break;

case 'facebook':

window.open('http://www.facebook.com/sharer.php?u=' + sharing_url, 'sharer', 'toolbar=0,status=0,width=660,height=445');

break;

case 'google-plus':

window.open('https://plus.google.com/share?url=' + sharing_url, 'sharer', 'toolbar=0,status=0,width=660,height=445');

break;

case 'pinterest':

window.open('http://www.pinterest.com/pin/create/button/?media=' + sharing_img + '&url=' + sharing_url, 'sharerpinterest', 'toolbar=0,status=0,width=660,height=445');

break;

                        }

}

});

});

 

When I made the change all buttons stopped working.

Any other suggestions?

 

Edited November 20, 2014 by roberta (see edit history)

[vekia]

 

I'm also with this problem of the image does not appear. I made this change in the file but it didn't work.

Captura de Tela 2014-11-20 às 12.01.37.png

 

My original file is very different than v. shows. Seeing as he is:

 

$(document).ready(function(){

$('button.social-sharing').on('click', function(){

type = $(this).attr('data-type');

if (type.length)

{

switch(type)

{

case 'twitter':

window.open('https://twitter.com/intent/tweet?text=' + sharing_name + ' ' + encodeURIComponent(sharing_url), 'sharertwt', 'toolbar=0,status=0,width=640,height=445');

break;

case 'facebook':

window.open('http://www.facebook.com/sharer.php?u=' + sharing_url, 'sharer', 'toolbar=0,status=0,width=660,height=445');

break;

case 'google-plus':

window.open('https://plus.google.com/share?url=' + sharing_url, 'sharer', 'toolbar=0,status=0,width=660,height=445');

break;

case 'pinterest':

window.open('http://www.pinterest.com/pin/create/button/?media=' + sharing_img + '&url=' + sharing_url, 'sharerpinterest', 'toolbar=0,status=0,width=660,height=445');

break;

                        }

}

});

});

 

When I made the change all buttons stopped working.

Any other suggestions?

 

 

 

 

please share url to shop

cases like that need a little deepest inspection

[roberta]

Ok.

http://www.robertadolls.com.br

the interesting thing is it works fine on localhost, but not on the server, and only the Pinterest button is not showing up the image, the other buttons work normally.

 

Ninguém para ajudar????

Edited November 22, 2014 by roberta (see edit history)

[stephane_92]

hi Vekia, 

my socialsharing don't work, can u help me, please !

http://artisanat-vietnam.com/

[galsvilla]

Hi Vekia,

 

 

 

Facebook is not picking up the product link. All social share buttons are working fine except Facebook, It displays the error "Your Link Could not be found".

I am using Social Sharing Ver 1.3.0 (PS.1.6.14).  store - www.galsvilla.com .  I tried all the suggestions after going through the forum but problem persists. Kindly suggest.

 

This is the socialsharing.js part :

 

case 'facebook':
                    window.open('http://www.facebook.com/sharer.php?u=' + sharing_url, 'sharer', 'toolbar=0,status=0,width=660,height=445');
                    break;

Edited June 19, 2015 by galsvilla (see edit history)

[Drelou9]

Looks like I can only reply, no new topic. housse sony xperia z4 chargeur secteur samsung galaxy note 4

Edited June 26, 2015 by Drelou9 (see edit history)

[galsvilla]

Topic is same

 

Only facebook button is not picking up the link. Kindly guide me to fix it

Edited June 19, 2015 by galsvilla (see edit history)

[flyclothing]

Thank you for the fix. It seems it fixed the image issue but now there is this....

 

Parameter 'image_url' (value http:undefined) is not a valid URL format.

 

[foxygardner]

Help! The fixes here fixed the pinterest problem back in 2014 but stupid me updated the module and now it doesn't work again. I tried both code fixes listed in this feed but neither worked even though they worked a few years ago for me. Any help would be greatly appreciated. My website is luckyskunks.com. Here's the code I have now:

$(document).ready(function(){

$('button.social-sharing').on('click', function(){

type = $(this).attr('data-type');

if (type.length)

{

switch(type)

{

case 'twitter':

window.open('https://twitter.com/intent/tweet?text=' + sharing_name + ' ' + encodeURIComponent(sharing_url), 'sharertwt', 'toolbar=0,status=0,width=640,height=445');

break;

case 'facebook':

window.open('http://www.facebook.com/sharer.php?u=' + sharing_url, 'sharer', 'toolbar=0,status=0,width=660,height=445');

break;

case 'google-plus':

window.open('https://plus.google.com/share?url=' + sharing_url, 'sharer', 'toolbar=0,status=0,width=660,height=445');

break;

case 'pinterest':

 

 

var img_url = sharing_img;

if (typeof $("#bigpic").attr('src') != 'undefined' && $("#bigpic").attr('src') != '') {

img_url = $("#bigpic").attr('src');

}

 

window.open('http://www.pinterest.com/pin/create/button/?media=' + img_url + '&url=' + sharing_url, 'sharerpinterest', 'toolbar=0,status=0,width=660,height=445');

 

 

 

break;