Results 1 to 8 of 8
  1. #1
    Join Date
    Jan 2010
    Location
    Ireland
    Posts
    88
    Plugin Contributions
    0

    Default Problem with Zen Bookmarking Widget v1.0.0

    Hi there,

    I'm trying to use the above module on my site. There doesn't seem to be a support thread for it so apologies for asking for help here.

    For anyone who's not familiar with it this mod is meant to add all the social bookmarking icons to your product info page. It only requires creating a css file with the likes of:
    Code:
    .zen-bookmarking a.delicious {
    background-position:0px 0px;
    }
    .zen-bookmarking a.delicious:hover {
    background-position:0px -43px;
    }
    .zen-bookmarking a.digg {
    background-position:0px -86px;
    }
    .zen-bookmarking a.digg:hover {
    background-position:0px -129px;
    }
    and to edit your tpl_product_info_display.php with the likes of:
    Code:
    <!--DIGG-->
    <a class='digg' href="http://digg.com/submit?phase=2&url=<?php echo urlencode(zen_href_link(zen_get_info_page((int)$_GET['products_id']),'cPath='.(int)$_GET['cPath'].'&products_id=' . (int)$_GET['products_id'])); ?>" rel='external nofollow' target='_blank' title='Digg this :&gt;'/>
    in them.

    Thing is, I only want to have the icons for facebook, twitter and yahoo. So I tried re-ording the code in tpl_product_info_display.php to get the ones I want first (which worked fine) and then deleted the rest that I didn't want (which didn't work fine). That caused the icons to appear in the right order but instead of stopping at yahoo, other icons still sort of appear mixed in with and hiding behind the other elements of my page.

    So I deleted the css commands for those social icons but that made no difference at all.

    Where am I going wrong?!?

    cheers ;)

  2. #2
    Join Date
    Apr 2006
    Location
    London, UK
    Posts
    10,569
    Plugin Contributions
    25

    Default Re: Zen Bookmarking Widget v1.0.0

    I'm not familiar with that mod, but from what you've posted, I suspect that the problem is linked to how you have changed the code.

    The HTML that you posted opens a self-closing link, which is rather unusual. As the css is set up for use with a single image for all the icons, it's possible that the link isn't being closed properly, which lead to all the other icons being displayed, instead of being chopped off as they would be were it properly closed.

    On an unrelated point, not a good idea to put "(int)" before the cPath value as that's a string and will often not work properly if converted to an integer. There is a fallback within the Zen Cart code for if cPath can't be properly resolved, which is probably why the problem isn't obvious.
    Kuroi Web Design and Development | Twitter

    (Questions answered in the forum only - so that any forum member can benefit - not by personal message)

  3. #3
    Join Date
    Jan 2010
    Location
    Ireland
    Posts
    88
    Plugin Contributions
    0

    Default Re: Zen Bookmarking Widget v1.0.0

    Hi thanks for the reply. I've tried adding bits of the html code from the bottom (the bits I cut off) back in but that doesn't work. If I post the whole thing would you mind pointing out the bit that closes the link?

    Code:
    <!--Zen Bookmarking Widget (HTML)-->
    <div class='zen-bookmarking'>
    <br/><font color='#289728' face='ms sans serif' size='3'><b>Share it:</b></font>
    <br/><br/>
    <!-- Delicious -->
    <a class='delicious' href="http://del.icio.us/post?url=<?php echo urlencode(zen_href_link(zen_get_info_page((int)$_GET['products_id']),'cPath='.(int)$_GET['cPath'].'&products_id=' . (int)$_GET['products_id'])); ?>&title=<?php echo $products_name; ?>" rel='external nofollow' target='_blank' title='Add this to Delicious :&gt;'/>
    
    <!--DIGG-->
    <a class='digg' href="http://digg.com/submit?phase=2&url=<?php echo urlencode(zen_href_link(zen_get_info_page((int)$_GET['products_id']),'cPath='.(int)$_GET['cPath'].'&products_id=' . (int)$_GET['products_id'])); ?>" rel='external nofollow' target='_blank' title='Digg this :&gt;'/>
    
    <!--Stumble-->
    <a class='stumbleupon' href="http://www.stumbleupon.com/submit?url=<?php echo urlencode(zen_href_link(zen_get_info_page((int)$_GET['products_id']),'cPath='.(int)$_GET['cPath'].'&products_id=' . (int)$_GET['products_id'])); ?>&title=<?php echo $products_name; ?>" rel='external nofollow' target='_blank' title='Stumble this :&gt;'/>
    
    <!-- Technorati -->
    <a class='technorati' href="http://technorati.com/faves?add=<?php echo urlencode(zen_href_link(zen_get_info_page((int)$_GET['products_id']),'cPath='.(int)$_GET['cPath'].'&products_id=' . (int)$_GET['products_id'])); ?>" rel='external nofollow' target='_blank' title='Fave this :&gt;'/>
    
    <!-- Twitter -->
    <a class='twitter' href="http://twitthis.com/twit?url=<?php echo urlencode(zen_href_link(zen_get_info_page((int)$_GET['products_id']),'cPath='.(int)$_GET['cPath'].'&products_id=' . (int)$_GET['products_id'])); ?>&title=<?php echo $products_name; ?>" rel='external nofollow' target='_blank' title='Tweet this :&gt;'/>
    
    <!--Facebook-->
    <a class='facebook' href="http://www.facebook.com/sharer.php?u=<?php echo urlencode(zen_href_link(zen_get_info_page((int)$_GET['products_id']),'cPath='.(int)$_GET['cPath'].'&products_id=' . (int)$_GET['products_id'])); ?>&t=<?php echo $products_name; ?>" rel='external nofollow' target='_blank' title='Share this on Facebook :&gt;'/>
    
    <!-- Reddit -->
    <a class='reddit' href="http://reddit.com/submit?url=<?php echo urlencode(zen_href_link(zen_get_info_page((int)$_GET['products_id']),'cPath='.(int)$_GET['cPath'].'&products_id=' . (int)$_GET['products_id'])); ?>&title=<?php echo $products_name; ?>" rel='external nofollow' target='_blank' title='Bookmark and tag this :&gt;'/>
    
    <!-- Yahoo -->
    <a class='yahoo' href="http://myweb2.search.yahoo.com/myresults/bookmarklet?t=<?php echo urlencode(zen_href_link(zen_get_info_page((int)$_GET['products_id']),'cPath='.(int)$_GET['cPath'].'&products_id=' . (int)$_GET['products_id'])); ?>&title=<?php echo $products_name; ?>" rel='external nofollow' target='_blank' title='Bookmark this :&gt;'/>
    
    <a class='rss' expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;'/>
    </div>
    
    <!--eof Zen Bookmark Widget-->

  4. #4
    Join Date
    Jan 2010
    Location
    Ireland
    Posts
    88
    Plugin Contributions
    0

    Default Re: Zen Bookmarking Widget v1.0.0

    In case it's important here's the css:
    Code:
    /*--------Zen Bookmarking Widget (CSS)------*/
    .zen-bookmarking a {
    display:block;
    height:42px;
    width:48px;
    padding:0 9px;
    float:left;
    background:transparent url(http://4.bp.##########################/_7wsQzULWIwo/SxYPky2M4VI/AAAAAAAACcs/SGTHHyAiZ4A/s1600/flapper.jpg) no-repeat;
    }
    .zen-bookmarking a.delicious {
    background-position:0px 0px;
    }
    .zen-bookmarking a.delicious:hover {
    background-position:0px -43px;
    }
    .zen-bookmarking a.digg {
    background-position:0px -86px;
    }
    .zen-bookmarking a.digg:hover {
    background-position:0px -129px;
    }
    .zen-bookmarking a.stumbleupon {
    background-position:0px -344px;
    }
    .zen-bookmarking a.stumbleupon:hover {
    background-position:0px -387px;
    }
    .zen-bookmarking a.technorati {
    background-position:0px -430px;
    }
    .zen-bookmarking a.technorati:hover {
    background-position:0px -473px;
    }
    .zen-bookmarking a.twitter {
    background-position:0px -516px;
    }
    .zen-bookmarking a.twitter:hover {
    background-position:0px -559px;
    }
    .zen-bookmarking a.facebook {
    background-position:0px -172px;
    }
    .zen-bookmarking a.facebook:hover {
    background-position:0px -215px;
    }
    .zen-bookmarking a.reddit {
    background-position:0px -258px;
    }
    .zen-bookmarking a.reddit:hover {
    background-position:0px -301px;
    }
    .zen-bookmarking a.yahoo {
    background-position:0px -602px;
    }
    .zen-bookmarking a.yahoo:hover {
    background-position:0px -645px;
    }
    .zen-bookmarking a.rss {
    background-position:0px -774px;
    }
    .zen-bookmarking a.rss:hover {
    background-position:0px -817px;
    }

  5. #5
    Join Date
    Apr 2006
    Location
    London, UK
    Posts
    10,569
    Plugin Contributions
    25

    Default Re: Zen Bookmarking Widget v1.0.0

    The "/" immediately for the ">" closes it, and according to some W3 standards can be applied to all tags.

    However, you page needs to be being rendered according to a standard that supports this (defined in each pages doctype statement) and in a browser that works properly with it. If the browser doesn't recognise it or the doctype is wrong, the closure may not be recognised and the background image with the icons will overflow the space intended.

    However, that's a hypothesis only, and could be wrong, since without having seen your site and the problem in action, I have only the partial information provided above to go on/.
    Kuroi Web Design and Development | Twitter

    (Questions answered in the forum only - so that any forum member can benefit - not by personal message)

  6. #6
    Join Date
    Jan 2010
    Location
    Ireland
    Posts
    88
    Plugin Contributions
    0

    Default Re: Zen Bookmarking Widget v1.0.0

    Hi I really appreciate you helping with this. I'm sorry I can't give you a link to it coz it's on my localhost and I don't want to mess up my proper site until I've got it working locally.

    I know it's not the same as a url but here's a screen shot of what's happening.
    Attached Images Attached Images  

  7. #7
    Join Date
    Apr 2006
    Location
    London, UK
    Posts
    10,569
    Plugin Contributions
    25

    Default Re: Zen Bookmarking Widget v1.0.0

    I can see enough there to think that my hypothesis is unlikely to explain the problem. But not enough to know what's going on. Unfortunately this is one those problems that it difficult to be sorted without seeing it in a live environment to see precisely how the html and css are interacting, and whether anything else is getting in the way.
    Kuroi Web Design and Development | Twitter

    (Questions answered in the forum only - so that any forum member can benefit - not by personal message)

  8. #8
    Join Date
    Jan 2010
    Location
    Ireland
    Posts
    88
    Plugin Contributions
    0

    Default Re: Zen Bookmarking Widget v1.0.0

    I understand. Thanks for having a look anyway.

    If it makes a difference here's what I ended up with in my file, maybe theres something stupid I'm missing
    Code:
    <!--Zen Bookmarking Widget (HTML)-->
    <div class='zen-bookmarking'>
    <br/><font color='#289728' face='ms sans serif' size='3'><b>Share it:</b></font>
    <br/><br/>
    <!--Facebook-->
    <a class='facebook' href="http://www.facebook.com/sharer.php?u=<?php echo urlencode(zen_href_link(zen_get_info_page((int)$_GET['products_id']),'cPath='.(int)$_GET['cPath'].'&products_id=' . (int)$_GET['products_id'])); ?>&t=<?php echo $products_name; ?>" rel='external nofollow' target='_blank' title='Share this on Facebook :&gt;'/>
    <!-- Twitter -->
    <a class='twitter' href="http://twitthis.com/twit?url=<?php echo urlencode(zen_href_link(zen_get_info_page((int)$_GET['products_id']),'cPath='.(int)$_GET['cPath'].'&products_id=' . (int)$_GET['products_id'])); ?>&title=<?php echo $products_name; ?>" rel='external nofollow' target='_blank' title='Tweet this :&gt;'/>
    <!-- Yahoo -->
    <a class='yahoo' href="http://myweb2.search.yahoo.com/myresults/bookmarklet?t=<?php echo urlencode(zen_href_link(zen_get_info_page((int)$_GET['products_id']),'cPath='.(int)$_GET['cPath'].'&products_id=' . (int)$_GET['products_id'])); ?>&title=<?php echo $products_name; ?>" rel='external nofollow' target='_blank' title='Bookmark this :&gt;'/>
    <a class='rss' expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;'/>
    </div>
    <!--eof Zen Bookmark Widget-->
    and css
    Code:
    /*--------Zen Bookmarking Widget (CSS)------*/
    .zen-bookmarking a {
    display:block;
    height:42px;
    width:48px;
    padding:0 9px;
    float:left;
    background:transparent url(http://4.bp.##########################/_7wsQzULWIwo/SxYPky2M4VI/AAAAAAAACcs/SGTHHyAiZ4A/s1600/flapper.jpg) no-repeat;
    }
    .zen-bookmarking a.twitter {
    background-position:0px -516px;
    }
    .zen-bookmarking a.twitter:hover {
    background-position:0px -559px;
    }
    .zen-bookmarking a.facebook {
    background-position:0px -172px;
    }
    .zen-bookmarking a.facebook:hover {
    background-position:0px -215px;
    }
    .zen-bookmarking a.yahoo {
    background-position:0px -602px;
    }
    .zen-bookmarking a.yahoo:hover {
    background-position:0px -645px;
    }

 

 

Similar Threads

  1. v139h Need product_info.css for the Bookmarking Widget
    By clriding in forum All Other Contributions/Addons
    Replies: 7
    Last Post: 22 Jan 2013, 07:59 PM
  2. v150 Bookmarking Widget Social media buttons not showing
    By Rawhide in forum All Other Contributions/Addons
    Replies: 0
    Last Post: 22 Aug 2012, 06:59 PM
  3. Share & Bookmarking Widget V1.0.0
    By shortysclimbin in forum All Other Contributions/Addons
    Replies: 20
    Last Post: 16 Jan 2012, 12:16 PM
  4. Share & Bookmarking Widget 1.0 Issue?
    By willie bee in forum Addon Templates
    Replies: 3
    Last Post: 1 Jun 2011, 06:54 AM
  5. Zen-Card pages widget-ready like at Wordpress?
    By Wara in forum Templates, Stylesheets, Page Layout
    Replies: 7
    Last Post: 30 Oct 2008, 05:12 PM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
disjunctive-egg
Zen-Cart, Internet Selling Services, Klamath Falls, OR