creinold Pinterest Button Addon

[nolsowski]

I loaded your tpl_product_info_dispay.php on my site at the pinit button works perfect. So that file is good. Can I see your meta_tags.php file and your jscript_main.php file?

Something not loading right.

That's strange. I have attached them for you.

[creinold]

You have an error in your jscript file....

When you merged my pin it jscript file. You accidentally overwritten the ending tag for the jscript above it.

On line 58 (right above my pinit jscript code) add this:

//--></script>

that should fix it.

[creinold]

also I notice that you use addThis sharbar, I haven't tried this but this may work also. (You'll still need to use my meta_tags.php code.)

I am not positive if addThis supports the description code I have for pinit but worth a try. If you try it. Let me know how it works. Just wrote it up. =)

change your add this code to:

<div class="addthis_toolbox addthis_default_style ">
<a class="addthis_button_preferred_1"></a>
<a class="addthis_button_twitter"></a>
<a class="addthis_button_email"></a>
<a class="addthis_button_compact"></a>
<a class="addthis_counter addthis_bubble_style"></a>
<a class="addthis_button_pinterest"
pi:pinit:url="<?php echo zen_href_link(FILENAME_PRODUCT_INFO); ?>"
pi:pinit:media="<?php echo HTTP_SERVER . DIR_WS_CATALOG . $products_image_medium; ?>"
pi:pinit:description="<?php echo HTTP_SERVER . DIR_WS_CATALOG . $products_image_medium; ?>&description=<?php echo stripslashes($products_description); ?>"
pi:pinit:layout="horizontal">
</a> 
</div>

[nolsowski]

You have an error in your jscript file....

When you merged my pin it jscript file. You accidentally overwritten the ending tag for the jscript above it.

On line 58 (right above my pinit jscript code) add this:

//--></script>

that should fix it.

I am not seeing any changes on my site when I add that.

[nolsowski]

also I notice that you use addThis sharbar, I haven't tried this but this may work also. (You'll still need to use my meta_tags.php code.)

I am not positive if addThis supports the description code I have for pinit but worth a try. If you try it. Let me know how it works. Just wrote it up. =)

change your add this code to:

<div class="addthis_toolbox addthis_default_style ">
<a class="addthis_button_preferred_1"></a>
<a class="addthis_button_twitter"></a>
<a class="addthis_button_email"></a>
<a class="addthis_button_compact"></a>
<a class="addthis_counter addthis_bubble_style"></a>
<a class="addthis_button_pinterest"
pi:pinit:url="<?php echo zen_href_link(FILENAME_PRODUCT_INFO); ?>"
pi:pinit:media="<?php echo HTTP_SERVER . DIR_WS_CATALOG . $products_image_medium; ?>"
pi:pinit:description="<?php echo HTTP_SERVER . DIR_WS_CATALOG . $products_image_medium; ?>&description=<?php echo stripslashes($products_description); ?>"
pi:pinit:layout="horizontal">
</a> 
</div>

Just added this code to it and I got 2 pinit buttons up now

[creinold]

I uploaded your jscript file to my test site. I get the same issue. When I added the closing tag for the popup image above it. It works.

Here my code: try it again and make sure it gets uploaded correctly and to the right folder... /includes/modules/pages/product_info/

<?php
//
// +----------------------------------------------------------------------+
// |zen-cart Open Source E-commerce                                       |
// +----------------------------------------------------------------------+
// | Copyright (c) 2003 The zen-cart developers                           |
// |                                                                      |
// | http://www.zen-cart.com/index.php                                    |
// |                                                                      |
// | Portions Copyright (c) 2003 osCommerce                               |
// +----------------------------------------------------------------------+
// | This source file is subject to version 2.0 of the GPL license,       |
// | that is bundled with this package in the file LICENSE, and is        |
// | available through the world-wide-web at the following url:           |
// | http://www.zen-cart.com/license/2_0.txt.                             |
// | If you did not receive a copy of the zen-cart license and are unable |
// | to obtain it through the world-wide-web, please send a note to       |
// | [email protected] so we can mail you a copy immediately.          |
// +----------------------------------------------------------------------+
// $Id: jscript_main.php 5444 2006-12-29 06:45:56Z drbyte $
//
?>
<script language="javascript" type="text/javascript"><!--
function popupWindow(url) {
  window.open(url,'popupWindow','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=yes,copyhistory=no,width=100,height=100,screenX=150,screenY=150,top=150,left=150')
}
function popupWindowPrice(url) {
  window.open(url,'popupWindow','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=yes,copyhistory=no,width=600,height=400,screenX=150,screenY=150,top=150,left=150')
}
//--></script>


