Share & Bookmarking Widget V1.0.0

I am currently using this widget on my site, but I am having a few issues with the Flapper.jpg image. It is in white and my site is darker in color. I have since tried to copy it to my image directory and tried to edit the image, but I have not had any luck doing this.

Anyone try to do the same thing? I would like to reduce the link to the bologger site where this started.

http://www.mybloggertricks.com/2009/12/add-css-based-social-bookmarking-widget.html

This is for the mod http://www.zen-cart.com/index.php?main_page=product_contrib_info&products_id=1705 on ZC V1.3.9

*--------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;
}

Editing the http address does not work, I am sure it is something silly like my CSS formating

OK got it working but I needed to locate it in the same directory as the .css files under my template. How do I direct it to the base image folder instead? url("../image/flapper.jpg")

Edit: got it working now.. For anyone not wanting to support blogger links through your site do the above.

This contribution dont work.
there is no product_info.css for editing.

Mine is working now, but I am using tabbed products currently.

Hey guys, i got it to work except for the fact that its positioned before my add to cart button,i would liek to add it to the bottom. and the buttons are vertical instead of distributed horizontally across the page..

I am guessing its a change i have to make to the style sheet, but what change?

I do not see product_info.css.

I did get mine to work, only thing that is anoying me is the images. i want them to be in my own images folder and i do like them to be of my own choise. i don't like the look of these icons.
So i tried ( but have failed up ontil now, because of the little time i have) to make something myself.
I put the image in the root of my site and the path to that image.
Looks nice!
but still not how i would like it. Also i would love the upload link to youtube to get to work ;-)

still, i love this modulle!! thanks to the writer!!!!!:clap::clap:

produc_info.css is just the normal stylesheet in your custom folder! ( at least, there is where i did my work!)

wagnerguy:

Hey guys, i got it to work except for the fact that its positioned before my add to cart button,i would liek to add it to the bottom. and the buttons are vertical instead of distributed horizontally across the page..

I am guessing its a change i have to make to the style sheet, but what change?
No you don't do it in the stylesheet, you have to put it in the includes/templates/YOUR_TEMPLATE/templates/tpl_product_info_display.php. It say's it right in the folder, in the read me..
i realise that what easiness the writer could have made it a lot easier, but it does work when you do follow al the man's instructions.. realy!

how did you make it work? Mine only says "Share it" and no Bookmarkings.

Thank you for this flawless addition. Just one question...I'm not at all familiar with RSS feeds and I notice that's one of the options. However, there's no link attached to the image. What would I input to have it function the way it's supposed to?

Thank you!

Can someone tell me the files to edit?

There are 2 files to edit in the readme but there is no product_info.css - I have edited tpl_product_info_display.php.

They don't make it easy do they? Such a simple question also. Wish I could help you.

yeah, mine too....i see share it but no icons and in fact the code does not seem to have images at all?

I actually emailed the guy cause you are right, the css file he says you have to alter is not even a file, at least I could not find it where he said it was (or anywhere else for that matter).

Plus, when I just did the one file (the html one) all i got was "share it" and nothing else.

I agree, why can't folks make this easy, as if they are doing it themselves for the first time?:blush:

The readme is incorrect
rename the file " zen_bookmarking_widget_css.txt " to "product_info.css "

Now you got a product_info.css past it into : includes/templates/YOUR_TEMPLATE/css

GOOD LUCK

<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 on  Facebook :>'/>

This code dont work for facebook.

Perhaps Facebook changed the way this works in the past year?

Sorry for confusion mod is working for profile not page owners on facebook. :)

Hi, I can't set up this plugin to work.
I do:

1. I rename file
   zen_bookmarking_widget_css
   to
   product_info.css
   and paste in
   /includes/templates/classic/css

In shop I don't have picture and link.

Please, can somebody explain :blush: