I want to add a Pinterest “Pin It” button to the “AddThis” section of the product page along with Google +1, Tweet and Facebook Like.
Here is sample code from AddThis’s website to create a horizontal button in the same fashion as mentioned above.
<a class="addthis_button_pinterest" pi:pinit:url="http://www.apple.com" pi:pinit:media="http://images.apple.com/home/images/hero.jpg" pi:pinit:layout="horizontal"></a>
Can you provide the code for it’s integration into Shoppica in the same manner as the other AddThis buttons already provided?
Thanks,
Al
|
|
Hi Al,
Take a look at this topic:
http://support.themeburn.com/topic/when-click-facebook-like-button-it-doesnt-show-the-thumbnail-description-title-on-the-wall
We have shown there, how to insert the newest AddThis initialization code.
Best,
ThemeBurn team
|
|
After posting here I had done that and ran into a problem with the formatting. See attached photo. The “Pin It” button appears on the next line. I can’t seem to find the css settings to change.
Any ideas?
I am assuming that the css formatting is gotten from addthis.com through the script defined by:
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4e20919036eba525"></script>
The pubid being used is yours I am assuming. Should I be creating my own account then and customizing it from there?
Thanks,
Al
-
This reply was modified 4482 days ago by freakyal. Reason: adding more thoughts
|
|
Okay after some research and testing of css settings for addthis div id’s I found out that Pinterest hasn’t built a sharing API yet. As a result the addthis functionality is limited and they are treating it as a third party button until an API is released.
I guess I am stuck with the crappy formatting for now.
|
|
You will need to register in order to post topics and read replies in the ThemeBurn.com support forums!
|
|
Hi,
Here is the code I used in catalog/view/theme/shoppica/template/product/product.tpl for the pinterest button, in case anyone wants it. It provides your url and img/media information specific to the product.
<a class="addthis_button_pinterest" pi:pinit:url="<?php echo CURRENT_URL; ?>" pi:pinit:media="<?php echo $thumb; ?>" pi:pinit:layout="horizontal"></a>
Cheers,
Al
|
|
Thanx Al, saved me some work
|
|
Hi!
I’ve just used the code Al also used. But when trying to Pin a product with the button on my product page it won’t work.
The image won’t Pin and isn’t viewable on my Pinterest Board, i get attached screen. I’ve just copied the code Al also used right beneath the Add this Facebook button in my product.tpl.
Anyone an idea on how to fix this?
|
|
You will need to register in order to post topics and read replies in the ThemeBurn.com support forums!
|
|
Thanks!!
This worked for me!
|
|
@Rovara
Glad we’ve helped
|
|