Facebook share facebook-share
Facebook share tool consists of a button added to the Social share panel. When the button is selected, the user is redirected to a sharing dialog box that is provided by a social service. The position of the button is fully managed by the Social share tool.
The appearance of the Facebook share button is controlled with the following CSS class selector:
.s7ecatalogsearchviewer .s7facebookshare
CSS properties of the Facebook share tool
state
attribute selector, which can be used to apply different skins to different button states.It is possible to remove the button from the Social share panel by setting display:none
CSS property on its CSS class.
The button tool tip can be localized. See Localization of user interface elements for more information.
Example - to set up a Facebook share button that is 28 x 28 pixels, and displays a different image for each of the four different button states:
.s7ecatalogsearchviewer .s7facebookshare {
width:28px;
height:28px;
}
.s7ecatalogsearchviewer .s7facebookshare[state='up'] {
background-image:url(images/v2/FacebookShare_dark_up.png);
}
.s7ecatalogsearchviewer .s7facebookshare[state='over'] {
background-image:url(images/v2/FacebookShare_dark_over.png);
}
.s7ecatalogsearchviewer .s7facebookshare[state='down'] {
background-image:url(images/v2/FacebookShare_dark_down.png);
}
.s7ecatalogsearchviewer .s7facebookshare[state='disabled'] {
background-image:url(images/v2/FacebookShare_dark_disabled.png);
}