<script type="text/javascript">
(function() {
    window.PinIt = window.PinIt || { loaded:false };
    if (window.PinIt.loaded) return;
    window.PinIt.loaded = true;
    function async_load(){
        var s = document.createElement("script");
        s.type = "text/javascript";
        s.async = true;
        if (window.location.protocol == "https:")
            s.src = "https://assets.pinterest.com/js/pinit.js";
        else
            s.src = "http://assets.pinterest.com/js/pinit.js";
        var x = document.getElementsByTagName("script")[0];
        x.parentNode.insertBefore(s, x);
    }
    if (window.attachEvent)
        window.attachEvent("onload", async_load);
    else
        window.addEventListener("load", async_load, false);
})();
</script>

<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=123886947641592";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

[nolsowski]

I uploaded your jscript file to my test site. I get the same issue. When I added the closing tag for the popup image above it. It works.

Here my code: try it again and make sure it gets uploaded correctly and to the right folder... /includes/modules/pages/product_info/

<?php
//
// +----------------------------------------------------------------------+
// |zen-cart Open Source E-commerce                                       |
// +----------------------------------------------------------------------+
// | Copyright (c) 2003 The zen-cart developers                           |
// |                                                                      |
// | http://www.zen-cart.com/index.php                                    |
// |                                                                      |
// | Portions Copyright (c) 2003 osCommerce                               |
// +----------------------------------------------------------------------+
// | This source file is subject to version 2.0 of the GPL license,       |
// | that is bundled with this package in the file LICENSE, and is        |
// | available through the world-wide-web at the following url:           |
// | http://www.zen-cart.com/license/2_0.txt.                             |
// | If you did not receive a copy of the zen-cart license and are unable |
// | to obtain it through the world-wide-web, please send a note to       |
// | [email protected] so we can mail you a copy immediately.          |
// +----------------------------------------------------------------------+
// $Id: jscript_main.php 5444 2006-12-29 06:45:56Z drbyte $
//
?>
<script language="javascript" type="text/javascript"><!--
function popupWindow(url) {
  window.open(url,'popupWindow','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=yes,copyhistory=no,width=100,height=100,screenX=150,screenY=150,top=150,left=150')
}
function popupWindowPrice(url) {
  window.open(url,'popupWindow','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=yes,copyhistory=no,width=600,height=400,screenX=150,screenY=150,top=150,left=150')
}
//--></script>


<script type="text/javascript">
(function() {
    window.PinIt = window.PinIt || { loaded:false };
    if (window.PinIt.loaded) return;
    window.PinIt.loaded = true;
    function async_load(){
        var s = document.createElement("script");
        s.type = "text/javascript";
        s.async = true;
        if (window.location.protocol == "https:")
            s.src = "https://assets.pinterest.com/js/pinit.js";
        else
            s.src = "http://assets.pinterest.com/js/pinit.js";
        var x = document.getElementsByTagName("script")[0];
        x.parentNode.insertBefore(s, x);
    }
    if (window.attachEvent)
        window.attachEvent("onload", async_load);
    else
        window.addEventListener("load", async_load, false);
})();
</script>

<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=123886947641592";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

Wait a minute..lol Is this what it's supposed to look like? http://frompropertorocker.com/every-...ce-p-3981.html

[creinold]

Must be... When I fixed that one jscript closing tag in the jscript file. Everything work for me on my test site.


So some other mod is messing with your jscript files causing it.

To use that add this add on. You may have to remove the codes from jscript file.

also see an error in my addThis code

Change this line:

pi:pinit:description="<?php echo HTTP_SERVER . DIR_WS_CATALOG . $products_image_medium; ?>&description=<?php echo stripslashes($products_description); ?>"

to:

pi:pinit:description="<?php echo stripslashes($products_description); ?>"

[creinold]

If that don't work. Just remove that line. Like I said... I am not sure if addThis supports the description line...

[creinold]

I am starting to wonder if the HTML codes you use to style your description is messing it up. Because it is trying to render them in the pinit description. Hmmm...