Editing Product block social

[crpereyra1]

I am looking to edit the look of the block social that goes on every product.  I can't seem to find where or how to edit the look of the boxes.

 

Currently they are the default rectangles with grey backgrounds.  Anyone know what file I would edit this in?

 

thank you,

 

 

[crpereyra1]

I have found how to change the look.  However,  I need to be able to remove the text from the button.  Do you know what file this would be in?

 

Thanks,

[vekia]

about what module you're talking? (Exact name, tehre are several social blocks free modules)

what prestashop version? what theme?

[crpereyra1]

Its called Social Sharing by Prestashop v1.2.1  It displays buttons for facebook, pinterest, etc that will pin or create a post for the current product.  Prestashop version is 1.6.0.6 using the default theme it comes with.  The plugin is under modules->Advertisement and Marketing, it's the one with the blue logo that looks like a less than sign.

 

Thank you.

[vekia]

i understand, thank you

you can remove these texts with translations

go to localization > translations

from dropdown select installed modules translations

then search for "Pinterest", you will see rest of the social networks then

just instead of "Pinterest" use "" (none) the same for other things like facebook, twitter

[crpereyra1]

I tried this but it did not work for me. I ended up just removing the html inside of the div with jquery.  Thank you sir.

[pngb4]

How did you figure it out if you don't mind me asking. Am also using social sharing module and it's showing up grey with text written inside them. Thanks appreciate the help!

[crpereyra1]

There is probably a workaround but it's what I did to make it work.  Basically just replaced the text sinde of the btn-twitter class with the same html replacing the words inside.  Does that make sense?

        $(".btn-twitter").html($(".btn-twitter").html().replace("Tweet", ""));

        $(".btn-facebook").html($(".btn-facebook").html().replace("Share", ""));

        $(".btn-google-plus").html($(".btn-google-plus").html().replace("Google+", ""));

        $(".btn-pinterest").html($(".btn-pinterest").html().replace("Pinterest", ""));

[pngb4]

Yes I think I understand what your saying. Will try this when I get the chance. Appreciate your help and fast response. Let you knw how it turns out.

[vekia]

I tried this but it did not work for me. I ended up just removing the html inside of the div with jquery.  Thank you sir.

 

strange

do you selected theme in second dropdown on localization > translations tab?

[pngb4]

Did you make this modification on the socialsharing.tpl file?

[crpereyra1]

I did as you said but the text never changed.  I added the jquery in my global.js file.

[pngb4]

I did as you said but the text never changed.  I added the jquery in my global.js file.

Did you make a custom global.js file because I don't believe it exist.

 

Thanks

[crpereyra1]

Sorry, I'm not in front of my computer at the moment but I believe it was the product.js not global.