Twitter share twitter-share
Twitter 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 Twitter share button is controlled with the following CSS class selector:
.s7ecatalogsearchviewer .s7twittershare
CSS properties of the Twitter 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 Twitter share button that is 28 x 28 pixels, and displays a different image for each of the four different button states:
.s7ecatalogsearchviewer .s7twittershare {
width:28px;
height:28px;
}
.s7ecatalogsearchviewer .s7twittershare[state='up'] {
background-image:url(images/v2/TwitterShare_dark_up.png);
}
.s7ecatalogsearchviewer .s7twittershare[state='over'] {
background-image:url(images/v2/TwitterShare_dark_over.png);
}
.s7ecatalogsearchviewer .s7twittershare[state='down'] {
background-image:url(images/v2/TwitterShare_dark_down.png);
}
.s7ecatalogsearchviewer .s7twittershare[state='disabled'] {
background-image:url(images/v2/TwitterShare_dark_disabled.png);
}