✏️ Editing: sassy-social-share-options-page.php Writable

<?php
/**
 * Options page
 *
 * @since    1.0
 */
defined( 'ABSPATH' ) or die( "Cheating........Uh!!" );
?>

<div class="metabox-holder columns-2" id="post-body">
	<h1>Sassy Social Share</h1>
		<div class="menu_div" id="tabs">
			<form id="heateor_sss_form" action="options.php" method="post">
			<?php settings_fields( 'heateor_sss_options' ); ?>
			<h2 class="nav-tab-wrapper" style="height:34px">
			<ul>
				<li style="margin-left:9px"><a style="margin:0; height:23px" class="nav-tab" href="#tabs-1"><?php _e( 'Theme Selection', 'sassy-social-share' ) ?></a></li>
				<li style="margin-left:9px"><a style="margin:0; height:23px" class="nav-tab" href="#tabs-2"><?php _e( 'Standard Interface', 'sassy-social-share' ) ?></a></li>
				<li style="margin-left:9px"><a style="margin:0; height:23px" class="nav-tab" href="#tabs-3"><?php _e( 'Floating Interface', 'sassy-social-share' ) ?></a></li>
				<li style="margin-left:9px"><a style="margin:0; height:23px" class="nav-tab" href="#tabs-4"><?php _e( 'Miscellaneous', 'sassy-social-share' ) ?></a></li>
				<?php
				if ( $this->is_plugin_active( 'mycred/mycred.php' ) ) {
					?>
					<li style="margin-left:9px"><a style="margin:0; height:23px" class="nav-tab" href="#tabs-5"><?php _e( '3rd Party Integration', 'sassy-social-share' ) ?></a></li>
					<?php
				}
				?>
				<li style="margin-left:9px"><a style="margin:0; height:23px" class="nav-tab" href="#tabs-6"><?php _e( 'Shortcode & Widget', 'sassy-social-share' ) ?></a></li>
				<li style="margin-left:9px"><a style="margin:0; height:23px" class="nav-tab" href="#tabs-7"><?php _e( 'Troubleshooter', 'sassy-social-share' ) ?></a></li>
				<li style="margin-left:9px"><a style="margin:0; height:23px" class="nav-tab" href="#tabs-8"><?php _e( 'FAQ', 'sassy-social-share' ) ?></a></li>
			</ul>
			</h2>
			
			<div class="menu_containt_div" id="tabs-1">
				<div class="clear"></div>
				<div class="heateor_sss_left_column">
					<div class="stuffbox">
						<h3><label><?php _e( 'Standard interface theme', 'sassy-social-share' );?></label></h3>
						<div class="inside">
							<table width="100%" border="0" cellspacing="0" cellpadding="0" class="form-table editcomment menu_content_table">
								<tr>
									<th>
										<label style="float:left"><?php _e("Icon Preview", 'sassy-social-share' ); ?></label>
									</th>
									<td>
										<?php
										$horizontal_bg = isset( $options['horizontal_bg_color_default'] ) ? $options['horizontal_bg_color_default'] : '';
										$border_width = isset( $options['horizontal_border_width_default'] ) ? $options['horizontal_border_width_default'] : '';
										$border_color = isset( $options['horizontal_border_color_default'] ) ? $options['horizontal_border_color_default'] : '';
										$sharing_color = isset( $options['horizontal_font_color_default'] ) ? $options['horizontal_font_color_default'] : '';
										$sharing_color_hover = isset( $options['horizontal_font_color_hover'] ) ? $options['horizontal_font_color_hover'] : '';
										$sharing_shape = isset( $options['horizontal_sharing_shape'] ) ? $options['horizontal_sharing_shape'] : 'round'; 
										$sharing_size = isset( $options['horizontal_sharing_size'] ) ? $options['horizontal_sharing_size'] : 32;
										$sharing_width = isset( $options['horizontal_sharing_width'] ) ? $options['horizontal_sharing_width'] : 32;
										$sharing_height = isset( $options['horizontal_sharing_height'] ) ? $options['horizontal_sharing_height'] : 32;
										$sharing_border_radius = isset( $options['horizontal_border_radius'] ) ? $options['horizontal_border_radius'] : '';
										$horizontal_bg_hover = isset( $options['horizontal_bg_color_hover'] ) ? $options['horizontal_bg_color_hover'] : '';
										$counter_position = isset( $options['horizontal_counter_position'] ) ? $options['horizontal_counter_position'] : '';
										$line_height = $sharing_shape == 'rectangle' ? $sharing_height : $sharing_size;
										?>
										<style type="text/css">
										<?php
										if ( isset( $options['plain_instagram_bg'] ) ) {
											?>
											.heateorSssInstagramBackground{background-color:#527fa4}
											<?php
										} else {
											?>
											.heateorSssInstagramBackground{background:radial-gradient(circle at 30% 107%,#fdf497 0,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%)}
											<?php
										}
										?>
										#heateor_sss_preview{
											color:<?php echo $sharing_color ? esc_html( $sharing_color ) : "#fff" ?>;
										}
										#heateor_sss_preview:hover{
											color:<?php echo esc_html( $sharing_color_hover ) ?>;
										}
										</style>
										<div>
											<div class="heateorSssCounterPreviewTop" style="width:<?php echo esc_attr( 60 + ( isset( $options['horizontal_sharing_shape'] ) && $options['horizontal_sharing_shape'] == 'rectangle' ? $options['horizontal_sharing_width'] : $options['horizontal_sharing_size'] ) ) ?>px">44</div>
											<div class="heateorSssCounterPreviewLeft">44</div>
											<div id="heateor_sss_preview" style="cursor:pointer;float:left">
												<div class="heateorSssCounterPreviewInnertop">44</div>
												<div class="heateorSssCounterPreviewInnerleft">44</div>
												<div id="horizontal_svg" style="float:left;width:100%;height:100%;background:url( 'data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%22-4%20-4%2040%2040%22%3E%3Cpath%20d%3D%22M17.78%2027.5V17.008h3.522l.527-4.09h-4.05v-2.61c0-1.182.33-1.99%202.023-1.99h2.166V4.66c-.375-.05-1.66-.16-3.155-.16-3.123%200-5.26%201.905-5.26%205.405v3.016h-3.53v4.09h3.53V27.5h4.223z%22%20fill%3D%22<?php echo $sharing_color ? esc_attr( str_replace( '#', '%23', $sharing_color ) ) : "%23fff" ?>%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E' ) no-repeat center center; margin: auto"></div>
												<div class="heateorSssCounterPreviewInnerright">44</div>
												<div class="heateorSssCounterPreviewInnerbottom">44</div>
											</div>
											<div class="heateorSssCounterPreviewRight">44</div>
											<div class="heateorSssCounterPreviewBottom" style="width:<?php echo esc_attr( 60 + ( isset( $options['horizontal_sharing_shape'] ) && $options['horizontal_sharing_shape'] == 'rectangle' ? $options['horizontal_sharing_width'] : $options['horizontal_sharing_size'] ) ) ?>px">44</div>
										</div>
										
										<script type="text/javascript">
										var tempHorShape = '<?php echo esc_js( $sharing_shape ) ?>', tempHorSize = '<?php echo esc_js( $sharing_size ) ?>', tempHorHeight = '<?php echo esc_js( $sharing_height ) ?>', tempHorWidth = '<?php echo esc_js( $sharing_width ) ?>', heateorSssSharingBgHover = '<?php echo esc_js( $horizontal_bg_hover ) ?>', heateorSssSharingBg = '<?php echo esc_js( $horizontal_bg ) ? esc_js( $horizontal_bg ) : "#3C589A" ?>', heateorSssBorderWidth = '<?php echo esc_js( $border_width ) ?>', heateorSssBorderColor = '<?php echo esc_js( $border_color ) ?>', heateorSssSharingBorderRadius = '<?php echo $sharing_border_radius ? esc_js( $sharing_border_radius ) . "px" : "0px" ?>';

heateorSssSharingHorizontalPreview();

jQuery( '#heateor_sss_preview' ).hover(function() {
											if (heateorSssSharingBgHover && heateorSssSharingBgHover != '#3C589A' ) {
												jQuery(this).css( 'backgroundColor', heateorSssSharingBgHover);
											}
											if (jQuery( '#heateor_sss_font_color_hover' ).val().trim() ) {
												jQuery(this).find( '#horizontal_svg' ).attr( 'style', jQuery(this).find( '#horizontal_svg' ).attr( 'style' ).replace(heateorSssSharingTempColor.replace( '#', '%23' ), jQuery( '#heateor_sss_font_color_hover' ).val().trim().replace( '#', '%23' ) ));
												jQuery(this).css( 'color', jQuery( '#heateor_sss_font_color_hover' ).val().trim() );
											}
											jQuery(this).css( 'borderStyle', 'solid' );
											jQuery(this).css( 'borderWidth', heateorSssBorderWidthHover ? heateorSssBorderWidthHover : heateorSssBorderWidth ? heateorSssBorderWidth : '0' );
											jQuery(this).css( 'borderColor', heateorSssBorderColorHover ? heateorSssBorderColorHover : 'transparent' );
										},function() {
											jQuery(this).css( 'backgroundColor', heateorSssSharingBg);
											if (jQuery( '#heateor_sss_font_color_hover' ).val().trim() ) {
												jQuery(this).find( '#horizontal_svg' ).attr( 'style', jQuery(this).find( '#horizontal_svg' ).attr( 'style' ).replace(jQuery( '#heateor_sss_font_color_hover' ).val().trim().replace( '#', '%23' ), heateorSssSharingTempColor.replace( '#', '%23' ) ));
												jQuery(this).css( 'color', heateorSssSharingTempColor);
											}
											jQuery(this).css( 'borderStyle', 'solid' );
											jQuery(this).css( 'borderWidth', heateorSssBorderWidth ? heateorSssBorderWidth : heateorSssBorderWidthHover ? heateorSssBorderWidthHover : '0' );
											jQuery(this).css( 'borderColor', heateorSssBorderColor ? heateorSssBorderColor : 'transparent' );
										});
										</script>
									</td>
								</tr>

<tr>
									<th>
										<label><?php _e( "Shape", 'sassy-social-share' ); ?></label>
										<img id="heateor_sss_icon_shape_help" class="heateor_sss_help_bubble" src="<?php echo plugins_url( '../../images/info.png', __FILE__ ) ?>" />
									</th>
									<td>
										<input id="heateor_sss_icon_round" onclick="tempHorShape = 'round';heateorSssSharingHorizontalPreview()" name="heateor_sss[horizontal_sharing_shape]" type="radio" <?php echo $sharing_shape == 'round' ? 'checked = "checked"' : '';?> value="round" />
										<label style="margin-right:10px" for="heateor_sss_icon_round"><?php _e( "Round", 'sassy-social-share' ); ?></label>
										<input id="heateor_sss_icon_square" onclick="tempHorShape = 'square';heateorSssSharingHorizontalPreview()" name="heateor_sss[horizontal_sharing_shape]" type="radio" <?php echo $sharing_shape == 'square' ? 'checked = "checked"' : '';?> value="square" />
										<label style="margin-right:10px" for="heateor_sss_icon_square"><?php _e( "Square", 'sassy-social-share' ); ?></label>
										<input id="heateor_sss_icon_rectangle" onclick="tempHorShape = 'rectangle';heateorSssSharingHorizontalPreview()" name="heateor_sss[horizontal_sharing_shape]" type="radio" <?php echo $sharing_shape == 'rectangle' ? 'checked = "checked"' : '';?> value="rectangle" />
										<label for="heateor_sss_icon_rectangle"><?php _e( "Rectangle", 'sassy-social-share' ); ?></label>
									</td>
								</tr>

<tbody id="heateor_sss_size_options" <?php echo ! isset( $options['horizontal_sharing_shape'] ) || $options['horizontal_sharing_shape'] != 'rectangle' ? '' : 'style="display: none"'; ?>>	
									<tr>
										<th>
											<label><?php _e("Size (in pixels)", 'sassy-social-share' ); ?></label>
											<img id="heateor_sss_icon_size_help" class="heateor_sss_help_bubble" src="<?php echo plugins_url( '../../images/info.png', __FILE__ ) ?>" />
										</th>
										<td>
											<input style="width:50px" id="heateor_sss_icon_size" name="heateor_sss[horizontal_sharing_size]" type="text" value="<?php echo esc_attr( $sharing_size ); ?>" />
											<input id="heateor_sss_size_plus" type="button" value="+" onmouseup="tempHorSize = document.getElementById( 'heateor_sss_icon_size' ).value;heateorSssSharingHorizontalPreview()" />
											<input id="heateor_sss_size_minus" type="button" value="-" onmouseup="tempHorSize = document.getElementById( 'heateor_sss_icon_size' ).value;heateorSssSharingHorizontalPreview()" />
											<script type="text/javascript">
												heateorSssIncrement(document.getElementById( 'heateor_sss_size_plus' ), "add", document.getElementById( 'heateor_sss_icon_size' ), 300, 0.7);
												heateorSssIncrement(document.getElementById( 'heateor_sss_size_minus' ), "subtract", document.getElementById( 'heateor_sss_icon_size' ), 300, 0.7);
											</script>
										</td>
									</tr>

<tbody id="heateor_sss_rectangle_options" <?php echo isset( $options['horizontal_sharing_shape'] ) && $options['horizontal_sharing_shape'] == 'rectangle' ? '' : 'style="display: none"'; ?>>
									<tr>
										<th>
											<label><?php _e("Width (in pixels)", 'sassy-social-share' ); ?></label>
											<img id="heateor_sss_icon_width_help" class="heateor_sss_help_bubble" src="<?php echo plugins_url( '../../images/info.png', __FILE__ ) ?>" />
										</th>
										<td>
											<input style="width:50px" id="heateor_sss_icon_width" name="heateor_sss[horizontal_sharing_width]" type="text" value="<?php echo esc_attr( $sharing_width ); ?>" />
											<input id="heateor_sss_width_plus" type="button" value="+" onmouseup="tempHorWidth = document.getElementById( 'heateor_sss_icon_width' ).value;heateorSssSharingHorizontalPreview()" />
											<input id="heateor_sss_width_minus" type="button" value="-" onmouseup="tempHorWidth = document.getElementById( 'heateor_sss_icon_width' ).value;heateorSssSharingHorizontalPreview()" />
											<script type="text/javascript">
												heateorSssIncrement(document.getElementById( 'heateor_sss_width_plus' ), "add", document.getElementById( 'heateor_sss_icon_width' ), 300, 0.7);
												heateorSssIncrement(document.getElementById( 'heateor_sss_width_minus' ), "subtract", document.getElementById( 'heateor_sss_icon_width' ), 300, 0.7);
											</script>
										</td>
									</tr>

<tr>
										<th>
											<label><?php _e("Height (in pixels)", 'sassy-social-share' ); ?></label>
											<img id="heateor_sss_icon_height_help" class="heateor_sss_help_bubble" src="<?php echo plugins_url( '../../images/info.png', __FILE__ ) ?>" />
										</th>
										<td>
											<input style="width:50px" id="heateor_sss_icon_height" name="heateor_sss[horizontal_sharing_height]" type="text" value="<?php echo esc_attr( $sharing_height ); ?>" />
											<input id="heateor_sss_height_plus" type="button" value="+" onmouseup="tempHorHeight = document.getElementById( 'heateor_sss_icon_height' ).value;heateorSssSharingHorizontalPreview()" />
											<input id="heateor_sss_height_minus" type="button" value="-" onmouseup="tempHorHeight = document.getElementById( 'heateor_sss_icon_height' ).value;heateorSssSharingHorizontalPreview()" />
											<script type="text/javascript">
												heateorSssIncrement(document.getElementById( 'heateor_sss_height_plus' ), "add", document.getElementById( 'heateor_sss_icon_height' ), 300, 0.7);
												heateorSssIncrement(document.getElementById( 'heateor_sss_height_minus' ), "subtract", document.getElementById( 'heateor_sss_icon_height' ), 300, 0.7);
											</script>
										</td>
									</tr>

<tbody id="heateor_sss_border_radius_options" <?php echo isset( $options['horizontal_sharing_shape'] ) && $options['horizontal_sharing_shape'] != 'round' ? '' : 'style="display: none"'; ?>>
									<tr>
										<th>
											<label><?php _e("Border radius (in pixels)", 'sassy-social-share' ); ?></label>
											<img id="heateor_sss_icon_border_radius_help" class="heateor_sss_help_bubble" src="<?php echo plugins_url( '../../images/info.png', __FILE__ ) ?>" />
										</th>
										<td>
											<input style="width:50px" id="heateor_sss_icon_border_radius" name="heateor_sss[horizontal_border_radius]" type="text" value="<?php echo esc_attr( $sharing_border_radius ); ?>" onkeyup="heateorSssSharingBorderRadius = this.value.trim() ? this.value.trim() + 'px' : '0px';heateorSssUpdateSharingPreview(heateorSssSharingBorderRadius, 'borderRadius', '0px', 'heateor_sss_preview' )" />
										</td>
									</tr>

<tr>
									<th>
										<label><?php _e("Logo Color", 'sassy-social-share' ); ?></label>
										<img id="heateor_sss_font_color_help" class="heateor_sss_help_bubble" src="<?php echo plugins_url( '../../images/info.png', __FILE__ ) ?>" />
									</th>
									<td>
										<script type="text/javascript">var heateorSssSharingTempColor = '<?php echo $sharing_color ? esc_js( $sharing_color ) : "#fff" ?>';</script>
										<label for="heateor_sss_font_color_default"><?php _e("Default", 'sassy-social-share' ); ?></label><input style="width: 100px" id="heateor_sss_font_color_default" onkeyup="if (this.value.trim() == '' || this.value.trim().length >= 3) { jQuery( '#horizontal_svg' ).attr( 'style', jQuery( '#horizontal_svg' ).attr( 'style' ).replace(heateorSssSharingTempColor.replace( '#', '%23' ), this.value.trim() ? this.value.trim().replace( '#', '%23' ) : '%23fff' ) ); heateorSssSharingTempColor = this.value.trim() ? this.value.trim() : '#fff';jQuery( '#heateor_sss_preview' ).css( 'color', heateorSssSharingTempColor.replace( '%23','#' ) ) }" name="heateor_sss[horizontal_font_color_default]" type="text" value="<?php echo esc_attr( $sharing_color ); ?>" />
										<input name="heateor_sss[horizontal_sharing_replace_color]" type="hidden" value="<?php echo isset( $options['horizontal_sharing_replace_color'] ) ? esc_attr( $options['horizontal_sharing_replace_color'] ) : ''; ?>" />
										<label style="margin-left:10px" for="heateor_sss_font_color_hover"><?php _e("On Hover", 'sassy-social-share' ); ?></label><input style="width: 100px" id="heateor_sss_font_color_hover" name="heateor_sss[horizontal_font_color_hover]" type="text" onkeyup="" value="<?php echo esc_attr( $sharing_color_hover ); ?>" />
										<input name="heateor_sss[horizontal_sharing_replace_color_hover]" type="hidden" value="<?php echo isset( $options['horizontal_sharing_replace_color_hover'] ) ? esc_attr( $options['horizontal_sharing_replace_color_hover'] ) : ''; ?>" />
									</td>
								</tr>

<tr class="heateor_sss_help_content" id="heateor_sss_font_color_help_cont">
									<td colspan="2">
									<div>
									<?php _e( 'Specify the color or hex code (example #cc78e0) for the logo of icon. Leave empty for default. You can get the hex code of the required color from <a href="http://www.colorpicker.com/" target="_blank">this link</a>', 'sassy-social-share' ) ?>
									</div>
									</td>
								</tr>

<tr class="heateor_sss_help_content" id="heateor_sss_bg_color_help_cont">
									<td colspan="2">
									<div>
									<?php _e( 'Specify the color or hex code (example #cc78e0) for icon background. Save "transparent" for transparent background. Leave empty for default. You can get the hex code of the required color from <a href="http://www.colorpicker.com/" target="_blank">this link</a>', 'sassy-social-share' ) ?>
									</div>
									</td>
								</tr>

<tr>
									<th>
										<label><?php _e("Border", 'sassy-social-share' ); ?></label>
										<img id="heateor_sss_border_help" class="heateor_sss_help_bubble" src="<?php echo plugins_url( '../../images/info.png', __FILE__ ) ?>" />
									</th>
									<td>
										<script type="text/javascript">var heateorSssBorderWidthHover = '<?php echo $border_width_hover = isset( $options['horizontal_border_width_hover'] ) ? esc_js( $options['horizontal_border_width_hover'] ) : ''; ?>', heateorSssBorderColorHover = '<?php echo $border_color_hover = isset( $options['horizontal_border_color_hover'] ) ? esc_js( $options['horizontal_border_color_hover'] ) : ''; ?>'</script>
										<label><strong><?php _e( "Default", 'sassy-social-share' ); ?></strong></label>
										<br/>
										<label for="heateor_sss_border_width_default"><?php _e("Border Width", 'sassy-social-share' ); ?></label><input style="width: 100px" id="heateor_sss_border_width_default" onkeyup="heateorSssBorderWidth = this.value.trim(); jQuery( '#heateor_sss_preview' ).css( 'borderStyle', 'solid' ); heateorSssUpdateSharingPreview(this.value.trim(), 'borderWidth', '0px', 'heateor_sss_preview' ); heateorSssSharingHorizontalPreview();" name="heateor_sss[horizontal_border_width_default]" type="text" value="<?php echo esc_attr( $border_width ) ?>" />pixel(s)
										<label style="margin-left:10px" for="heateor_sss_border_color_default"><?php _e("Border Color", 'sassy-social-share' ); ?></label><input style="width: 100px" onkeyup="heateorSssBorderColor = this.value.trim(); jQuery( '#heateor_sss_preview' ).css( 'borderStyle', 'solid' ); heateorSssUpdateSharingPreview(this.value.trim(), 'borderColor', 'transparent', 'heateor_sss_preview' )" id="heateor_sss_border_color_default" name="heateor_sss[horizontal_border_color_default]" type="text" value="<?php echo esc_attr( $border_color ) ?>" />
										<br/><br/>
										<label><strong><?php _e("On Hover", 'sassy-social-share' ); ?></strong></label>
										<br/>
										<label for="heateor_sss_border_width_hover"><?php _e("Border Width", 'sassy-social-share' ); ?></label><input style="width: 100px" id="heateor_sss_border_width_hover" name="heateor_sss[horizontal_border_width_hover]" type="text" value="<?php echo esc_attr( $border_width_hover ) ?>" onkeyup="heateorSssBorderWidthHover = this.value.trim();" />pixel(s)
										<label style="margin-left:10px" for="heateor_sss_border_color_hover"><?php _e("Border Color", 'sassy-social-share' ); ?></label><input style="width: 100px" id="heateor_sss_border_color_hover" name="heateor_sss[horizontal_border_color_hover]" type="text" value="<?php echo esc_attr( $border_color_hover ) ?>" onkeyup="heateorSssBorderColorHover = this.value.trim();" />
									</td>
								</tr>

<tr>
									<th>
										<label><?php _e("Counter Position", 'sassy-social-share' ); ?><br/><?php _e("(applies, if counter enabled)", 'sassy-social-share' ); ?></label>
										<img id="heateor_sss_counter_help" class="heateor_sss_help_bubble" src="<?php echo plugins_url( '../../images/info.png', __FILE__ ) ?>" />
									</th>
									<td>
										<input id="heateor_sss_counter_left" name="heateor_sss[horizontal_counter_position]" onclick="heateorSssCounterPreview(this.value.trim() )" type="radio" <?php echo $counter_position == 'left' ? 'checked = "checked"' : '';?> value="left" />
										<label style="margin-right:10px" for="heateor_sss_counter_left"><?php _e("Left", 'sassy-social-share' ); ?></label>
										<input id="heateor_sss_counter_top" name="heateor_sss[horizontal_counter_position]" onclick="heateorSssCounterPreview(this.value.trim() )" type="radio" <?php echo $counter_position == 'top' ? 'checked = "checked"' : '';?> value="top" />
										<label style="margin-right:10px" for="heateor_sss_counter_top"><?php _e("Top", 'sassy-social-share' ); ?></label>
										<input id="heateor_sss_counter_right" name="heateor_sss[horizontal_counter_position]" onclick="heateorSssCounterPreview(this.value.trim() )" type="radio" <?php echo $counter_position == 'right' ? 'checked = "checked"' : '';?> value="right" />
										<label style="margin-right:10px" for="heateor_sss_counter_right"><?php _e("Right", 'sassy-social-share' ); ?></label>
										<input id="heateor_sss_counter_bottom" name="heateor_sss[horizontal_counter_position]" onclick="heateorSssCounterPreview(this.value.trim() )" type="radio" <?php echo $counter_position == 'bottom' ? 'checked = "checked"' : '';?> value="bottom" />
										<label style="margin-right:10px" for="heateor_sss_counter_bottom"><?php _e("Bottom", 'sassy-social-share' ); ?></label><br/>
										<input id="heateor_sss_counter_inner_left" name="heateor_sss[horizontal_counter_position]" onclick="heateorSssCounterPreview(this.value.trim() )" type="radio" <?php echo $counter_position == 'inner_left' ? 'checked = "checked"' : '';?> value="inner_left" />
										<label style="margin-right:10px" for="heateor_sss_counter_inner_left"><?php _e("Inner Left", 'sassy-social-share' ); ?></label>
										<input id="heateor_sss_counter_inner_top" name="heateor_sss[horizontal_counter_position]" onclick="heateorSssCounterPreview(this.value.trim() )" type="radio" <?php echo $counter_position == 'inner_top' ? 'checked = "checked"' : '';?> value="inner_top" />
										<label style="margin-right:10px" for="heateor_sss_counter_inner_top"><?php _e("Inner Top", 'sassy-social-share' ); ?></label>
										<input id="heateor_sss_counter_inner_right" name="heateor_sss[horizontal_counter_position]" onclick="heateorSssCounterPreview(this.value.trim() )" type="radio" <?php echo $counter_position == 'inner_right' ? 'checked = "checked"' : '';?> value="inner_right" />
										<label style="margin-right:10px" for="heateor_sss_counter_inner_right"><?php _e("Inner Right", 'sassy-social-share' ); ?></label>
										<input id="heateor_sss_counter_inner_bottom" name="heateor_sss[horizontal_counter_position]" onclick="heateorSssCounterPreview(this.value.trim() )" type="radio" <?php echo $counter_position == 'inner_bottom' ? 'checked = "checked"' : '';?> value="inner_bottom" />
										<label style="margin-right:10px" for="heateor_sss_counter_inner_bottom"><?php _e("Inner Bottom", 'sassy-social-share' ); ?></label>
									</td>
								</tr>
								<script type="text/javascript">heateorSssCounterPreview( '<?php echo esc_js( $counter_position ) ?>' );</script>

<tr class="heateor_sss_help_content" id="heateor_sss_responsive_icons_help_cont">
									<td colspan="2">
									<div>
									<?php _e( 'Icons will adjust their width according to the width of device screen', 'sassy-social-share' ) ?>
									</div>
									</td>
								</tr>
							</table>
						</div>	
					</div>
				
					<div class="stuffbox">
						<h3><label><?php _e( 'Floating interface theme', 'sassy-social-share' );?></label></h3>
						<div class="inside">
							<table width="100%" border="0" cellspacing="0" cellpadding="0" class="form-table editcomment menu_content_table">
								<tr>
									<th>
										<label style="float:left"><?php _e("Icon Preview", 'sassy-social-share' ); ?></label>
									</th>
									<td>
										<?php
										$vertical_bg = isset( $options['vertical_bg_color_default'] ) ? $options['vertical_bg_color_default'] : '';
										$vertical_bg_hover = isset( $options['vertical_bg_color_hover'] ) ? $options['vertical_bg_color_hover'] : '';
										$vertical_border_width = isset( $options['vertical_border_width_default'] ) ? $options['vertical_border_width_default'] : '';
										$vertical_border_color = isset( $options['vertical_border_color_default'] ) ? $options['vertical_border_color_default'] : '';
										$vertical_sharing_color = isset( $options['vertical_font_color_default'] ) ? $options['vertical_font_color_default'] : '';
										$vertical_sharing_color_hover = isset( $options['vertical_font_color_hover'] ) ? $options['vertical_font_color_hover'] : '';
										$vertical_sharing_shape = isset( $options['vertical_sharing_shape'] ) ? $options['vertical_sharing_shape'] : 'round'; 
										$vertical_sharing_size = isset( $options['vertical_sharing_size'] ) ? $options['vertical_sharing_size'] : 32;
										$vertical_sharing_width = isset( $options['vertical_sharing_width'] ) ? $options['vertical_sharing_width'] : 32;
										$vertical_sharing_height = isset( $options['vertical_sharing_height'] ) ? $options['vertical_sharing_height'] : 32;
										$vertical_sharing_border_radius = isset( $options['vertical_border_radius'] ) ? $options['vertical_border_radius'] : '';
										$vertical_vertical_bg_hover = isset( $options['vertical_bg_color_hover'] ) ? $options['vertical_bg_color_hover'] : '';
										$vertical_counter_position = isset( $options['vertical_counter_position'] ) ? $options['vertical_counter_position'] : '';
										$vertical_line_height = $vertical_sharing_shape == 'rectangle' ? $vertical_sharing_height : $vertical_sharing_size;
										?>
										<style type="text/css">
										#heateor_sss_vertical_preview{
											color:<?php echo $vertical_sharing_color ? esc_html( $vertical_sharing_color ) : "#fff" ?>;
										}
										#heateor_sss_vertical_preview:hover{
											color:<?php echo esc_html( $vertical_sharing_color_hover ) ?>;
										}
										</style>
										<div>
											<div class="heateorSssCounterVerticalPreviewTop" style="width:<?php echo esc_attr( 60 + ( isset( $options['vertical_sharing_shape'] ) && $options['vertical_sharing_shape'] == 'rectangle' ? $options['vertical_sharing_width'] : $options['vertical_sharing_size'] ) ) ?>px">44</div>
											<div class="heateorSssCounterVerticalPreviewLeft">44</div>
											<div id="heateor_sss_vertical_preview" style="cursor:pointer;float:left">
												<div class="heateorSssCounterVerticalPreviewInnertop">44</div>
												<div class="heateorSssCounterVerticalPreviewInnerleft">44</div>
												<div id="vertical_svg" style="float:left;width:100%;height:100%;background:url( 'data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%22-4%20-4%2040%2040%22%3E%3Cpath%20d%3D%22M17.78%2027.5V17.008h3.522l.527-4.09h-4.05v-2.61c0-1.182.33-1.99%202.023-1.99h2.166V4.66c-.375-.05-1.66-.16-3.155-.16-3.123%200-5.26%201.905-5.26%205.405v3.016h-3.53v4.09h3.53V27.5h4.223z%22%20fill%3D%22<?php echo esc_attr( $vertical_sharing_color ? str_replace( '#', '%23', $vertical_sharing_color) : "%23fff" ) ?>%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E' ) no-repeat center center; margin: auto"></div>
												<div class="heateorSssCounterVerticalPreviewInnerright">44</div>
												<div class="heateorSssCounterVerticalPreviewInnerbottom">44</div>
											</div>
											<div class="heateorSssCounterVerticalPreviewRight">44</div>
											<div class="heateorSssCounterVerticalPreviewBottom" style="width:<?php echo esc_attr( 60 + ( isset( $options['vertical_sharing_shape'] ) && $options['vertical_sharing_shape'] == 'rectangle' ? $options['vertical_sharing_width'] : $options['vertical_sharing_size'] ) ) ?>px">44</div>
										</div>
										
										<script type="text/javascript">
										var tempVerticalShape = '<?php echo esc_js( $vertical_sharing_shape ) ?>', tempVerticalSize = '<?php echo esc_js( $vertical_sharing_size ) ?>', tempVerticalHeight = '<?php echo esc_js( $vertical_sharing_height ) ?>', tempVerticalWidth = '<?php echo esc_js( $vertical_sharing_width ) ?>', heateorSssVerticalSharingBgHover = '<?php echo esc_js( $vertical_bg_hover ) ?>', heateorSssVerticalSharingBg = '<?php echo esc_js( $vertical_bg ? $vertical_bg : "#3C589A" ) ?>', heateorSssVerticalBorderWidth = '<?php echo esc_js( $vertical_border_width ) ?>', heateorSssVerticalBorderColor = '<?php echo esc_js( $vertical_border_color ) ?>', heateorSssVerticalBorderWidthHover = '<?php echo $vertical_border_width_hover = isset( $options['vertical_border_width_hover'] ) ? esc_js( $options['vertical_border_width_hover'] ) : ''; ?>', heateorSssVerticalBorderColorHover = '<?php echo $vertical_border_color_hover = isset( $options['vertical_border_color_hover'] ) ? esc_js( $options['vertical_border_color_hover'] ) : ''; ?>', heateorSssVerticalBorderRadius = '<?php echo $vertical_sharing_border_radius ? esc_js( $vertical_sharing_border_radius ) . "px" : "0px" ?>';
										
										heateorSssSharingVerticalPreview();
										
										jQuery( '#heateor_sss_vertical_preview' ).hover(function() {
											if (heateorSssVerticalSharingBgHover && heateorSssVerticalSharingBgHover != '#3C589A' ) {
												jQuery(this).css( 'backgroundColor', heateorSssVerticalSharingBgHover);
											}
											if (jQuery( '#heateor_sss_vertical_font_color_hover' ).val().trim() ) {
												jQuery(this).find( '#vertical_svg' ).attr( 'style', jQuery(this).find( '#vertical_svg' ).attr( 'style' ).replace(heateorSssVerticalSharingTempColor.replace( '#', '%23' ), jQuery( '#heateor_sss_vertical_font_color_hover' ).val().trim().replace( '#', '%23' ) ));
												jQuery(this).css( 'color', jQuery( '#heateor_sss_vertical_font_color_hover' ).val().trim() );
											}
											jQuery(this).css( 'borderStyle', 'solid' );
											jQuery(this).css( 'borderWidth', heateorSssVerticalBorderWidthHover ? heateorSssVerticalBorderWidthHover : heateorSssVerticalBorderWidth ? heateorSssVerticalBorderWidth : '0' );
											jQuery(this).css( 'borderColor', heateorSssVerticalBorderColorHover ? heateorSssVerticalBorderColorHover : 'transparent' );
										},function() {
											jQuery(this).css( 'backgroundColor', heateorSssVerticalSharingBg);
											if (jQuery( '#heateor_sss_vertical_font_color_hover' ).val().trim() ) {
												jQuery(this).find( '#vertical_svg' ).attr( 'style', jQuery(this).find( '#vertical_svg' ).attr( 'style' ).replace(jQuery( '#heateor_sss_vertical_font_color_hover' ).val().trim().replace( '#', '%23' ), heateorSssVerticalSharingTempColor.replace( '#', '%23' ) ));
												jQuery(this).css( 'color', heateorSssVerticalSharingTempColor);
											}
											jQuery(this).css( 'borderStyle', 'solid' );
											jQuery(this).css( 'borderWidth', heateorSssVerticalBorderWidth ? heateorSssVerticalBorderWidth : heateorSssVerticalBorderWidthHover ? heateorSssVerticalBorderWidthHover : '0' );
											jQuery(this).css( 'borderColor', heateorSssVerticalBorderColor ? heateorSssVerticalBorderColor : 'transparent' );
										});
										</script>
									</td>
								</tr>

<tr>
									<th>
										<label><?php _e("Shape", 'sassy-social-share' ); ?></label>
										<img id="heateor_sss_vertical_sharing_icon_shape_help" class="heateor_sss_help_bubble" src="<?php echo plugins_url( '../../images/info.png', __FILE__ ) ?>" />
									</th>
									<td>
										<input id="heateor_sss_vertical_icon_round" onclick="tempVerticalShape = 'round';heateorSssSharingVerticalPreview()" name="heateor_sss[vertical_sharing_shape]" type="radio" <?php echo $vertical_sharing_shape == 'round' ? 'checked = "checked"' : '';?> value="round" />
										<label style="margin-right:10px" for="heateor_sss_vertical_icon_round"><?php _e("Round", 'sassy-social-share' ); ?></label>
										<input id="heateor_sss_vertical_icon_square" onclick="tempVerticalShape = 'square';heateorSssSharingVerticalPreview()" name="heateor_sss[vertical_sharing_shape]" type="radio" <?php echo $vertical_sharing_shape == 'square' ? 'checked = "checked"' : '';?> value="square" />
										<label style="margin-right:10px" for="heateor_sss_vertical_icon_square"><?php _e("Square", 'sassy-social-share' ); ?></label>
										<input id="heateor_sss_vertical_icon_rectangle" onclick="tempVerticalShape = 'rectangle';heateorSssSharingVerticalPreview()" name="heateor_sss[vertical_sharing_shape]" type="radio" <?php echo $vertical_sharing_shape == 'rectangle' ? 'checked = "checked"' : '';?> value="rectangle" />
										<label for="heateor_sss_vertical_icon_rectangle"><?php _e("Rectangle", 'sassy-social-share' ); ?></label>
									</td>
								</tr>

<tbody id="heateor_sss_vertical_size_options" <?php echo ! isset( $options['vertical_sharing_shape'] ) || $options['vertical_sharing_shape'] != 'rectangle' ? '' : 'style="display: none"'; ?>>	
									<tr>
										<th>
											<label><?php _e("Size (in pixels)", 'sassy-social-share' ); ?></label>
											<img id="heateor_sss_vertical_sharing_icon_size_help" class="heateor_sss_help_bubble" src="<?php echo plugins_url( '../../images/info.png', __FILE__ ) ?>" />
										</th>
										<td>
											<input style="width:50px" id="heateor_sss_vertical_sharing_icon_size" name="heateor_sss[vertical_sharing_size]" type="text" value="<?php echo esc_attr( $vertical_sharing_size ); ?>" />
											<input id="heateor_sss_vertical_sharing_size_plus" type="button" value="+" onmouseup="tempVerticalSize = document.getElementById( 'heateor_sss_vertical_sharing_icon_size' ).value;heateorSssSharingVerticalPreview()" />
											<input id="heateor_sss_vertical_sharing_size_minus" type="button" value="-" onmouseup="tempVerticalSize = document.getElementById( 'heateor_sss_vertical_sharing_icon_size' ).value;heateorSssSharingVerticalPreview()" />
											<script type="text/javascript">
												heateorSssIncrement(document.getElementById( 'heateor_sss_vertical_sharing_size_plus' ), "add", document.getElementById( 'heateor_sss_vertical_sharing_icon_size' ), 300, 0.7);
												heateorSssIncrement(document.getElementById( 'heateor_sss_vertical_sharing_size_minus' ), "subtract", document.getElementById( 'heateor_sss_vertical_sharing_icon_size' ), 300, 0.7);
											</script>
										</td>
									</tr>

<tbody id="heateor_sss_vertical_rectangle_options" <?php echo isset( $options['vertical_sharing_shape'] ) && $options['vertical_sharing_shape'] == 'rectangle' ? '' : 'style="display: none"'; ?>>
									<tr>
										<th>
											<label><?php _e("Width (in pixels)", 'sassy-social-share' ); ?></label>
											<img id="heateor_sss_vertical_icon_width_help" class="heateor_sss_help_bubble" src="<?php echo plugins_url( '../../images/info.png', __FILE__ ) ?>" />
										</th>
										<td>
											<input style="width:50px" id="heateor_sss_vertical_icon_width" name="heateor_sss[vertical_sharing_width]" type="text" value="<?php echo esc_attr( $vertical_sharing_width ); ?>" />
											<input id="heateor_sss_vertical_width_plus" type="button" value="+" onmouseup="tempVerticalWidth = document.getElementById( 'heateor_sss_vertical_icon_width' ).value;heateorSssSharingVerticalPreview()" />
											<input id="heateor_sss_vertical_width_minus" type="button" value="-" onmouseup="tempVerticalWidth = document.getElementById( 'heateor_sss_vertical_icon_width' ).value;heateorSssSharingVerticalPreview()" />
											<script type="text/javascript">
												heateorSssIncrement(document.getElementById( 'heateor_sss_vertical_width_plus' ), "add", document.getElementById( 'heateor_sss_vertical_icon_width' ), 300, 0.7);
												heateorSssIncrement(document.getElementById( 'heateor_sss_vertical_width_minus' ), "subtract", document.getElementById( 'heateor_sss_vertical_icon_width' ), 300, 0.7);
											</script>
										</td>
									</tr>

<tr>
										<th>
											<label><?php _e("Height (in pixels)", 'sassy-social-share' ); ?></label>
											<img id="heateor_sss_vertical_icon_height_help" class="heateor_sss_help_bubble" src="<?php echo plugins_url( '../../images/info.png', __FILE__ ) ?>" />
										</th>
										<td>
											<input style="width:50px" id="heateor_sss_vertical_icon_height" name="heateor_sss[vertical_sharing_height]" type="text" value="<?php echo esc_attr( $vertical_sharing_height ); ?>" />
											<input id="heateor_sss_vertical_height_plus" type="button" value="+" onmouseup="tempVerticalHeight = document.getElementById( 'heateor_sss_vertical_icon_height' ).value;heateorSssSharingVerticalPreview()" />
											<input id="heateor_sss_vertical_height_minus" type="button" value="-" onmouseup="tempVerticalHeight = document.getElementById( 'heateor_sss_vertical_icon_height' ).value;heateorSssSharingVerticalPreview()" />
											<script type="text/javascript">
												heateorSssIncrement(document.getElementById( 'heateor_sss_vertical_height_plus' ), "add", document.getElementById( 'heateor_sss_vertical_icon_height' ), 300, 0.7);
												heateorSssIncrement(document.getElementById( 'heateor_sss_vertical_height_minus' ), "subtract", document.getElementById( 'heateor_sss_vertical_icon_height' ), 300, 0.7);
											</script>
										</td>
									</tr>

<tbody id="heateor_sss_vertical_border_radius_options" <?php echo isset( $options['vertical_sharing_shape'] ) && $options['vertical_sharing_shape'] != 'round' ? '' : 'style="display: none"'; ?>>
									<tr>
										<th>
											<label><?php _e("Border radius (in pixels)", 'sassy-social-share' ); ?></label>
											<img id="heateor_sss_vertical_icon_border_radius_help" class="heateor_sss_help_bubble" src="<?php echo plugins_url( '../../images/info.png', __FILE__ ) ?>" />
										</th>
										<td>
											<input style="width:50px" id="heateor_sss_vertical_icon_border_radius" name="heateor_sss[vertical_border_radius]" type="text" value="<?php echo esc_attr( $vertical_sharing_border_radius ); ?>" onkeyup="heateorSssVerticalBorderRadius = this.value.trim() ? this.value.trim() + 'px' : '0px';heateorSssUpdateSharingPreview(heateorSssVerticalBorderRadius, 'borderRadius', '0px', 'heateor_sss_vertical_preview' )" />
										</td>
									</tr>

<tr>
									<th>
										<label><?php _e("Logo Color", 'sassy-social-share' ); ?></label>
										<img id="heateor_sss_vertical_font_color_help" class="heateor_sss_help_bubble" src="<?php echo plugins_url( '../../images/info.png', __FILE__ ) ?>" />
									</th>
									<td>
										<script type="text/javascript">var heateorSssVerticalSharingTempColor = '<?php echo $vertical_sharing_color ? esc_js( $vertical_sharing_color ) : "#fff" ?>';</script>
										<label for="heateor_sss_vertical_font_color_default"><?php _e("Default", 'sassy-social-share' ); ?></label><input style="width: 100px" id="heateor_sss_vertical_font_color_default" name="heateor_sss[vertical_font_color_default]" onkeyup="if (this.value.trim() == '' || this.value.trim().length >= 3) { jQuery( '#vertical_svg' ).attr( 'style', jQuery( '#vertical_svg' ).attr( 'style' ).replace(heateorSssVerticalSharingTempColor.replace( '#', '%23' ), this.value.trim() ? this.value.trim().replace( '#', '%23' ) : '%23fff' ) ); heateorSssVerticalSharingTempColor = this.value.trim() ? this.value.trim() : '#fff';jQuery( '#heateor_sss_vertical_preview' ).css( 'color', heateorSssVerticalSharingTempColor.replace( '%23','#' ) ) }" type="text" value="<?php echo esc_attr( $vertical_sharing_color ) ?>" />
										<input name="heateor_sss[vertical_sharing_replace_color]" type="hidden" value="<?php echo isset( $options['vertical_sharing_replace_color'] ) ? esc_attr( $options['vertical_sharing_replace_color'] ) : ''; ?>" />
										<label style="margin-left:10px" for="heateor_sss_vertical_font_color_hover"><?php _e("On Hover", 'sassy-social-share' ); ?></label><input style="width: 100px" id="heateor_sss_vertical_font_color_hover" name="heateor_sss[vertical_font_color_hover]" type="text" value="<?php echo esc_attr( $vertical_sharing_color_hover ); ?>" />
										<input name="heateor_sss[vertical_sharing_replace_color_hover]" type="hidden" value="<?php echo isset( $options['vertical_sharing_replace_color_hover'] ) ? esc_attr( $options['vertical_sharing_replace_color_hover'] ) : ''; ?>" />
									</td>
								</tr>

<tr class="heateor_sss_help_content" id="heateor_sss_vertical_font_color_help_cont">
									<td colspan="2">
									<div>
									<?php _e( 'Specify the color or hex code (example #cc78e0) for the logo of icon. Leave empty for default. You can get the hex code of the required color from <a href="http://www.colorpicker.com/" target="_blank">this link</a>', 'sassy-social-share' ) ?>
									</div>
									</td>
								</tr>

<tr class="heateor_sss_help_content" id="heateor_sss_vertical_icon_bg_color_help_cont">
									<td colspan="2">
									<div>
									<?php _e( 'Specify the color or hex code (example #cc78e0) for icon background. Save "transparent" for transparent background. Leave empty for default. You can get the hex code of the required color from <a href="http://www.colorpicker.com/" target="_blank">this link</a>', 'sassy-social-share' ) ?>
									</div>
									</td>
								</tr>

<tr>
									<th>
										<label><?php _e("Border", 'sassy-social-share' ); ?></label>
										<img id="heateor_sss_vertical_border_help" class="heateor_sss_help_bubble" src="<?php echo plugins_url( '../../images/info.png', __FILE__ ) ?>" />
									</th>
									<td>
										<label><strong><?php _e("Default", 'sassy-social-share' ); ?></strong></label>
										<br/>
										<label for="heateor_sss_vertical_border_width_default"><?php _e("Border Width", 'sassy-social-share' ); ?></label><input style="width: 100px" onkeyup="heateorSssVerticalBorderWidth = this.value.trim(); jQuery( '#heateor_sss_vertical_preview' ).css( 'borderStyle', 'solid' ); heateorSssUpdateSharingPreview(this.value.trim(), 'borderWidth', '0px', 'heateor_sss_vertical_preview' ); heateorSssSharingVerticalPreview();" id="heateor_sss_vertical_border_width_default" name="heateor_sss[vertical_border_width_default]" type="text" value="<?php echo esc_attr( $vertical_border_width ) ?>" />pixel(s)
										<label style="margin-left:10px" for="heateor_sss_vertical_border_color_default"><?php _e("Border Color", 'sassy-social-share' ); ?></label><input onkeyup="heateorSssVerticalBorderColor = this.value.trim(); jQuery( '#heateor_sss_vertical_preview' ).css( 'borderStyle', 'solid' ); heateorSssUpdateSharingPreview(this.value.trim(), 'borderColor', 'transparent', 'heateor_sss_vertical_preview' )" style="width: 100px" id="heateor_sss_vertical_border_color_default" name="heateor_sss[vertical_border_color_default]" type="text" value="<?php echo $vertical_border_color = isset( $options['vertical_border_color_default'] ) ? esc_attr( $options['vertical_border_color_default'] ) : ''; ?>" />
										<br/><br/>
										<label><strong><?php _e("On Hover", 'sassy-social-share' ); ?></strong></label>
										<br/>
										<label for="heateor_sss_vertical_border_width_hover"><?php _e("Border Width", 'sassy-social-share' ); ?></label><input style="width: 100px" id="heateor_sss_vertical_border_width_hover" name="heateor_sss[vertical_border_width_hover]" onkeyup="heateorSssVerticalBorderWidthHover = this.value.trim();" type="text" value="<?php echo esc_attr( $vertical_border_width_hover ) ?>" />pixel(s)
										<label style="margin-left:10px" for="heateor_sss_vertical_border_color_hover"><?php _e("Border Color", 'sassy-social-share' ); ?></label><input style="width: 100px" id="heateor_sss_vertical_border_color_hover" name="heateor_sss[vertical_border_color_hover]" onkeyup="heateorSssVerticalBorderColorHover = this.value.trim()" type="text" value="<?php echo esc_attr( $vertical_border_color_hover ); ?>" />
									</td>
								</tr>

<tr>
									<th>
										<label><?php _e("Counter Position", 'sassy-social-share' ); ?><br/><?php _e("(applies, if counter enabled)", 'sassy-social-share' ); ?></label>
										<img id="heateor_sss_vertical_counter_help" class="heateor_sss_help_bubble" src="<?php echo plugins_url( '../../images/info.png', __FILE__ ) ?>" />
									</th>
									<td>
										<input id="heateor_sss_vertical_counter_left" name="heateor_sss[vertical_counter_position]" onclick="heateorSssVerticalCounterPreview(this.value.trim() )" type="radio" <?php echo $vertical_counter_position == 'left' ? 'checked = "checked"' : '';?> value="left" />
										<label style="margin-right:10px" for="heateor_sss_vertical_counter_left"><?php _e("Left", 'sassy-social-share' ); ?></label>
										<input id="heateor_sss_vertical_counter_top" name="heateor_sss[vertical_counter_position]" onclick="heateorSssVerticalCounterPreview(this.value.trim() )" type="radio" <?php echo $vertical_counter_position == 'top' ? 'checked = "checked"' : '';?> value="top" />
										<label style="margin-right:10px" for="heateor_sss_vertical_counter_top"><?php _e("Top", 'sassy-social-share' ); ?></label>
										<input id="heateor_sss_vertical_counter_right" name="heateor_sss[vertical_counter_position]" onclick="heateorSssVerticalCounterPreview(this.value.trim() )" type="radio" <?php echo $vertical_counter_position == 'right' ? 'checked = "checked"' : '';?> value="right" />
										<label style="margin-right:10px" for="heateor_sss_vertical_counter_right"><?php _e("Right", 'sassy-social-share' ); ?></label>
										<input id="heateor_sss_vertical_counter_bottom" name="heateor_sss[vertical_counter_position]" onclick="heateorSssVerticalCounterPreview(this.value.trim() )" type="radio" <?php echo $vertical_counter_position == 'bottom' ? 'checked = "checked"' : '';?> value="bottom" />
										<label style="margin-right:10px" for="heateor_sss_vertical_counter_bottom"><?php _e("Bottom", 'sassy-social-share' ); ?></label><br/>
										<input id="heateor_sss_vertical_counter_inner_left" name="heateor_sss[vertical_counter_position]" onclick="heateorSssVerticalCounterPreview(this.value.trim() )" type="radio" <?php echo $vertical_counter_position == 'inner_left' ? 'checked = "checked"' : '';?> value="inner_left" />
										<label style="margin-right:10px" for="heateor_sss_vertical_counter_inner_left"><?php _e("Inner Left", 'sassy-social-share' ); ?></label>
										<input id="heateor_sss_vertical_counter_inner_top" name="heateor_sss[vertical_counter_position]" onclick="heateorSssVerticalCounterPreview(this.value.trim() )" type="radio" <?php echo $vertical_counter_position == 'inner_top' ? 'checked = "checked"' : '';?> value="inner_top" />
										<label style="margin-right:10px" for="heateor_sss_vertical_counter_inner_top"><?php _e("Inner Top", 'sassy-social-share' ); ?></label>
										<input id="heateor_sss_vertical_counter_inner_right" name="heateor_sss[vertical_counter_position]" onclick="heateorSssVerticalCounterPreview(this.value.trim() )" type="radio" <?php echo $vertical_counter_position == 'inner_right' ? 'checked = "checked"' : '';?> value="inner_right" />
										<label style="margin-right:10px" for="heateor_sss_vertical_counter_inner_right"><?php _e("Inner Right", 'sassy-social-share' ); ?></label>
										<input id="heateor_sss_vertical_counter_inner_bottom" name="heateor_sss[vertical_counter_position]" onclick="heateorSssVerticalCounterPreview(this.value.trim() )" type="radio" <?php echo $vertical_counter_position == 'inner_bottom' ? 'checked = "checked"' : '';?> value="inner_bottom" />
										<label style="margin-right:10px" for="heateor_sss_vertical_counter_inner_bottom"><?php _e("Inner Bottom", 'sassy-social-share' ); ?></label>
									</td>
								</tr>
								<script type="text/javascript">heateorSssVerticalCounterPreview( '<?php echo esc_js( $vertical_counter_position ) ?>' );</script>

<div class="menu_containt_div" id="tabs-2">
				<div class="clear"></div>
				<div class="heateor_sss_left_column">
				
				<div class="stuffbox">
					<h3><label><?php _e( 'Standard Sharing Interface Options', 'sassy-social-share' );?></label></h3>
					<div class="inside">
					<table width="100%" border="0" cellspacing="0" cellpadding="0" class="form-table editcomment menu_content_table">
						<tr>
							<th>
							<label for="heateor_sss_horizontal_enable"><?php _e("Enable Standard sharing interface", 'sassy-social-share' ); ?></label>
							<img id="heateor_sss_horizontal_enable_help" class="heateor_sss_help_bubble" src="<?php echo plugins_url( '../../images/info.png', __FILE__ ) ?>" />
							</th>
							<td>
							<input id="heateor_sss_horizontal_enable" onclick="heateorSssHorizontalSharingOptionsToggle(this)" name="heateor_sss[hor_enable]" type="checkbox" <?php echo isset( $options['hor_enable'] ) ? 'checked = "checked"' : '';?> value="1" />
							</td>
						</tr>
						
						<tr class="heateor_sss_help_content" id="heateor_sss_horizontal_enable_help_cont">
							<td colspan="2">
							<div>
							<?php _e( 'Master control to enable standard sharing', 'sassy-social-share' ) ?>
							</div>
							</td>
						</tr>
						
						<tbody id="heateor_sss_horizontal_sharing_options" <?php echo isset( $options['hor_enable'] ) ? '' : 'style="display: none"'; ?>>
						<tr>
							<th>
							<label for="heateor_sss_horizontal_target_url"><?php _e("Target Url", 'sassy-social-share' ); ?></label>
							<img id="heateor_sss_horizontal_target_url_help" class="heateor_sss_help_bubble" src="<?php echo plugins_url( '../../images/info.png', __FILE__ ) ?>" />
							</th>
							<td id="heateor_sss_target_url_column">
							<input id="heateor_sss_target_url_default" name="heateor_sss[horizontal_target_url]" type="radio" <?php echo ! isset( $options['horizontal_target_url'] ) || $options['horizontal_target_url'] == 'default' ? 'checked = "checked"' : '';?> value="default" />
							<label for="heateor_sss_target_url_default"><?php _e( 'Url of the webpage where icons are located (default)', 'sassy-social-share' ) ?></label><br/>
							<input id="heateor_sss_target_url_home" name="heateor_sss[horizontal_target_url]" type="radio" <?php echo isset( $options['horizontal_target_url'] ) && $options['horizontal_target_url'] == 'home' ? 'checked = "checked"' : '';?> value="home" />
							<label for="heateor_sss_target_url_home"><?php _e( 'Url of the homepage of your website', 'sassy-social-share' ) ?></label><br/>
							<input id="heateor_sss_target_url_custom" name="heateor_sss[horizontal_target_url]" type="radio" <?php echo isset( $options['horizontal_target_url'] ) && $options['horizontal_target_url'] == 'custom' ? 'checked = "checked"' : '';?> value="custom" />
							<label for="heateor_sss_target_url_custom"><?php _e( 'Custom url', 'sassy-social-share' ) ?></label><br/>
							<input id="heateor_sss_target_url_custom_url" name="heateor_sss[horizontal_target_url_custom]" type="text" value="<?php echo isset( $options['horizontal_target_url_custom'] ) ? esc_url( $options['horizontal_target_url_custom'] ) : '' ?>" />
							</td>
						</tr>
						<tr class="heateor_sss_help_content" id="heateor_sss_horizontal_target_url_help_cont">
							<td colspan="2">
							<div>
							<?php _e( 'Url to share', 'sassy-social-share' ) ?>
							</div>
							</td>
						</tr>
						
						<tr>
							<th>
							<label for="heateor_sss_fblogin_title"><?php _e("Title", 'sassy-social-share' ); ?></label>
							<img id="heateor_sss_title_help" class="heateor_sss_help_bubble" src="<?php echo plugins_url( '../../images/info.png', __FILE__ ) ?>" />
							</th>
							<td>
							<input id="heateor_sss_fblogin_title" name="heateor_sss[title]" type="text" value="<?php echo isset( $options['title'] ) ? esc_attr( $options['title'] ) : '' ?>" />
							</td>
						</tr>
						
						<tr class="heateor_sss_help_content" id="heateor_sss_title_help_cont">
							<td colspan="2">
							<div>
							<?php _e( 'The text to display above the sharing interface', 'sassy-social-share' ) ?>
							</div>
							</td>
						</tr>

<?php
						$youtube_username = '';
						if ( isset( $options['youtube_username'] ) && $options['youtube_username'] ) {
							$youtube_username = $options['youtube_username'];
						} elseif ( isset( $options['vertical_youtube_username'] ) ) {
							$youtube_username = $options['vertical_youtube_username'];
						}
						$google_news_url = '';
						if ( isset( $options['google_news_url'] ) && $options['google_news_url'] ) {
							$google_news_url = $options['google_news_url'];
						} elseif ( isset( $options['vertical_google_news_url'] ) ) {
							$google_news_url = $options['vertical_google_news_url'];
						}
						$rutube_username = '';
						if ( isset( $options['rutube_username'] ) && $options['rutube_username'] ) {
							$rutube_username = $options['rutube_username'];
						} elseif ( isset( $options['vertical_rutube_username'] ) ) {
							$rutube_username = $options['vertical_rutube_username'];
						}
						$instagram_username = '';
						if ( isset( $options['instagram_username'] ) && $options['instagram_username'] ) {
							$instagram_username = $options['instagram_username'];
						} elseif ( isset( $options['vertical_instagram_username'] ) ) {
							$instagram_username = $options['vertical_instagram_username'];
						}
						$commentform_container_id = '';
						if ( isset( $options['comment_container_id'] ) && $options['comment_container_id'] ) {
							$commentform_container_id = $options['comment_container_id'];
						} elseif ( isset( $options['vertical_comment_container_id'] ) ) {
							$commentform_container_id = $options['vertical_comment_container_id'];
						}
						if ( ! isset( $options['horizontal_re_providers'] ) ) {
							$options['horizontal_re_providers'] = array();
						}
						if ( ! isset( $options['vertical_re_providers'] ) ) {
							$options['vertical_re_providers'] = array();
						}
						?>
						<tbody id="heateor_sss_instagram_options" <?php echo ! isset( $options['horizontal_re_providers'] ) || ! in_array( 'instagram', $options['horizontal_re_providers'] ) ? 'style="display: none"' : '';?> >
							<tr>
								<th>
								<label for="heateor_sss_instagram_username"><?php _e( "Instagram username", 'sassy-social-share' ); ?></label>
								<img id="heateor_sss_instagram_username_help" class="heateor_sss_help_bubble" src="<?php echo plugins_url( '../../images/info.png', __FILE__ ) ?>" />
								</th>
								<td>
								<input id="heateor_sss_instagram_username" name="heateor_sss[instagram_username]" type="text" value="<?php echo esc_attr( $instagram_username ) ?>" />
								</td>
							</tr>
							
							<tr class="heateor_sss_help_content" id="heateor_sss_instagram_username_help_cont">
								<td colspan="2">
								<div>
								<?php _e( 'Username of the Instagram account you want to redirect users to, on clicking the icon', 'sassy-social-share' ) ?>
								</div>
								</td>
							</tr>
						</tbody>

<th colspan="2">
							<label for="heateor_sss_share_instance_top"><?php _e( "Instance for top of the content", 'sassy-social-share' ); ?> (<a href="https://www.heateor.com/comparison-between-sassy-social-share-pro-and-premium/" target="_blank"><?php _e( "Unlock multiple instances", 'sassy-social-share' ); ?></a>)</label>
							<img id="heateor_sss_share_instance_top_help" class="heateor_sss_help_bubble" src="<?php echo plugins_url( '../../images/info.png', __FILE__ ) ?>" />
							</th>
						</tr>
						<tr>
							<td colspan="2" class="heateor_sss_share_instance_top_td">
								<div class="heateor_sss_share_instance_div">
									<div class="heateor_sss_share_instance">
										<input disabled type="checkbox" value="1">
										<ul class="heateor_sss_share_instance_ul">
											<li title="Facebook share"><i style="display:block;width:36px;height:36px;border-radius:999px;" class=" heateorSssFacebookshareBackground"><div class="heateorSssSharingSvg heateorSssFacebookshareSvg" style="border-radius:999px;"></div></i></li>
											<li title="Linkedin share"><i style="display:block;width:36px;height:36px;border-radius:999px;" class=" heateorSssLinkedinshareBackground"><div class="heateorSssSharingSvg heateorSssLinkedinshareSvg" style="border-radius:999px;"></div></i></li>
											<li title="Twitter tweet"><i style="display:block;width:36px;height:36px;border-radius:999px;" class=" heateorSssTwittertweetBackground"><div class="heateorSssSharingSvg heateorSssTwittertweetSvg" style="border-radius:999px;"></div></i></li>
											<li style="padding-top:7px"><label>[Sassy_Social_Share_Premium id="1"]</label></li>
										</ul>
									</div>
									<div style="clear:both"></div>
									<div class="heateor_sss_share_instance">
										<input disabled type="checkbox" value="2">
										<ul class="heateor_sss_share_instance_ul">
											<li title="Facebook"><i style="display:block;width:36px;height:36px;border-radius:999px;" class="heateorSssSharingBackground heateorSssFacebookBackground"><div class="heateorSssSharingSvg heateorSssFacebookSvg" style="border-radius:999px;"></div></i></li>
											<li title="Twitter"><i style="display:block;width:36px;height:36px;border-radius:999px;" class="heateorSssSharingBackground heateorSssTwitterBackground"><div class="heateorSssSharingSvg heateorSssTwitterSvg" style="border-radius:999px;"></div></i></li>
											<li title="Sina Weibo"><i style="display:block;width:36px;height:36px;border-radius:999px;" class="heateorSssSharingBackground heateorSssSinaWeiboBackground"><div class="heateorSssSharingSvg heateorSssSinaWeiboSvg" style="border-radius:999px;"></div></i></li>
											<li title="Facebook like"><i style="display:block;width:36px;height:36px;border-radius:999px;" class=" heateorSssFacebooklikeBackground"><div class="heateorSssSharingSvg heateorSssFacebooklikeSvg" style="border-radius:999px;"></div></i></li>
											<li title="Facebook Messenger"><i style="display:block;width:36px;height:36px;border-radius:999px;" class="heateorSssSharingBackground heateorSssFacebookMessengerBackground"><div class="heateorSssSharingSvg heateorSssFacebookMessengerSvg" style="border-radius:999px;"></div></i></li>
											<li title="Parler"><i style="display:block;width:36px;height:36px;border-radius:999px;" class="heateorSssSharingBackground heateorSssParlerBackground"><div class="heateorSssSharingSvg heateorSssParlerSvg" style="border-radius:999px;"></div></i></li>
											<li title="Gab"><i style="display:block;width:36px;height:36px;border-radius:999px;" class="heateorSssSharingBackground heateorSssGabBackground"><div class="heateorSssSharingSvg heateorSssGabSvg" style="border-radius:999px;"></div></i></li>
											<li title="Pinterest"><i style="display:block;width:36px;height:36px;border-radius:999px;" class="heateorSssSharingBackground heateorSssPinterestBackground"><div class="heateorSssSharingSvg heateorSssPinterestSvg" style="border-radius:999px;"></div></i></li>
											<li title="Facebook share"><i style="display:block;width:36px;height:36px;border-radius:999px;" class=" heateorSssFacebookshareBackground"><div class="heateorSssSharingSvg heateorSssFacebookshareSvg" style="border-radius:999px;"></div></i></li>
											<li style="padding-top:7px"><label>[Sassy_Social_Share_Premium id="2"]</label></li>
										</ul>
									</div>
									<div style="clear:both"></div>
									<div class="heateor_sss_share_instance">
										<input disabled type="checkbox">
										<ul class="heateor_sss_share_instance_ul">
											<li title="Facebook">
		<i style="display:block;width:36px;height:36px;border-radius:999px;" class="heateorSssSharingBackground heateorSssFacebookBackground"><div class="heateorSssSharingSvg heateorSssFacebookSvg" style="border-radius:999px;"></div></i></li>
															<li title="Blogger Post">
		<i style="display:block;width:36px;height:36px;border-radius:999px;" class="heateorSssSharingBackground heateorSssBloggerPostBackground"><div class="heateorSssSharingSvg heateorSssBloggerPostSvg" style="border-radius:999px;"></div></i></li>
															<li title="Care2 News">
		<i style="display:block;width:36px;height:36px;border-radius:999px;" class="heateorSssSharingBackground heateorSssCare2NewsBackground"><div class="heateorSssSharingSvg heateorSssCare2NewsSvg" style="border-radius:999px;"></div></i></li>
															<li title="Diigo">
		<i style="display:block;width:36px;height:36px;border-radius:999px;" class="heateorSssSharingBackground heateorSssDiigoBackground"><div class="heateorSssSharingSvg heateorSssDiigoSvg" style="border-radius:999px;"></div></i></li>
															<li title="Email">
		<i style="display:block;width:36px;height:36px;border-radius:999px;" class="heateorSssSharingBackground heateorSssEmailBackground"><div class="heateorSssSharingSvg heateorSssEmailSvg" style="border-radius:999px;"></div></i></li>
													<li style="padding-top:7px"><label>[Sassy_Social_Share_Premium id="3"]</label></li>
</ul>
</div>
<div style="clear:both"></div>
											<div class="heateor_sss_share_instance">
<input disabled type="checkbox">
<ul class="heateor_sss_share_instance_ul">
													<li title="Email">
		<i style="display:block;width:36px;height:36px;border-radius:999px;" class="heateorSssSharingBackground heateorSssEmailBackground"><div class="heateorSssSharingSvg heateorSssEmailSvg" style="border-radius:999px;"></div></i></li>
															<li title="SMS">
		<i style="display:block;width:36px;height:36px;border-radius:999px;" class="heateorSssSharingBackground heateorSssSMSBackground"><div class="heateorSssSharingSvg heateorSssSMSSvg" style="border-radius:999px;"></div></i></li>
															<li title="Gettr">
		<i style="display:block;width:36px;height:36px;border-radius:999px;" class="heateorSssSharingBackground heateorSssGettrBackground"><div class="heateorSssSharingSvg heateorSssGettrSvg" style="border-radius:999px;"></div></i></li>
															<li title="Copy Link">
		<i style="display:block;width:36px;height:36px;border-radius:999px;" class="heateorSssSharingBackground heateorSssCopyLinkBackground"><div class="heateorSssSharingSvg heateorSssCopyLinkSvg" style="border-radius:999px;"></div></i></li>
															<li title="Vkontakte">
		<i style="display:block;width:36px;height:36px;border-radius:999px;" class="heateorSssSharingBackground heateorSssVkontakteBackground"><div class="heateorSssSharingSvg heateorSssVkontakteSvg" style="border-radius:999px;"></div></i></li>
															<li title="Mastodon">
		<i style="display:block;width:36px;height:36px;border-radius:999px;" class="heateorSssSharingBackground heateorSssMastodonBackground"><div class="heateorSssSharingSvg heateorSssMastodonSvg" style="border-radius:999px;"></div></i></li>
															<li title="Facebook like">
		<i style="display:block;width:36px;height:36px;border-radius:999px;" class=" heateorSssFacebooklikeBackground"><div class="heateorSssSharingSvg heateorSssFacebooklikeSvg" style="border-radius:999px;"></div></i></li>
															<li title="Rutube">
		<i style="display:block;width:36px;height:36px;border-radius:999px;" class="heateorSssSharingBackground heateorSssRutubeBackground"><div class="heateorSssSharingSvg heateorSssRutubeSvg" style="border-radius:999px;"></div></i></li>
															<li title="Facebook">
		<i style="display:block;width:36px;height:36px;border-radius:999px;" class="heateorSssSharingBackground heateorSssFacebookBackground"><div class="heateorSssSharingSvg heateorSssFacebookSvg" style="border-radius:999px;"></div></i></li>
															<li title="Evernote">
		<i style="display:block;width:36px;height:36px;border-radius:999px;" class="heateorSssSharingBackground heateorSssEvernoteBackground"><div class="heateorSssSharingSvg heateorSssEvernoteSvg" style="border-radius:999px;"></div></i></li>
															<li title="Pocket">
		<i style="display:block;width:36px;height:36px;border-radius:999px;" class="heateorSssSharingBackground heateorSssPocketBackground"><div class="heateorSssSharingSvg heateorSssPocketSvg" style="border-radius:999px;"></div></i></li>
															<li title="Parler">
		<i style="display:block;width:36px;height:36px;border-radius:999px;" class="heateorSssSharingBackground heateorSssParlerBackground"><div class="heateorSssSharingSvg heateorSssParlerSvg" style="border-radius:999px;"></div></i></li>
															<li title="Google Gmail">
		<i style="display:block;width:36px;height:36px;border-radius:999px;" class="heateorSssSharingBackground heateorSssGoogleGmailBackground"><div class="heateorSssSharingSvg heateorSssGoogleGmailSvg" style="border-radius:999px;"></div></i></li>
															<li title="Outlook.com">
		<i style="display:block;width:36px;height:36px;border-radius:999px;" class="heateorSssSharingBackground heateorSssOutlookcomBackground"><div class="heateorSssSharingSvg heateorSssOutlookcomSvg" style="border-radius:999px;"></div></i></li>
															<li title="Truth social">
		<i style="display:block;width:36px;height:36px;border-radius:999px;" class="heateorSssSharingBackground heateorSssTruthsocialBackground"><div class="heateorSssSharingSvg heateorSssTruthsocialSvg" style="border-radius:999px;"></div></i></li>
															<li title="Whatsapp">
		<i style="display:block;width:36px;height:36px;border-radius:999px;" class="heateorSssSharingBackground heateorSssWhatsappBackground"><div class="heateorSssSharingSvg heateorSssWhatsappSvg" style="border-radius:999px;"></div></i></li>
															<li title="Twitter">
		<i style="display:block;width:36px;height:36px;border-radius:999px;" class="heateorSssSharingBackground heateorSssTwitterBackground"><div class="heateorSssSharingSvg heateorSssTwitterSvg" style="border-radius:999px;"></div></i></li>
													<li style="padding-top:7px"><label>[Sassy_Social_Share_Premium id="4"]</label></li>
</ul>
</div>
<div style="clear:both"></div></div>
							</td>
						</tr>

<tr>
							<th colspan="2">
							<label for="heateor_sss_share_instance_bottom"><?php _e( "Instance for bottom of the content", 'sassy-social-share' ); ?> (<a href="https://www.heateor.com/comparison-between-sassy-social-share-pro-and-premium/" target="_blank"><?php _e( "Unlock multiple instances", 'sassy-social-share' ); ?></a>)</label>
							<img id="heateor_sss_share_instance_bottom_help" class="heateor_sss_help_bubble" src="<?php echo plugins_url( '../../images/info.png', __FILE__ ) ?>" />
							</th>
						</tr>
						<tr>
							<td colspan="2" class="heateor_sss_share_instance_top_td">
								<div class="heateor_sss_share_instance_div">
									<div class="heateor_sss_share_instance">
										<input disabled type="checkbox" value="1">
										<ul class="heateor_sss_share_instance_ul">
											<li title="Facebook share"><i style="display:block;width:36px;height:36px;border-radius:999px;" class=" heateorSssFacebookshareBackground"><div class="heateorSssSharingSvg heateorSssFacebookshareSvg" style="border-radius:999px;"></div></i></li>
											<li title="Linkedin share"><i style="display:block;width:36px;height:36px;border-radius:999px;" class=" heateorSssLinkedinshareBackground"><div class="heateorSssSharingSvg heateorSssLinkedinshareSvg" style="border-radius:999px;"></div></i></li>
											<li title="Twitter tweet"><i style="display:block;width:36px;height:36px;border-radius:999px;" class=" heateorSssTwittertweetBackground"><div class="heateorSssSharingSvg heateorSssTwittertweetSvg" style="border-radius:999px;"></div></i></li>
											<li style="padding-top:7px"><label>[Sassy_Social_Share_Premium id="1"]</label></li>
										</ul>
									</div>
									<div style="clear:both"></div>
									<div class="heateor_sss_share_instance">
										<input disabled type="checkbox" value="2">
										<ul class="heateor_sss_share_instance_ul">
											<li title="Facebook"><i style="display:block;width:36px;height:36px;border-radius:999px;" class="heateorSssSharingBackground heateorSssFacebookBackground"><div class="heateorSssSharingSvg heateorSssFacebookSvg" style="border-radius:999px;"></div></i></li>
											<li title="Twitter"><i style="display:block;width:36px;height:36px;border-radius:999px;" class="heateorSssSharingBackground heateorSssTwitterBackground"><div class="heateorSssSharingSvg heateorSssTwitterSvg" style="border-radius:999px;"></div></i></li>
											<li title="Sina Weibo"><i style="display:block;width:36px;height:36px;border-radius:999px;" class="heateorSssSharingBackground heateorSssSinaWeiboBackground"><div class="heateorSssSharingSvg heateorSssSinaWeiboSvg" style="border-radius:999px;"></div></i></li>
											<li title="Facebook like"><i style="display:block;width:36px;height:36px;border-radius:999px;" class=" heateorSssFacebooklikeBackground"><div class="heateorSssSharingSvg heateorSssFacebooklikeSvg" style="border-radius:999px;"></div></i></li>
											<li title="Facebook Messenger"><i style="display:block;width:36px;height:36px;border-radius:999px;" class="heateorSssSharingBackground heateorSssFacebookMessengerBackground"><div class="heateorSssSharingSvg heateorSssFacebookMessengerSvg" style="border-radius:999px;"></div></i></li>
											<li title="Parler"><i style="display:block;width:36px;height:36px;border-radius:999px;" class="heateorSssSharingBackground heateorSssParlerBackground"><div class="heateorSssSharingSvg heateorSssParlerSvg" style="border-radius:999px;"></div></i></li>
											<li title="Gab"><i style="display:block;width:36px;height:36px;border-radius:999px;" class="heateorSssSharingBackground heateorSssGabBackground"><div class="heateorSssSharingSvg heateorSssGabSvg" style="border-radius:999px;"></div></i></li>
											<li title="Pinterest"><i style="display:block;width:36px;height:36px;border-radius:999px;" class="heateorSssSharingBackground heateorSssPinterestBackground"><div class="heateorSssSharingSvg heateorSssPinterestSvg" style="border-radius:999px;"></div></i></li>
											<li title="Facebook share"><i style="display:block;width:36px;height:36px;border-radius:999px;" class=" heateorSssFacebookshareBackground"><div class="heateorSssSharingSvg heateorSssFacebookshareSvg" style="border-radius:999px;"></div></i></li>
											<li style="padding-top:7px"><label>[Sassy_Social_Share_Premium id="2"]</label></li>
										</ul>
									</div>
									<div style="clear:both"></div>
									<div class="heateor_sss_share_instance">
										<input disabled type="checkbox">
										<ul class="heateor_sss_share_instance_ul">
											<li title="Facebook">
											<i style="display:block;width:36px;height:36px;border-radius:999px;" class="heateorSssSharingBackground heateorSssFacebookBackground"><div class="heateorSssSharingSvg heateorSssFacebookSvg" style="border-radius:999px;"></div></i></li>
																								<li title="Blogger Post">
											<i style="display:block;width:36px;height:36px;border-radius:999px;" class="heateorSssSharingBackground heateorSssBloggerPostBackground"><div class="heateorSssSharingSvg heateorSssBloggerPostSvg" style="border-radius:999px;"></div></i></li>
																								<li title="Care2 News">
											<i style="display:block;width:36px;height:36px;border-radius:999px;" class="heateorSssSharingBackground heateorSssCare2NewsBackground"><div class="heateorSssSharingSvg heateorSssCare2NewsSvg" style="border-radius:999px;"></div></i></li>
																								<li title="Diigo">
											<i style="display:block;width:36px;height:36px;border-radius:999px;" class="heateorSssSharingBackground heateorSssDiigoBackground"><div class="heateorSssSharingSvg heateorSssDiigoSvg" style="border-radius:999px;"></div></i></li>
																								<li title="Email">
											<i style="display:block;width:36px;height:36px;border-radius:999px;" class="heateorSssSharingBackground heateorSssEmailBackground"><div class="heateorSssSharingSvg heateorSssEmailSvg" style="border-radius:999px;"></div></i></li>
																						<li style="padding-top:7px"><label>[Sassy_Social_Share_Premium id="3"]</label></li>
									</ul>
									</div>
									<div style="clear:both"></div>
																				<div class="heateor_sss_share_instance">
									<input disabled type="checkbox">
									<ul class="heateor_sss_share_instance_ul">
																						<li title="Email">
											<i style="display:block;width:36px;height:36px;border-radius:999px;" class="heateorSssSharingBackground heateorSssEmailBackground"><div class="heateorSssSharingSvg heateorSssEmailSvg" style="border-radius:999px;"></div></i></li>
																								<li title="SMS">
											<i style="display:block;width:36px;height:36px;border-radius:999px;" class="heateorSssSharingBackground heateorSssSMSBackground"><div class="heateorSssSharingSvg heateorSssSMSSvg" style="border-radius:999px;"></div></i></li>
																								<li title="Gettr">
											<i style="display:block;width:36px;height:36px;border-radius:999px;" class="heateorSssSharingBackground heateorSssGettrBackground"><div class="heateorSssSharingSvg heateorSssGettrSvg" style="border-radius:999px;"></div></i></li>
																								<li title="Copy Link">
											<i style="display:block;width:36px;height:36px;border-radius:999px;" class="heateorSssSharingBackground heateorSssCopyLinkBackground"><div class="heateorSssSharingSvg heateorSssCopyLinkSvg" style="border-radius:999px;"></div></i></li>
																								<li title="Vkontakte">
											<i style="display:block;width:36px;height:36px;border-radius:999px;" class="heateorSssSharingBackground heateorSssVkontakteBackground"><div class="heateorSssSharingSvg heateorSssVkontakteSvg" style="border-radius:999px;"></div></i></li>
																								<li title="Mastodon">
											<i style="display:block;width:36px;height:36px;border-radius:999px;" class="heateorSssSharingBackground heateorSssMastodonBackground"><div class="heateorSssSharingSvg heateorSssMastodonSvg" style="border-radius:999px;"></div></i></li>
																								<li title="Facebook like">
											<i style="display:block;width:36px;height:36px;border-radius:999px;" class=" heateorSssFacebooklikeBackground"><div class="heateorSssSharingSvg heateorSssFacebooklikeSvg" style="border-radius:999px;"></div></i></li>
																								<li title="Rutube">
											<i style="display:block;width:36px;height:36px;border-radius:999px;" class="heateorSssSharingBackground heateorSssRutubeBackground"><div class="heateorSssSharingSvg heateorSssRutubeSvg" style="border-radius:999px;"></div></i></li>
																								<li title="Facebook">
											<i style="display:block;width:36px;height:36px;border-radius:999px;" class="heateorSssSharingBackground heateorSssFacebookBackground"><div class="heateorSssSharingSvg heateorSssFacebookSvg" style="border-radius:999px;"></div></i></li>
																								<li title="Evernote">
											<i style="display:block;width:36px;height:36px;border-radius:999px;" class="heateorSssSharingBackground heateorSssEvernoteBackground"><div class="heateorSssSharingSvg heateorSssEvernoteSvg" style="border-radius:999px;"></div></i></li>
																								<li title="Pocket">
											<i style="display:block;width:36px;height:36px;border-radius:999px;" class="heateorSssSharingBackground heateorSssPocketBackground"><div class="heateorSssSharingSvg heateorSssPocketSvg" style="border-radius:999px;"></div></i></li>
																								<li title="Parler">
											<i style="display:block;width:36px;height:36px;border-radius:999px;" class="heateorSssSharingBackground heateorSssParlerBackground"><div class="heateorSssSharingSvg heateorSssParlerSvg" style="border-radius:999px;"></div></i></li>
																								<li title="Google Gmail">
											<i style="display:block;width:36px;height:36px;border-radius:999px;" class="heateorSssSharingBackground heateorSssGoogleGmailBackground"><div class="heateorSssSharingSvg heateorSssGoogleGmailSvg" style="border-radius:999px;"></div></i></li>
																								<li title="Outlook.com">
											<i style="display:block;width:36px;height:36px;border-radius:999px;" class="heateorSssSharingBackground heateorSssOutlookcomBackground"><div class="heateorSssSharingSvg heateorSssOutlookcomSvg" style="border-radius:999px;"></div></i></li>
																								<li title="Truth social">
											<i style="display:block;width:36px;height:36px;border-radius:999px;" class="heateorSssSharingBackground heateorSssTruthsocialBackground"><div class="heateorSssSharingSvg heateorSssTruthsocialSvg" style="border-radius:999px;"></div></i></li>
																								<li title="Whatsapp">
											<i style="display:block;width:36px;height:36px;border-radius:999px;" class="heateorSssSharingBackground heateorSssWhatsappBackground"><div class="heateorSssSharingSvg heateorSssWhatsappSvg" style="border-radius:999px;"></div></i></li>
																								<li title="Twitter">
											<i style="display:block;width:36px;height:36px;border-radius:999px;" class="heateorSssSharingBackground heateorSssTwitterBackground"><div class="heateorSssSharingSvg heateorSssTwitterSvg" style="border-radius:999px;"></div></i></li>
																						<li style="padding-top:7px"><label>[Sassy_Social_Share_Premium id="4"]</label></li>
									</ul>
									</div>
									<div style="clear:both"></div></div>
																</td>
						</tr>
						<tr class="heateor_sss_help_content" id="heateor_sss_share_instance_bottom_help_cont">
							<td colspan="2">
							<div>
							<?php _e( 'Choose the instance(s) of standard share bar you want to place at bottom of the content of your webpages. After each instance their shortcode is given with the ID of instance.' , 'sassy-social-share' ) ?>
							</div>
							</td>
						</tr>

<tr>
							<td colspan="2">
							<?php _e( '(Logo color of the icons here will always be white, even if you have saved any other Logo Color in the Theme Selection section. However, at the front-end of the website, icons will be of the color that you have saved in the Theme Selection section.', 'sassy-social-share' );
							?>
							<script>
							// facebook app id and secret options toggle variables
							var heateorSssHorizontalShares = <?php echo isset( $options['horizontal_counts'] ) ? 'true' : 'false' ?>, heateorSssHorizontalTotalShares = <?php echo isset( $options['horizontal_total_shares'] ) ? 'true' : 'false' ?>, heateorSssVerticalShares = <?php echo isset( $options['vertical_counts'] ) ? 'true' : 'false' ?>, heateorSssVerticalTotalShares = <?php echo isset( $options['vertical_total_shares'] ) ? 'true' : 'false' ?>, heateorSssHorizontalFacebookShareEnabled = <?php echo in_array( 'facebook', $options['horizontal_re_providers'] ) ? 'true' : 'false'; ?>, heateorSssVerticalFacebookShareEnabled = <?php echo in_array( 'facebook', $options['vertical_re_providers'] ) ? 'true' : 'false'; ?>;
							<?php
							$horSharingStyle = 'width:' . ( $options['horizontal_sharing_shape'] != 'rectangle' ? $options['horizontal_sharing_size'] : $options['horizontal_sharing_width'] ) . 'px;height:' . $line_height . 'px;';
							$horDeliciousRadius = '';
							if ( $options['horizontal_sharing_shape'] == 'round' ) {
								$horSharingStyle .= 'border-radius:999px;';
								$horDeliciousRadius = 'border-radius:999px;';
							} elseif ( isset( $options['horizontal_border_radius'] ) && $options['horizontal_border_radius'] != '' ) {
								$horSharingStyle .= 'border-radius:' . $options['horizontal_border_radius'] . 'px;';
							}
							?>
							var heateorSssHorSharingStyle = '<?php echo esc_js( $horSharingStyle ) ?>', heateorSssHorDeliciousRadius = '<?php echo esc_js( $horDeliciousRadius ) ?>', heateorSssLikeButtons = ["<?php echo esc_js( implode( '","', $like_buttons ) ) ?>"];
							</script>
							<style type="text/css">
							<?php if ( $horizontal_bg != '' ) { ?>
								ul#heateor_sss_rearrange i.heateorSssInstagramBackground{background:<?php echo esc_html( $horizontal_bg ) ?>!important;}
							<?php } 
							if ( $horizontal_bg_hover != '' ) { ?>
								ul#heateor_sss_rearrange i.heateorSssInstagramBackground:hover{background:<?php echo esc_html( $horizontal_bg_hover ) ?>!important;}
							<?php } ?>
							.heateorSssSharingBackground{
								<?php if ( $horizontal_bg ) { ?>
								background-color: <?php echo esc_html( $horizontal_bg ) ?>;
								<?php } if ( $border_width ) { ?>
								border-width: <?php echo esc_html( $border_width ) ?>px;
								border-style: solid;
								<?php } ?>
								border-color: <?php echo $border_color ? esc_html( $border_color ) : 'transparent'; ?>;
							}
							.heateorSssSharingBackground:hover{
								<?php if ( $horizontal_bg_hover ) { ?>
								background-color: <?php echo esc_html( $horizontal_bg_hover ) ?>;
								<?php }if ( $border_width_hover ) { ?>
								border-width: <?php echo esc_html( $border_width_hover ) ?>px;
								border-style: solid;
								<?php } ?>
								border-color: <?php echo $border_color_hover ? esc_html( $border_color_hover ) : 'transparent'; ?>;
							}
							</style>
							<ul id="heateor_sss_rearrange">
								<?php 
								if ( isset( $options['horizontal_re_providers'] ) ) {
									foreach ( $options['horizontal_re_providers'] as $rearrange ) {
										?>
										<li title="<?php echo esc_attr( ucfirst( str_replace( '_', ' ', $rearrange ) ) ) ?>" id="heateor_sss_re_horizontal_<?php echo esc_attr( str_replace(array( ' ', '.' ), '_', $rearrange ) ) ?>" >
										<i style="display:block;<?php echo esc_attr( $horSharingStyle ) ?>" class="<?php echo in_array( $rearrange, $like_buttons ) ? '' : 'heateorSssSharingBackground' ?> heateorSss<?php echo esc_attr( ucfirst( str_replace( array( '_', '.', ' ' ), '', $rearrange ) ) ) ?>Background"><div class="heateorSssSharingSvg heateorSss<?php echo esc_attr( ucfirst( str_replace( array( '_', ' ', '.' ), '', $rearrange ) ) ) ?>Svg" style="<?php echo esc_attr( $horDeliciousRadius ) ?>"></div></i>
										<input type="hidden" name="heateor_sss[horizontal_re_providers][]" value="<?php echo esc_attr( $rearrange ) ?>">
										</li>
										<?php
									}
								}
								?>
							</ul>
							</td>
						</tr>
						
						<tr class="heateor_sss_help_content" id="heateor_sss_rearrange_help_cont">
							<td colspan="2">
							<div>
							<?php _e( 'Drag the icons to rearrange in desired order', 'sassy-social-share' ) ?>
							</div>
							</td>
						</tr>

<tr>
							<td colspan="2" class="selectSharingNetworks">
							<?php
							foreach( $like_buttons as $like_button ) {
								?>
								<div class="heateorSssHorizontalSharingProviderContainer">
								<input id="heateor_sss_<?php echo esc_attr( $like_button ) ?>" type="checkbox" <?php echo isset( $options['horizontal_re_providers'] ) && in_array( $like_button, $options['horizontal_re_providers'] ) ? 'checked = "checked"' : '';?> value="<?php echo esc_attr( $like_button ) ?>" />
								<label for="heateor_sss_<?php echo esc_attr( $like_button ) ?>"><img src="<?php echo plugins_url( '../../images/sharing/'. $like_button .'.png', __FILE__ ) ?>" /></label>
								</div>
								<?php
							}
							?>
							<div style="clear:both"></div>
							<div style="width:100%; margin: 10px 0"><input type="text" onkeyup="heateorSssSearchSharingNetworks(this.value.trim())" placeholder="<?php _e( 'Search social network', 'sassy-social-share' ) ?>" class="search" /></div>
							<div style="clear:both"></div>
							<?php
							foreach( $sharing_networks as $sharing_network ) {
								?>
								<div class="heateorSssHorizontalSharingProviderContainer">
								<input id="heateor_sss_<?php echo esc_attr( $sharing_network ) ?>" type="checkbox" <?php echo isset( $options['horizontal_re_providers'] ) && in_array( $sharing_network, $options['horizontal_re_providers'] ) ? 'checked = "checked"' : '';?> <?php echo in_array( $sharing_network, array( 'truth_social', 'snapchat', 'Goodreads', 'minds', 'naver', 'band' ) ) ? 'disabled' : ''; ?> value="<?php echo esc_attr( $sharing_network ) ?>" />
								<label for="heateor_sss_<?php echo esc_attr( $sharing_network ) ?>"><i style="display:block;width:18px;height:18px;" class="heateorSssSharing heateorSss<?php echo esc_attr( str_replace( array( '_', '.', ' ' ), '', ucfirst( $sharing_network ) ) ) ?>Background"><ss style="display:block;" class="heateorSssSharingSvg heateorSss<?php echo esc_attr( str_replace( array( '_', '.', ' ' ), '', ucfirst( $sharing_network) ) ) ?>Svg"></ss></i></label>
								<label class="lblSocialNetwork" for="heateor_sss_<?php echo $sharing_network ?>"><?php echo ( in_array( $sharing_network, array( 'truth_social', 'snapchat', 'Goodreads', 'minds', 'naver', 'band' ) ) ? '<a href="https://www.heateor.com/comparison-between-sassy-social-share-pro-and-premium/" target="_blank">' : '' ) . esc_html( str_replace( '_', ' ', ucfirst( $sharing_network ) ) ) . ( in_array( $sharing_network, array( 'truth_social', 'snapchat', 'Goodreads', 'minds', 'naver', 'band' ) ) ? '</a>' : '' ) ?></label>
								</div>
								<?php
							}
							?>
							</td>
						</tr>
						
						<tr>
							<th>
							<label for="heateor_sss_hor_alignment"><?php _e( "Horizontal alignment", 'sassy-social-share' ); ?></label>
							<img id="heateor_sss_hor_alignment_help" class="heateor_sss_help_bubble" src="<?php echo plugins_url( '../../images/info.png', __FILE__ ) ?>" />
							</th>
							<td>
							<select id="heateor_sss_hor_alignment" name="heateor_sss[hor_sharing_alignment]">
								<option value="left" <?php echo isset( $options['hor_sharing_alignment'] ) && $options['hor_sharing_alignment'] == 'left' ? 'selected="selected"' : '' ?>><?php _e( 'Left', 'sassy-social-share' ) ?></option>
								<option value="center" <?php echo isset( $options['hor_sharing_alignment'] ) && $options['hor_sharing_alignment'] == 'center' ? 'selected="selected"' : '' ?>><?php _e( 'Center', 'sassy-social-share' ) ?></option>
								<option value="right" <?php echo isset( $options['hor_sharing_alignment'] ) && $options['hor_sharing_alignment'] == 'right' ? 'selected="selected"' : '' ?>><?php _e( 'Right', 'sassy-social-share' ) ?></option>
							</select>
							</td>
						</tr>
						
						<tr class="heateor_sss_help_content" id="heateor_sss_hor_alignment_help_cont">
							<td colspan="2">
							<div>
							<?php _e( 'Horizontal alignment of the sharing interface', 'sassy-social-share' ) ?>
							</div>
							</td>
						</tr>
						
						<tr>
							<th>
							<label><?php _e("Position with respect to content", 'sassy-social-share' ); ?></label>
							<img id="heateor_sss_position_help" class="heateor_sss_help_bubble" src="<?php echo plugins_url( '../../images/info.png', __FILE__ ) ?>" />
							</th>
							<td>
							<input id="heateor_sss_top" name="heateor_sss[top]" type="checkbox" <?php echo isset( $options['top'] ) ? 'checked = "checked"' : '';?> value="1" />
							<label for="heateor_sss_top"><?php _e( 'Top of the content', 'sassy-social-share' ) ?></label><br/>
							<input id="heateor_sss_bottom" name="heateor_sss[bottom]" type="checkbox" <?php echo isset( $options['bottom'] ) ? 'checked = "checked"' : '';?> value="1" />
							<label for="heateor_sss_bottom"><?php _e( 'Bottom of the content', 'sassy-social-share' ) ?></label>
							</td>
						</tr>
						
						<tr class="heateor_sss_help_content" id="heateor_sss_position_help_cont">
							<td colspan="2">
							<div>
							<?php _e( 'Specify position of the sharing interface with respect to the content', 'sassy-social-share' ) ?>
							</div>
							</td>
						</tr>

<tr>
								<th>
								<label for="heateor_sss_popup_top_offset"><a href="https://www.heateor.com/comparison-between-sassy-social-share-pro-and-premium/" target="_blank"><?php _e( "Top offset", 'sassy-social-share' ); ?></a></label>
								<img id="heateor_sss_popup_top_offset_help" class="heateor_sss_help_bubble" src="<?php echo plugins_url( '../../images/info.png', __FILE__ ) ?>" />
								</th>
								<td>
								<input type="text" style="width:50px" disabled />%
								</td>
							</tr>
							<tr class="heateor_sss_help_content" id="heateor_sss_popup_top_offset_help_cont">
								<td colspan="2">
								<div>
								<?php _e( 'Top offset of the popup. Increase in value pushes the popup towards bottom of the webpage', 'sassy-social-share' ) ?>
								</div>
								</td>
							</tr>
						</tbody>
						
						<tr>
							<th>
							<label><?php _e("Placement", 'sassy-social-share' ); ?></label>
							<img id="heateor_sss_location_help" class="heateor_sss_help_bubble" src="<?php echo plugins_url( '../../images/info.png', __FILE__ ) ?>" />
							</th>
							<td>
							<input id="heateor_sss_home" name="heateor_sss[home]" type="checkbox" <?php echo isset( $options['home'] ) ? 'checked = "checked"' : '';?> value="1" />
							<label for="heateor_sss_home"><?php _e( 'Homepage', 'sassy-social-share' ) ?></label><br/>
							<input id="heateor_sss_post" name="heateor_sss[post]" type="checkbox" <?php echo isset( $options['post'] ) ? 'checked = "checked"' : '';?> value="1" />
							<label for="heateor_sss_post"><?php _e( 'Posts', 'sassy-social-share' ) ?></label><br/>
							<input id="heateor_sss_page" name="heateor_sss[page]" type="checkbox" <?php echo isset( $options['page'] ) ? 'checked = "checked"' : '';?> value="1" />
							<label for="heateor_sss_page"><?php _e( 'Pages', 'sassy-social-share' ) ?></label><br/>
							<input id="heateor_sss_excerpt" name="heateor_sss[excerpt]" type="checkbox" <?php echo isset( $options['excerpt'] ) ? 'checked = "checked"' : '';?> value="1" />
							<label for="heateor_sss_excerpt"><?php _e( 'Excerpts and Posts page', 'sassy-social-share' ) ?></label><br/>
							<input id="heateor_sss_category" name="heateor_sss[category]" type="checkbox" <?php echo isset( $options['category'] ) ? 'checked = "checked"' : '';?> value="1" />
							<label for="heateor_sss_category"><?php _e( 'Category Archives', 'sassy-social-share' ) ?></label><br/>
							<input id="heateor_sss_archive" name="heateor_sss[archive]" type="checkbox" <?php echo isset( $options['archive'] ) ? 'checked = "checked"' : '';?> value="1" />
							<label for="heateor_sss_archive"><?php _e( 'Archive Pages (Category, Tag, Author or Date based pages)', 'sassy-social-share' ) ?></label><br/>
							<?php
							$post_types = get_post_types( array( 'public' => true ), 'names', 'and' );
							$post_types = array_diff( $post_types, array( 'post', 'page' ) );
							if ( count( $post_types ) ) {	
								foreach ( $post_types as $post_type ) {
									?>
									<input id="heateor_sss_<?php echo esc_attr( $post_type ) ?>" name="heateor_sss[<?php echo esc_attr( $post_type ) ?>]" type="checkbox" <?php echo isset( $options[$post_type] ) ? 'checked = "checked"' : '';?> value="1" />
									<label for="heateor_sss_<?php echo esc_attr( $post_type ) ?>"><?php echo esc_html( ucfirst( $post_type ) ); ?></label><br/>
									<?php
								}
							}
							
							if ( $this->is_bp_active) {
								?>
								<input id="heateor_sss_bp_activity" name="heateor_sss[bp_activity]" type="checkbox" <?php echo isset( $options['bp_activity'] ) ? 'checked = "checked"' : '';?> value="1" />
								<label for="heateor_sss_bp_activity"><?php _e( 'BuddyPress activity', 'sassy-social-share' ) ?></label><br/>
								<input id="heateor_sss_bp_group" name="heateor_sss[bp_group]" type="checkbox" <?php echo isset( $options['bp_group'] ) ? 'checked = "checked"' : '';?> value="1" />
								<label for="heateor_sss_bp_group"><?php _e( 'BuddyPress group (only at top of content)', 'sassy-social-share' ) ?></label><br/>
								<?php
							}
							if ( function_exists( 'is_bbpress' ) ) {
								?>
								<input id="heateor_sss_bb_forum" name="heateor_sss[bb_forum]" type="checkbox" <?php echo isset( $options['bb_forum'] ) ? 'checked = "checked"' : '';?> value="1" />
								<label for="heateor_sss_bb_forum"><?php _e( 'BBPress forum', 'sassy-social-share' ) ?></label>
								<br/>
								<input id="heateor_sss_bb_topic" name="heateor_sss[bb_topic]" type="checkbox" <?php echo isset( $options['bb_topic'] ) ? 'checked = "checked"' : '';?> value="1" />
								<label for="heateor_sss_bb_topic"><?php _e( 'BBPress topic', 'sassy-social-share' ) ?></label>
								<br/>
								<input id="heateor_sss_bb_reply" name="heateor_sss[bb_reply]" type="checkbox" <?php echo isset( $options['bb_reply'] ) ? 'checked = "checked"' : '';?> value="1" />
								<label for="heateor_sss_bb_reply"><?php _e( 'BBPress reply', 'sassy-social-share' ) ?></label>
								<br/>
								<?php
							}
							if ( $this->is_plugin_active( 'woocommerce/woocommerce.php' ) ) {
								?>
								<input id="heateor_sss_woocom_shop" name="heateor_sss[woocom_shop]" type="checkbox" <?php echo isset( $options['woocom_shop'] ) ? 'checked = "checked"' : '';?> value="1" />
								<label for="heateor_sss_woocom_shop"><?php _e( 'After individual product at WooCommerce Shop page', 'sassy-social-share' ) ?></label>
								<br/>
								<input id="heateor_sss_woocom_product" name="heateor_sss[woocom_product]" type="checkbox" <?php echo isset( $options['woocom_product'] ) ? 'checked = "checked"' : '';?> value="1" />
								<label for="heateor_sss_woocom_product"><?php _e( 'WooCommerce Product Page', 'sassy-social-share' ) ?></label>
								<br/>
								<input id="heateor_sss_woocom_thankyou" name="heateor_sss[woocom_thankyou]" type="checkbox" <?php echo isset( $options['woocom_thankyou'] ) ? 'checked = "checked"' : '';?> value="1" />
								<label for="heateor_sss_woocom_thankyou"><?php _e( 'WooCommerce Thankyou Page', 'sassy-social-share' ) ?></label>
								<br/>
								<?php
							}
							?>
							</td>
						</tr>
						
						<tr class="heateor_sss_help_content" id="heateor_sss_location_help_cont">
							<td colspan="2">
							<div>
							<?php _e( 'Specify the pages where you want to enable Sharing interface', 'sassy-social-share' ) ?>
							</div>
							</td>
						</tr>

<tr>
							<th>
							<label for="heateor_sss_counts"><?php _e( "Show share counts", 'sassy-social-share' ); ?></label>
							<img id="heateor_sss_count_help" class="heateor_sss_help_bubble" src="<?php echo plugins_url( '../../images/info.png', __FILE__ ) ?>" />
							</th>
							<td>
							<input id="heateor_sss_counts" name="heateor_sss[horizontal_counts]" type="checkbox" <?php echo isset( $options['horizontal_counts'] ) ? 'checked = "checked"' : '';?> value="1" onclick="if(this.checked){heateorSssHorizontalShares = true;}else{heateorSssHorizontalShares = false;}" />
							<br/>
							<span class="heateor_sss_help_content" style="display:block"><?php _e( 'Share counts are supported for X(Twitter), Buffer, Reddit, Pinterest, Odnoklassniki, Fintel and Vkontakte', 'sassy-social-share' ) ?></span>
							<span class="heateor_sss_help_content" style="display:block"><strong><?php echo sprintf( __( 'To show Twitter share count, you have to click "Give me my Twitter counts back" button at <a href="%s" target="_blank">TwitCount.com</a> and register your website %s with them. No need to copy-paste any code from their website.', 'sassy-social-share' ), 'http://twitcount.com', home_url() ) ?></strong></span>
							</td>
						</tr>
						
						<tr class="heateor_sss_help_content" id="heateor_sss_count_help_cont">
							<td colspan="2">
							<div>
							<?php _e( 'If enabled, share counts are displayed above sharing icons.', 'sassy-social-share' ) ?>
							</div>
							</td>
						</tr>

<tr>
							<th>
							<label for="heateor_sss_total_hor_shares"><?php _e("Show total shares", 'sassy-social-share' ); ?></label>
							<img id="heateor_sss_total_hor_shares_help" class="heateor_sss_help_bubble" src="<?php echo plugins_url( '../../images/info.png', __FILE__ ) ?>" />
							</th>
							<td>
							<input id="heateor_sss_total_hor_shares" name="heateor_sss[horizontal_total_shares]" type="checkbox" <?php echo isset( $options['horizontal_total_shares'] ) ? 'checked = "checked"' : '';?> value="1" onclick="if(this.checked){heateorSssHorizontalTotalShares = true;}else{heateorSssHorizontalTotalShares = false;}" />
							</td>
						</tr>
						
						<tr class="heateor_sss_help_content" id="heateor_sss_total_hor_shares_help_cont">
							<td colspan="2">
							<div>
							<?php _e( 'If enabled, total shares will be displayed with sharing icons', 'sassy-social-share' ) ?>
							</div>
							</td>
						</tr>

<tr>
							<th>
							<label for="heateor_sss_hmore"><?php _e( "Enable 'More' icon", 'sassy-social-share' ); ?></label>
							<img id="heateor_sss_hmore_help" class="heateor_sss_help_bubble" src="<?php echo plugins_url( '../../images/info.png', __FILE__ ) ?>" />
							</th>
							<td>
							<input id="heateor_sss_hmore" name="heateor_sss[horizontal_more]" type="checkbox" <?php echo isset( $options['horizontal_more'] ) ? 'checked = "checked"' : '';?> value="1" />
							</td>
						</tr>
						
						<tr class="heateor_sss_help_content" id="heateor_sss_hmore_help_cont">
							<td colspan="2">
							<div>
							<?php _e( 'If enabled, "More" icon will be displayed after selected sharing icons which shows additional sharing networks in popup', 'sassy-social-share' ) ?>
							</div>
							</td>
						</tr>

<tr>
							<th>
							<label for="heateor_sss_priority"><a href="https://www.heateor.com/comparison-between-sassy-social-share-pro-and-premium/" target="_blank"><?php _e( "Priority for Social Share bar to appear at front-end", 'sassy-social-share' ); ?></a></label>
							<img id="heateor_sss_priority_help" class="heateor_sss_help_bubble" src="<?php echo plugins_url( '../../images/info.png', __FILE__ ) ?>" />
							</th>
							<td>
								<input type="text" disabled />
							</td>
						</tr>
						<tr class="heateor_sss_help_content" id="heateor_sss_priority_help_cont">
							<td colspan="2">
							<div>
							<?php _e( 'Higher number causes Social Share bar to appear below other elements at the webpage', 'sassy-social-share' ) ?>
							</div>
							</td>
						</tr>
						</tbody>
					</table>
					</div>
				</div>
				
				</div>
				<?php include 'sassy-social-share-about.php'; ?>
			</div>
			
			<div class="menu_containt_div" id="tabs-3">
				<div class="clear"></div>
				<div class="heateor_sss_left_column">
					<div class="stuffbox">
					<h3><label><?php _e( 'Floating Sharing Interface Options', 'sassy-social-share' );?></label></h3>
					<div class="inside">
					<table width="100%" border="0" cellspacing="0" cellpadding="0" class="form-table editcomment menu_content_table">
						<tr>
							<th>
							<label for="heateor_sss_vertical_enable"><?php _e("Enable Floating sharing interface", 'sassy-social-share' ); ?></label>
							<img id="heateor_sss_vertical_enable_help" class="heateor_sss_help_bubble" src="<?php echo plugins_url( '../../images/info.png', __FILE__ ) ?>" />
							</th>
							<td>
							<input id="heateor_sss_vertical_enable" onclick="heateorSssVerticalSharingOptionsToggle(this)" name="heateor_sss[vertical_enable]" type="checkbox" <?php echo isset( $options['vertical_enable'] ) ? 'checked = "checked"' : '';?> value="1" />
							</td>
						</tr>
						
						<tr class="heateor_sss_help_content" id="heateor_sss_vertical_enable_help_cont">
							<td colspan="2">
							<div>
							<?php _e( 'Master control to enable floating sharing widget', 'sassy-social-share' ) ?>
							</div>
							</td>
						</tr>
						
						<tbody id="heateor_sss_vertical_sharing_options" <?php echo isset( $options['vertical_enable'] ) ? '' : 'style="display: none"'; ?>>
						<tr>
							<th>
							<label for="heateor_sss_vertical_target_url"><?php _e("Target Url", 'sassy-social-share' ); ?></label>
							<img id="heateor_sss_vertical_target_url_help" class="heateor_sss_help_bubble" src="<?php echo plugins_url( '../../images/info.png', __FILE__ ) ?>" />
							</th>
							<td id="heateor_sss_vertical_target_url_column">
							<input id="heateor_sss_vertical_target_url_default" name="heateor_sss[vertical_target_url]" type="radio" <?php echo ! isset( $options['vertical_target_url'] ) || $options['vertical_target_url'] == 'default' ? 'checked = "checked"' : '';?> value="default" />
							<label for="heateor_sss_vertical_target_url_default"><?php _e( 'Url of the webpage where icons are located (default)', 'sassy-social-share' ) ?></label><br/>
							<input id="heateor_sss_vertical_target_url_home" name="heateor_sss[vertical_target_url]" type="radio" <?php echo isset( $options['vertical_target_url'] ) && $options['vertical_target_url'] == 'home' ? 'checked = "checked"' : '';?> value="home" />
							<label for="heateor_sss_vertical_target_url_home"><?php _e( 'Url of the homepage of your website', 'sassy-social-share' ) ?></label><br/>
							<input id="heateor_sss_vertical_target_url_custom" name="heateor_sss[vertical_target_url]" type="radio" <?php echo isset( $options['vertical_target_url'] ) && $options['vertical_target_url'] == 'custom' ? 'checked = "checked"' : '';?> value="custom" />
							<label for="heateor_sss_vertical_target_url_custom"><?php _e( 'Custom url', 'sassy-social-share' ) ?></label><br/>
							<input id="heateor_sss_vertical_target_url_custom_url" name="heateor_sss[vertical_target_url_custom]" type="text" value="<?php echo isset( $options['vertical_target_url_custom'] ) ? esc_url( $options['vertical_target_url_custom'] ) : '' ?>" />
							</td>
						</tr>
						<tr class="heateor_sss_help_content" id="heateor_sss_vertical_target_url_help_cont">
							<td colspan="2">
							<div>
							<?php _e( 'Url to share', 'sassy-social-share' ) ?>
							</div>
							</td>
						</tr>
						
						<tbody id="heateor_sss_vertical_instagram_options" <?php echo ! in_array( 'instagram', $options['vertical_re_providers'] ) ? 'style="display:none"' : '';?> >
							<tr>
								<th>
								<label for="heateor_sss_vertical_instagram_username"><?php _e("Instagram username", 'sassy-social-share' ); ?></label>
								<img id="heateor_sss_vertical_instagram_username_help" class="heateor_sss_help_bubble" src="<?php echo plugins_url( '../../images/info.png', __FILE__ ) ?>" />
								</th>
								<td>
								<input id="heateor_sss_vertical_instagram_username" name="heateor_sss[vertical_instagram_username]" type="text" value="<?php echo esc_attr( $instagram_username ) ?>" />
								</td>
							</tr>
							
							<tr class="heateor_sss_help_content" id="heateor_sss_vertical_instagram_username_help_cont">
								<td colspan="2">
								<div>
								<?php _e( 'Username of the Instagram account you want to redirect users to, on clicking the icon', 'sassy-social-share' ) ?>
								</div>
								</td>
							</tr>
						</tbody>
						<tbody id="heateor_sss_vertical_youtube_options" <?php echo ! in_array( 'youtube', $options['vertical_re_providers'] ) ? 'style="display:none"' : '';?> >
							<tr>
								<th>
								<label for="heateor_sss_vertical_youtube_username"><?php _e( "Youtube URL", 'sassy-social-share' ); ?></label>
								<img id="heateor_sss_vertical_youtube_username_help" class="heateor_sss_help_bubble" src="<?php echo plugins_url( '../../images/info.png', __FILE__ ) ?>" />
								</th>
								<td>
								<input id="heateor_sss_vertical_youtube_username" name="heateor_sss[vertical_youtube_username]" type="text" value="<?php echo esc_attr( $youtube_username ) ?>" />
								</td>
							</tr>
							<tr class="heateor_sss_help_content" id="heateor_sss_vertical_youtube_username_help_cont">
								<td colspan="2">
								<div>
								<?php _e( 'URL of the Youtube page where you want the website-visitors to get redirected on click of the icon', 'sassy-social-share' ) ?>
								</div>
								</td>
							</tr>
						</tbody>
						<tbody id="heateor_sss_vertical_rutube_options" <?php echo ! in_array( 'rutube', $options['vertical_re_providers'] ) ? 'style="display:none"' : '';?> >
							<tr>
								<th>
								<label for="heateor_sss_vertical_rutube_username"><?php _e( "Rutube URL", 'sassy-social-share' ); ?></label>
								<img id="heateor_sss_vertical_rutube_username_help" class="heateor_sss_help_bubble" src="<?php echo plugins_url( '../../images/info.png', __FILE__ ) ?>" />
								</th>
								<td>

<tr>
							<th>
							<label><?php _e( "Rearrange icons", 'sassy-social-share' ); ?></label>
							<img id="heateor_sss_vertical_rearrange_help" class="heateor_sss_help_bubble" src="<?php echo plugins_url( '../../images/info.png', __FILE__ ) ?>" />
							</th>
						</tr>
						
						<tr>
							<td colspan="2">
							<?php _e( '(Logo color of the icons here will always be white, even if you have saved any other Logo Color in the Theme Selection section. However, at the front-end of the website, icons will be of the color that you have saved in the Theme Selection section.', 'sassy-social-share' );
							?>
							<script>
							<?php
							$verticalSharingStyle = 'width:' . ( $options['vertical_sharing_shape'] != 'rectangle' ? $options['vertical_sharing_size'] : $options['vertical_sharing_width'] ) . 'px;height:' . $vertical_line_height . 'px;';
							$verticalDeliciousRadius = '';
							if ( $options['vertical_sharing_shape'] == 'round' ) {
								$verticalSharingStyle .= 'border-radius:999px;';
								$verticalDeliciousRadius = 'border-radius:999px;';
							} elseif ( isset( $options['vertical_border_radius'] ) && $options['vertical_border_radius'] != '' ) {
								$verticalSharingStyle .= 'border-radius:' . $options['vertical_border_radius'] . 'px;';
							}
							?>
							var heateorSssVerticalSharingStyle = '<?php echo esc_js( $verticalSharingStyle ) ?>', heateorSssVerticalDeliciousRadius = '<?php echo esc_js( $verticalDeliciousRadius ) ?>';
							</script>
							<style type="text/css">
							<?php if ( $options['vertical_bg_color_default'] != '' ) {?>
								ul#heateor_sss_vertical_rearrange  i.heateorSssInstagramBackground{background:<?php echo esc_html( $vertical_bg ) ?>!important;}
							<?php }
							if ( $options['vertical_bg_color_hover'] != '' ) { ?>
								ul#heateor_sss_vertical_rearrange i.heateorSssInstagramBackground:hover{background:<?php echo esc_html( $vertical_bg_hover ) ?>!important;}
							<?php } ?>
							.heateorSssVerticalSharingBackground{
								<?php if ( $vertical_bg ) { ?>
								background-color: <?php echo esc_html( $vertical_bg ) ?>;
								<?php }if ( $vertical_border_width) { ?>
								border-width: <?php echo esc_html( $vertical_border_width ) ?>px;
								border-style: solid;
								<?php } ?>
								border-color: <?php echo $vertical_border_color ? esc_html( $vertical_border_color ) : 'transparent'; ?>;
							}
							.heateorSssVerticalSharingBackground:hover{
								<?php if ( $vertical_bg_hover ) { ?>
								background-color: <?php echo esc_html( $vertical_bg_hover ) ?>;
								<?php } if ( $vertical_border_width_hover ) { ?>
								border-width: <?php echo esc_html( $vertical_border_width_hover ) ?>px;
								border-style: solid;
								<?php } ?>
								border-color: <?php echo $vertical_border_color_hover ? esc_html( $vertical_border_color_hover ) : 'transparent'; ?>;
							}
							</style>
							<ul id="heateor_sss_vertical_rearrange">
								<?php
								if ( isset( $options['vertical_re_providers'] ) ) {
									foreach ( $options['vertical_re_providers'] as $rearrange ) {
										?>
										<li title="<?php echo esc_attr( ucfirst( str_replace( '_', ' ', $rearrange ) ) ) ?>" id="heateor_sss_re_vertical_<?php echo esc_attr( str_replace( array( ' ', '.' ), '_', $rearrange ) ) ?>" >
										<i style="display:block;<?php echo esc_attr( $verticalSharingStyle ) ?>" class="<?php echo in_array( $rearrange, $like_buttons ) ? '' : 'heateorSssVerticalSharingBackground' ?> heateorSss<?php echo esc_attr( ucfirst( str_replace( array( '_', '.', ' ' ), '', $rearrange ) ) ) ?>Background"><div class="heateorSssSharingSvg heateorSss<?php echo esc_attr( ucfirst( str_replace( array( '_', '.', ' ' ), '', $rearrange ) ) ) ?>Svg" style="<?php echo esc_attr( $verticalDeliciousRadius ) ?>"></div></i>
										<input type="hidden" name="heateor_sss[vertical_re_providers][]" value="<?php echo esc_attr( $rearrange ) ?>">
										</li>
										<?php
									}
								}
								?>
							</ul>
							</td>
						</tr>
						
						<tr class="heateor_sss_help_content" id="heateor_sss_vertical_rearrange_help_cont">
							<td colspan="2">
							<div>
							<?php _e( 'Drag the icons to rearrange in desired order', 'sassy-social-share' ) ?>
							</div>
							</td>
						</tr>

<tr>
							<td colspan="2" class="selectSharingNetworks">
							<?php
							foreach( $like_buttons as $like_button ) {
								?>
								<div class="heateorSssVerticalSharingProviderContainer">
								<input id="heateor_sss_vertical_<?php echo esc_attr( $like_button ) ?>" type="checkbox" <?php echo isset( $options['vertical_re_providers'] ) && in_array( $like_button, $options['vertical_re_providers'] ) ? 'checked = "checked"' : ''; ?> value="<?php echo esc_attr( $like_button ) ?>" />
								<label for="heateor_sss_vertical_<?php echo esc_attr( $like_button ) ?>"><img src="<?php echo plugins_url( '../../images/sharing/'. $like_button .'.png', __FILE__ ) ?>" /></label>
								</div>
								<?php
							}
							?>
							<div style="clear:both"></div>
							<div style="width:100%; margin: 10px 0"><input type="text" onkeyup="heateorSssSearchSharingNetworks(this.value.trim())" placeholder="<?php _e( 'Search social network', 'sassy-social-share' ) ?>" class="search" /></div>
							<div style="clear:both"></div>
							<?php
							foreach( $sharing_networks as $sharing_network ) {
								?>
								<div class="heateorSssVerticalSharingProviderContainer">
								<input id="heateor_sss_vertical_sharing_<?php echo esc_attr( $sharing_network ) ?>" type="checkbox" <?php echo isset( $options['vertical_re_providers'] ) && in_array( $sharing_network, $options['vertical_re_providers'] ) ? 'checked = "checked"' : ''; ?> <?php echo in_array( $sharing_network, array( 'truth_social', 'snapchat', 'Goodreads', 'minds', 'naver', 'band' ) ) ? 'disabled' : ''; ?> value="<?php echo esc_attr( $sharing_network ) ?>" />
								<label for="heateor_sss_vertical_sharing_<?php echo esc_attr( $sharing_network ) ?>"><i style="display:block;width:18px;height:18px;" class="heateorSssSharing heateorSss<?php echo esc_attr( str_replace( array( '_', '.', ' ' ), '', ucfirst( $sharing_network ) ) ) ?>Background"><ss style="display:block;" class="heateorSssSharingSvg heateorSss<?php echo esc_attr( str_replace( array( '_', '.', ' ' ), '', ucfirst( $sharing_network ) ) ) ?>Svg"></ss></i></label>
								<label class="lblSocialNetwork" for="heateor_sss_vertical_sharing_<?php echo $sharing_network ?>"><?php echo ( in_array( $sharing_network, array( 'truth_social', 'snapchat', 'Goodreads', 'minds', 'naver', 'band' ) ) ? '<a href="https://www.heateor.com/comparison-between-sassy-social-share-pro-and-premium/" target="_blank">' : '' ) . esc_html( str_replace( '_', ' ', ucfirst( $sharing_network ) ) ) . ( in_array( $sharing_network, array( 'truth_social', 'snapchat', 'Goodreads', 'minds', 'naver', 'band' ) ) ? '</a>' : '' ) ?></label>
								</div>
								<?php
							}
							?>
							</td>
						</tr>
						
						<tr>
							<th>
							<label><?php _e("Background Color", 'sassy-social-share' ); ?></label>
							<img id="heateor_sss_vertical_bg_color_help" class="heateor_sss_help_bubble" src="<?php echo plugins_url( '../../images/info.png', __FILE__ ) ?>" />
							</th>
							<td>
							<input style="width: 100px" name="heateor_sss[vertical_bg]" type="text" value="<?php echo isset( $options['vertical_bg'] ) ? esc_attr( $options['vertical_bg'] ) : '' ?>" />
							</td>
						</tr>
						
						<tr class="heateor_sss_help_content" id="heateor_sss_vertical_bg_color_help_cont">
							<td colspan="2">
							<div>
							<?php _e( 'Specify the color or hex code (example #cc78e0) for the background of vertical sharing bar. Leave empty for transparent. You can get the hex code of the required color from <a href="http://www.colorpicker.com/" target="_blank">this link</a>', 'sassy-social-share' ) ?>
							</div>
							</td>
						</tr>
						
						<tr>
							<th>
							<label for="heateor_sss_alignment"><?php _e("Horizontal alignment", 'sassy-social-share' ); ?></label>
							<img id="heateor_sss_alignment_help" class="heateor_sss_help_bubble" src="<?php echo plugins_url( '../../images/info.png', __FILE__ ) ?>" />
							</th>
							<td>
							<select onchange="heateorSssToggleOffset(this.value)" id="heateor_sss_alignment" name="heateor_sss[alignment]">
								<option value="left" <?php echo isset( $options['alignment'] ) && $options['alignment'] == 'left' ? 'selected="selected"' : '' ?>><?php _e( 'Left', 'sassy-social-share' ) ?></option>
								<option value="right" <?php echo isset( $options['alignment'] ) && $options['alignment'] == 'right' ? 'selected="selected"' : '' ?>><?php _e( 'Right', 'sassy-social-share' ) ?></option>
							</select>
							</td>
						</tr>
						
						<tr class="heateor_sss_help_content" id="heateor_sss_alignment_help_cont">
							<td colspan="2">
							<div>
							<?php _e( 'Horizontal alignment of the sharing interface', 'sassy-social-share' ) ?>
							</div>
							</td>
						</tr>
						
						<tbody id="heateor_sss_left_offset_rows" <?php echo ( isset( $options['alignment'] ) && $options['alignment'] == 'left' ) ? '' : 'style="display: none"' ?>>
						<tr>
							<th>
							<label for="heateor_sss_left_offset"><?php _e( "Left offset", 'sassy-social-share' ); ?></label>
							<img id="heateor_sss_left_offset_help" class="heateor_sss_help_bubble" src="<?php echo plugins_url( '../../images/info.png', __FILE__ ) ?>" />
							</th>
							<td>
							<input style="width: 100px" id="heateor_sss_left_offset" name="heateor_sss[left_offset]" type="text" value="<?php echo isset( $options['left_offset'] ) ? esc_attr( $options['left_offset'] ) : '' ?>" />px
							</td>
						</tr>
						
						<tr class="heateor_sss_help_content" id="heateor_sss_left_offset_help_cont">
							<td colspan="2">
							<div>
							<?php _e( 'Specify a number. Increase in number will shift sharing interface towards right and decrease will shift it towards left. Number can be negative too.', 'sassy-social-share' ) ?>
							</div>
							</td>
						</tr>
						</tbody>
						
						<tbody id="heateor_sss_right_offset_rows" <?php echo ( isset( $options['alignment'] ) && $options['alignment'] == 'right' ) ? '' : 'style="display:none"' ?>>
						<tr>
							<th>
							<label for="heateor_sss_right_offset"><?php _e("Right offset", 'sassy-social-share' ); ?></label>
							<img id="heateor_sss_right_offset_help" class="heateor_sss_help_bubble" src="<?php echo plugins_url( '../../images/info.png', __FILE__ ) ?>" />
							</th>
							<td>
							<input style="width: 100px" id="heateor_sss_right_offset" name="heateor_sss[right_offset]" type="text" value="<?php echo isset( $options['right_offset'] ) ? esc_attr( $options['right_offset'] ) : '' ?>" />px
							</td>
						</tr>
						
						<tr class="heateor_sss_help_content" id="heateor_sss_right_offset_help_cont">
							<td colspan="2">
							<div>
							<?php _e( 'Specify a number. Increase in number will shift sharing interface towards left and decrease will shift it towards right. Number can be negative too.', 'sassy-social-share' ) ?>
							</div>
							</td>
						</tr>
						</tbody>
						
						<tr>
							<th>
							<label for="heateor_sss_top_offset"><?php _e("Top offset", 'sassy-social-share' ); ?></label>
							<img id="heateor_sss_top_offset_help" class="heateor_sss_help_bubble" src="<?php echo plugins_url( '../../images/info.png', __FILE__ ) ?>" />
							</th>
							<td>
							<input style="width: 100px" id="heateor_sss_top_offset" name="heateor_sss[top_offset]" type="text" value="<?php echo isset( $options['top_offset'] ) ? esc_attr( $options['top_offset'] ) : '' ?>" />px
							</td>
						</tr>
						
						<tr class="heateor_sss_help_content" id="heateor_sss_top_offset_help_cont">
							<td colspan="2">
							<div>
							<?php _e( 'Specify a number. Increase in number will shift sharing interface towards bottom and decrease will shift it towards top.', 'sassy-social-share' ) ?>
							</div>
							</td>
						</tr>
						
						<tr>
							<th>
							<label><?php _e("Placement", 'sassy-social-share' ); ?></label>
							<img id="heateor_sss_vertical_location_help" class="heateor_sss_help_bubble" src="<?php echo plugins_url( '../../images/info.png', __FILE__ ) ?>" />
							</th>
							<td>
							<input id="heateor_sss_vertical_home" name="heateor_sss[vertical_home]" type="checkbox" <?php echo isset( $options['vertical_home'] ) ? 'checked = "checked"' : '';?> value="1" />
							<label for="heateor_sss_vertical_home"><?php _e( 'Homepage', 'sassy-social-share' ) ?></label><br/>
							<input id="heateor_sss_vertical_post" name="heateor_sss[vertical_post]" type="checkbox" <?php echo isset( $options['vertical_post'] ) ? 'checked = "checked"' : '';?> value="1" />
							<label for="heateor_sss_vertical_post"><?php _e( 'Posts', 'sassy-social-share' ) ?></label><br/>
							<input id="heateor_sss_vertical_page" name="heateor_sss[vertical_page]" type="checkbox" <?php echo isset( $options['vertical_page'] ) ? 'checked = "checked"' : '';?> value="1" />
							<label for="heateor_sss_vertical_page"><?php _e( 'Pages', 'sassy-social-share' ) ?></label><br/>
							<input id="heateor_sss_vertical_excerpt" name="heateor_sss[vertical_excerpt]" type="checkbox" <?php echo isset( $options['vertical_excerpt'] ) ? 'checked = "checked"' : '';?> value="1" />
							<label for="heateor_sss_vertical_excerpt"><?php _e( 'Excerpts and Posts page', 'sassy-social-share' ) ?></label><br/>
							<input id="heateor_sss_vertical_category" name="heateor_sss[vertical_category]" type="checkbox" <?php echo isset( $options['vertical_category'] ) ? 'checked = "checked"' : '';?> value="1" />
							<label for="heateor_sss_vertical_category"><?php _e( 'Category Archives', 'sassy-social-share' ) ?></label><br/>
							<input id="heateor_sss_vertical_archive" name="heateor_sss[vertical_archive]" type="checkbox" <?php echo isset( $options['vertical_archive'] ) ? 'checked = "checked"' : '';?> value="1" />
							<label for="heateor_sss_vertical_archive"><?php _e( 'Archive Pages (Category, Tag, Author or Date based pages)', 'sassy-social-share' ) ?></label><br/>
							<?php
							if ( count( $post_types ) ) {
								foreach ( $post_types as $post_type ) {
									?>
									<input id="heateor_sss_vertical_<?php echo esc_attr( $post_type ) ?>" name="heateor_sss[vertical_<?php echo $post_type ?>]" type="checkbox" <?php echo isset( $options['vertical_' . $post_type] ) ? 'checked = "checked"' : '';?> value="1" />
									<label for="heateor_sss_vertical_<?php echo esc_attr( $post_type ) ?>"><?php echo esc_html( ucfirst( $post_type ) ); ?></label><br/>
									<?php
								}
							}

if ( $this->is_bp_active) {
								?>
								<input id="heateor_sss_vertical_bp_group" name="heateor_sss[vertical_bp_group]" type="checkbox" <?php echo isset( $options['vertical_bp_group'] ) ? 'checked = "checked"' : '';?> value="1" />
								<label for="heateor_sss_vertical_bp_group"><?php _e( 'BuddyPress group', 'sassy-social-share' ) ?></label><br/>
								<?php
							}

if (function_exists( 'is_bbpress' ) ) {
								?>
								<input id="heateor_sss_vertical_bb_forum" name="heateor_sss[vertical_bb_forum]" type="checkbox" <?php echo isset( $options['vertical_bb_forum'] ) ? 'checked = "checked"' : '';?> value="1" />
								<label for="heateor_sss_vertical_bb_forum"><?php _e( 'BBPress forum', 'sassy-social-share' ) ?></label>
								<br/>
								<input id="heateor_sss_vertical_bb_topic" name="heateor_sss[vertical_bb_topic]" type="checkbox" <?php echo isset( $options['vertical_bb_topic'] ) ? 'checked = "checked"' : '';?> value="1" />
								<label for="heateor_sss_vertical_bb_topic"><?php _e( 'BBPress topic', 'sassy-social-share' ) ?></label>
								<br/>
								<?php
							}

if ( $this->is_plugin_active( 'woocommerce/woocommerce.php' ) ) {
								?>
								<input id="heateor_sss_vertical_woocom_shop" name="heateor_sss[vertical_woocom_shop]" type="checkbox" <?php echo isset( $options['vertical_woocom_shop'] ) ? 'checked = "checked"' : '';?> value="1" />
								<label for="heateor_sss_vertical_woocom_shop"><?php _e( 'After individual product at WooCommerce Shop page', 'sassy-social-share' ) ?></label>
								<br/>
								<input id="heateor_sss_vertical_woocom_product" name="heateor_sss[vertical_woocom_product]" type="checkbox" <?php echo isset( $options['vertical_woocom_product'] ) ? 'checked = "checked"' : '';?> value="1" />
								<label for="heateor_sss_vertical_woocom_product"><?php _e( 'WooCommerce Product Page', 'sassy-social-share' ) ?></label>
								<br/>
								<input id="heateor_sss_vertical_woocom_thankyou" name="heateor_sss[vertical_woocom_thankyou]" type="checkbox" <?php echo isset( $options['vertical_woocom_thankyou'] ) ? 'checked = "checked"' : '';?> value="1" />
								<label for="heateor_sss_vertical_woocom_thankyou"><?php _e( 'WooCommerce Thankyou Page', 'sassy-social-share' ) ?></label>
								<br/>
								<?php
							}
							?>
							</td>
						</tr>
						
						<tr class="heateor_sss_help_content" id="heateor_sss_vertical_location_help_cont">
							<td colspan="2">
							<div>
							<?php _e( 'Specify the pages where you want to enable vertical Sharing interface', 'sassy-social-share' ) ?>
							</div>
							</td>
						</tr>

<tr>
							<th>
							<label for="heateor_sss_vertical_counts"><?php _e( "Show share counts", 'sassy-social-share' ); ?></label>
							<img id="heateor_sss_vertical_count_help" class="heateor_sss_help_bubble" src="<?php echo plugins_url( '../../images/info.png', __FILE__ ) ?>" />
							</th>
							<td>
							<input id="heateor_sss_vertical_counts" name="heateor_sss[vertical_counts]" type="checkbox" <?php echo isset( $options['vertical_counts'] ) ? 'checked = "checked"' : '';?> value="1" onclick="if(this.checked){heateorSssVerticalShares = true;}else{heateorSssVerticalShares = false;}" />
							<br/>
							<span class="heateor_sss_help_content" style="display:block"><?php _e( 'Share counts are supported for X(Twitter), Buffer, Reddit, Pinterest, Odnoklassniki, Fintel and Vkontakte', 'sassy-social-share' ) ?></span>
							<span class="heateor_sss_help_content" style="display:block"><strong><?php echo sprintf( __( 'To show Twitter share count, you have to click "Give me my Twitter counts back" button at <a href="%s" target="_blank">TwitCount.com</a> and register your website %s with them. No need to copy-paste any code from their website.', 'sassy-social-share' ), 'http://twitcount.com', home_url() ) ?></strong></span>
							</td>
						</tr>
						
						<tr class="heateor_sss_help_content" id="heateor_sss_vertical_count_help_cont">
							<td colspan="2">
							<div>
							<?php _e( 'If enabled, share counts are displayed above sharing icons.', 'sassy-social-share' ) ?>
							</div>
							</td>
						</tr>

<tr>
							<th>
							<label for="heateor_sss_total_vertical_shares"><?php _e( "Show total shares", 'sassy-social-share' ); ?></label>
							<img id="heateor_sss_total_vertical_shares_help" class="heateor_sss_help_bubble" src="<?php echo plugins_url( '../../images/info.png', __FILE__ ) ?>" />
							</th>
							<td>
							<input id="heateor_sss_total_vertical_shares" name="heateor_sss[vertical_total_shares]" type="checkbox" onclick="if(this.checked){heateorSssVerticalTotalShares = true;}else{heateorSssVerticalTotalShares = false;}" <?php echo isset( $options['vertical_total_shares'] ) ? 'checked = "checked"' : '';?> value="1" />
							</td>
						</tr>
						
						<tr class="heateor_sss_help_content" id="heateor_sss_total_vertical_shares_help_cont">
							<td colspan="2">
							<div>
							<?php _e( 'If enabled, total shares will be displayed with sharing icons', 'sassy-social-share' ) ?>
							</div>
							</td>
						</tr>

<tr>
							<th>
							<label for="heateor_sss_vmore"><?php _e( "Enable 'More' icon", 'sassy-social-share' ); ?></label>
							<img id="heateor_sss_vmore_help" class="heateor_sss_help_bubble" src="<?php echo plugins_url( '../../images/info.png', __FILE__ ) ?>" />
							</th>
							<td>
							<input id="heateor_sss_vmore" name="heateor_sss[vertical_more]" type="checkbox" <?php echo isset( $options['vertical_more'] ) ? 'checked = "checked"' : '';?> value="1" />
							</td>
						</tr>
						
						<tr class="heateor_sss_help_content" id="heateor_sss_vmore_help_cont">
							<td colspan="2">
							<div>
							<?php _e( 'If enabled, "More" icon will be displayed after selected sharing icons which shows additional sharing networks in popup', 'sassy-social-share' ) ?>
							</div>
							</td>
						</tr>

<tr>
							<th>
							<label for="heateor_sss_hslider"><?php _e( "Hide floating slider", 'sassy-social-share' ); ?></label>
							<img id="heateor_sss_hslider_help" class="heateor_sss_help_bubble" src="<?php echo plugins_url( '../../images/info.png', __FILE__ ) ?>" />
							</th>
							<td>
							<input id="heateor_sss_hslider" name="heateor_sss[hide_slider]" type="checkbox" <?php echo isset( $options['hide_slider'] ) ? 'checked = "checked"' : '';?> value="1" />
							</td>
						</tr>
						
						<tr class="heateor_sss_help_content" id="heateor_sss_hslider_help_cont">
							<td colspan="2">
							<div>
							<?php _e( 'Hides the slider arrow present below the floating share bar', 'sassy-social-share' ) ?>
							</div>
							</td>
						</tr>

<tr>
							<th>
							<img id="heateor_sss_mobile_sharing_help" class="heateor_sss_help_bubble" src="<?php echo plugins_url( '../../images/info.png', __FILE__ ) ?>" />
							<label for="heateor_sss_mobile_sharing"><?php _e("Vertical floating bar responsiveness", 'sassy-social-share' ); ?></label>
							</th>
							<td>
							<input id="heateor_sss_mobile_sharing" name="heateor_sss[hide_mobile_sharing]" type="checkbox" <?php echo isset( $options['hide_mobile_sharing'] ) ? 'checked = "checked"' : '';?> value="1" /><label><?php echo sprintf( __( 'Display vertical interface only when screen is wider than %s pixels', 'sassy-social-share' ), '<input style="width:46px" name="heateor_sss[vertical_screen_width]" type="text" value="' . ( isset( $options['vertical_screen_width'] ) ? $options['vertical_screen_width'] : '' ) . '" />' ) ?></label>
							</td>
						</tr>
						
						<tr class="heateor_sss_help_content" id="heateor_sss_mobile_sharing_help_cont">
							<td colspan="2">
							<div>
							<?php _e( 'Display vertical interface only when screen is wider than the width specified.', 'sassy-social-share' ) ?>
							</div>
							</td>
						</tr>

<tr>
							<th>
							<label for="heateor_sss_mobile_sharing_bottom"><?php _e("Horizontal floating bar responsiveness", 'sassy-social-share' ); ?></label>
							<img id="heateor_sss_mobile_sharing_bottom_help" class="heateor_sss_help_bubble" src="<?php echo plugins_url( '../../images/info.png', __FILE__ ) ?>" />
							</th>
							<td>
							<input id="heateor_sss_mobile_sharing_bottom" name="heateor_sss[bottom_mobile_sharing]" type="checkbox" <?php echo isset( $options['bottom_mobile_sharing'] ) ? 'checked = "checked"' : '';?> value="1" /><label><?php echo sprintf( __( 'Stick vertical floating interface horizontally at bottom only when screen is narrower than %s pixels', 'sassy-social-share' ), '<input style="width:46px" name="heateor_sss[horizontal_screen_width]" type="text" value="' . ( isset( $options['horizontal_screen_width'] ) ? $options['horizontal_screen_width'] : '' ) . '" />' ) ?></label>
							</td>
						</tr>
						
						<tr class="heateor_sss_help_content" id="heateor_sss_mobile_sharing_bottom_help_cont">
							<td colspan="2">
							<div>
							<?php _e( 'Stick vertical floating interface horizontally at bottom only when screen is narrower than the width specified', 'sassy-social-share' ) ?>
							</div>
							</td>
						</tr>

<tbody id="heateor_sss_bottom_sharing_options" <?php echo isset( $options['bottom_mobile_sharing'] ) ? '' : 'style="display: none"'; ?>>
							<tr>
								<th>
								<label for="heateor_sss_mobile_sharing_position"><?php _e("Horizontal floating bar position", 'sassy-social-share' ); ?></label>
								<img id="heateor_sss_mobile_sharing_position_help" class="heateor_sss_help_bubble" src="<?php echo plugins_url( '../../images/info.png', __FILE__ ) ?>" />
								</th>
								<td>
								<input type="radio" id="bottom_sharing_position_radio_nonresponsive" <?php echo $options['bottom_sharing_position_radio'] == 'nonresponsive' ? 'checked' : ''; ?> name="heateor_sss[bottom_sharing_position_radio]" value="nonresponsive" /><label for="bottom_sharing_position_radio_nonresponsive"><?php echo sprintf( __( '%s pixels from %s', 'sassy-social-share' ), '<input id="heateor_sss_mobile_sharing_position" style="width:46px" name="heateor_sss[bottom_sharing_position]" type="text" value="' . ( isset( $options['bottom_sharing_position'] ) ? $options['bottom_sharing_position'] : '' ) . '" />', '<select style="width:63px" name="heateor_sss[bottom_sharing_alignment]"><option value="right" ' . ( ! isset( $options['bottom_sharing_alignment'] ) || $options['bottom_sharing_alignment'] == 'right' ? 'selected' : '' ) . '>right</option><option value="left" ' . ( isset( $options['bottom_sharing_alignment'] ) && $options['bottom_sharing_alignment'] == 'left' ? 'selected' : '' ) . '>left</option></select>' ) ?></label><br/>
								<input type="radio" id="bottom_sharing_position_radio_responsive" <?php echo $options['bottom_sharing_position_radio'] == 'responsive' ? 'checked' : ''; ?> name="heateor_sss[bottom_sharing_position_radio]" value="responsive" /><label for="bottom_sharing_position_radio_responsive"><?php _e( 'Auto-adjust according to screen width (responsive)', 'sassy-social-share' ); ?></label>
								</td>
							</tr>
							
							<tr class="heateor_sss_help_content" id="heateor_sss_mobile_sharing_position_help_cont">
								<td colspan="2">
								<div>
								<?php _e( 'Alignment of horizontal floating interface. Number can be negative too.', 'sassy-social-share' ) ?>
								</div>
								</td>
							</tr>
						</tbody>

</tbody>
					</table>
					</div>
				</div>
				</div>
				<?php include 'sassy-social-share-about.php'; ?>
			</div>

<div class="stuffbox" id="heateor_sss_custom_share_text_options">
					<h3><label><?php _e( 'Custom Text to Share', 'sassy-social-share' ) ?> <a href="https://www.heateor.com/comparison-between-sassy-social-share-pro-and-premium/" target="_blank">(<?php _e( 'Unlock', 'sassy-social-share' ) ?>)</a></label></h3>
					<div class="inside">
					<table width="100%" border="0" cellspacing="0" cellpadding="0" class="form-table editcomment menu_content_table">
						<tbody>
							<tr>
								<th>
								<label><?php _e( "Custom text to share", 'sassy-social-share' ); ?></label>
								<img id="heateor_sss_custom_share_text_help" class="heateor_sss_help_bubble" src="<?php echo plugins_url( '../../images/info.png', __FILE__ ) ?>" />
								</th>
								<td>
								<textarea rows="3" cols="63" disabled></textarea>
								<br/>
								<small><?php _e( 'Use placeholders <b>post_title</b>, <b>site_title</b>, <b>site_url</b> and <b>post_url</b> for the title of the article being shared, title of the website, URL of the website and the URL of the article being shared, respectively.', 'sassy-social-share' ); ?></small>
								<br/>
								<small><?php _e( 'Use placeholder <b>{field_name}</b> to use the value of any of the custom fields created by the Advanced Custom Fields PRO plugin, of the post being shared. Replace <b>field_name</b> with the name of the field whose value should be used. Nested fields can be pulled using nested braces like <b>{parent_field_name{child_field_name}}</b>', 'sassy-social-share' ); ?></small>
								</td>
							</tr>
							
							<tr class="heateor_sss_help_content" id="heateor_sss_custom_share_text_help_cont">
								<td colspan="2">
								<div>
								<?php _e( 'Custom text you want to be shared along with the url. Applies to Twitter, Whatsapp, Reddit, Digg, Float It, Email, Tumblr, Yummly and Buffer share', 'sassy-social-share' ); ?>
								</div>
								</td>
							</tr>

<div class="stuffbox">
					<h3><label><?php _e( 'Email Share Customization', 'sassy-social-share' ) ?> <a href="https://www.heateor.com/comparison-between-sassy-social-share-pro-and-premium/" target="_blank">(<?php _e( 'Unlock', 'sassy-social-share' ) ?>)</a></label></h3>
					<div class="inside">
					<table width="100%" border="0" cellspacing="0" cellpadding="0" class="form-table editcomment menu_content_table">
						<tr>
							<th>
							<label><?php _e( "Email subject", 'sassy-social-share' ); ?></label>
							<img id="heateor_sss_email_subject_help" class="heateor_sss_help_bubble" src="<?php echo plugins_url( '../../images/info.png', __FILE__ ) ?>" />
							</th>
							<td>
							<input disabled type="text" /><br/>
							<small><?php _e( 'Use placeholders <b>post_title</b> and <b>site_title</b> for the title of the article being shared and the title of the website, respectively', 'sassy-social-share' ); ?></small>
							</td>
						</tr>
						
						<tr class="heateor_sss_help_content" id="heateor_sss_email_subject_help_cont">
							<td colspan="2">
							<div>
							<?php _e( 'Subject of the email share', 'sassy-social-share' ); ?>
							</div>
							</td>
						</tr>

<tr>
							<th>
							<label><?php _e( "Email body", 'sassy-social-share' ); ?></label>
							<img id="heateor_sss_email_body_help" class="heateor_sss_help_bubble" src="<?php echo plugins_url( '../../images/info.png', __FILE__ ) ?>" />
							</th>
							<td>
							<textarea rows="7" cols="63" disabled></textarea><br/>
							<small><?php _e( 'Use placeholders <b>post_title</b>, <b>site_title</b>, <b>site_url</b> and <b>post_url</b> for the title of the article being shared, title of the website, URL of the website and the URL of the article being shared, respectively.', 'sassy-social-share' ); ?></small>
							<br/>
							<small><?php _e( 'Use placeholder <b>{field_name}</b> to use the value of any of the custom fields created by the Advanced Custom Fields PRO plugin, of the post being shared. Replace <b>field_name</b> with the name of the field whose value should be used. Nested fields can be pulled using nested braces like <b>{parent_field_name{child_field_name}}</b>', 'sassy-social-share' ); ?></small>
							</td>
						</tr>
						
						<tr class="heateor_sss_help_content" id="heateor_sss_email_body_help_cont">
							<td colspan="2">
							<div>
							<?php _e( 'Body of the email share', 'sassy-social-share' ); ?>
							</div>
							</td>
						</tr>
					</table>
					</div>
				</div>

<div class="stuffbox">
					<h3><label><?php _e( 'Miscellaneous', 'sassy-social-share' ) ?></label></h3>
					<div class="inside">
					<table width="100%" border="0" cellspacing="0" cellpadding="0" class="form-table editcomment menu_content_table">
						<tr>
							<th>
							<label for="heateor_sss_insta_bg"><?php _e( "Use plain background for Instagram icon", 'sassy-social-share' ) ?></label>
							<img id="heateor_sss_insta_bg_help" class="heateor_sss_help_bubble" src="<?php echo plugins_url( '../../images/info.png', __FILE__ ) ?>" />
							</th>
							<td>
							<input id="heateor_sss_insta_bg" name="heateor_sss[plain_instagram_bg]" type="checkbox" <?php echo isset( $options['plain_instagram_bg'] ) ? 'checked = "checked"' : '';?> value="1" />
							</td>
						</tr>

<tr>
							<th>
							<label for="heateor_sss_footer_script"><?php _e( "Load Javascript files in footer", 'sassy-social-share' ) ?></label>
							<img id="heateor_sss_footer_script_help" class="heateor_sss_help_bubble" src="<?php echo plugins_url( '../../images/info.png', __FILE__ ) ?>" />
							</th>
							<td>
							<input id="heateor_sss_footer_script" name="heateor_sss[footer_script]" type="checkbox" <?php echo isset( $options['footer_script'] ) ? 'checked = "checked"' : '';?> value="1" />
							</td>
						</tr>

<tr>
							<th>
							<label for="heateor_sss_js_when_needed"><?php _e( "Load Javascript only when needed", 'sassy-social-share' ) ?></label>
							<img id="heateor_sss_js_when_needed_help" class="heateor_sss_help_bubble" src="<?php echo plugins_url( '../../images/info.png', __FILE__ ) ?>" />
							</th>
							<td>
							<input id="heateor_sss_js_when_needed" name="heateor_sss[js_when_needed]" type="checkbox" <?php echo isset( $options['js_when_needed'] ) ? 'checked = "checked"' : '';?> value="1" />
							</td>
						</tr>

<tr>
							<th>
							<label for="heateor_sss_delete_options"><?php _e("Delete all the options on plugin deletion", 'sassy-social-share' ); ?></label>
							<img id="heateor_sss_delete_options_help" class="heateor_sss_help_bubble" src="<?php echo plugins_url( '../../images/info.png', __FILE__ ) ?>" />
							</th>
							<td>
							<input id="heateor_sss_delete_options" name="heateor_sss[delete_options]" type="checkbox" <?php echo isset( $options['delete_options'] ) ? 'checked = "checked"' : '';?> value="1" />
							</td>
						</tr>
						
						<tr class="heateor_sss_help_content" id="heateor_sss_delete_options_help_cont">
							<td colspan="2">
							<div>
							<?php _e( 'If enabled, plugin options will get deleted when plugin is deleted/uninstalled and you will need to reconfigure the options when you install the plugin next time.', 'sassy-social-share' ) ?>
							</div>
							</td>
						</tr>

<tr>
							<th>
							<label for="heateor_sss_native_sharing"><?php _e("Trigger device specific social sharing on click of More icon", 'sassy-social-share' ); ?></label>
							<img id="heateor_sss_native_sharing_help" class="heateor_sss_help_bubble" src="<?php echo plugins_url( '../../images/info.png', __FILE__ ) ?>" />
							</th>
							<td>
							<input id="heateor_sss_native_sharing" name="heateor_sss[native_sharing]" type="checkbox" <?php echo isset( $options['native_sharing'] ) ? 'checked = "checked"' : '';?> value="1" />
							</td>
						</tr>
						
						<tr class="heateor_sss_help_content" id="heateor_sss_native_sharing_help_cont">
							<td colspan="2">
							<div>
							<?php _e( 'Triggers device specific native social share dialogue on click of the More icon instead of showing all the social networks in a layover popup.', 'sassy-social-share' ) ?>
							</div>
							</td>
						</tr>
					</table>
					</div>
				</div>

<tr class="heateor_sss_help_content" id="heateor_sss_share_count_cache_help_cont">
							<td colspan="2">
							<div>
							<?php echo sprintf( __( 'Frequent cache refreshing results in slower loading of pages with share counts enabled. Leave empty to disable cache. More info <a href="%s" target="_blank">here</a>', 'sassy-social-share' ), 'http://support.heateor.com/why-is-share-count-not-getting-updated' ); ?>
							</div>
							</td>
						</tr>

<tr>
							<th style="width:215px">
							<input type="button" class="button-primary" value="<?php _e( 'Clear Share Counts Cache', 'sassy-social-share' ) ?>" onclick="heateorSssClearShareCountCache()" />
							<img id="heateor_sss_clear_share_count_cache_help" class="heateor_sss_help_bubble" src="<?php echo plugins_url( '../../images/info.png', __FILE__ ) ?>" />
							</th>
							<td>
							<img src="<?php echo plugins_url( '../../images/ajax_loader.gif', __FILE__ ) ?>" id="share_count_cache_loading" style="display:none" />
							<div id="heateor_sss_share_count_cache_clear_message" style="color:green;display:none;"><?php _e( 'Share Counts cache cleared successfully.', 'sassy-social-share' ); ?></div>
							</td>
						</tr>
						
						<tr class="heateor_sss_help_content" id="heateor_sss_clear_share_count_cache_help_cont">
							<td colspan="2">
							<div>
							<?php _e( 'Use this to clear cached share counts', 'sassy-social-share' ) ?>
							</div>
							</td>
						</tr>
					</table>
					</div>
				</div>

<div class="stuffbox">
					<h3><label><?php _e( 'Url shortener', 'sassy-social-share' );?></label></h3>
					<div class="inside">
					<table width="100%" border="0" cellspacing="0" cellpadding="0" class="form-table editcomment menu_content_table">
						<tr>
							<th>
							<label for="heateor_sss_surl_enable"><?php _e("Use shortlinks already installed", 'sassy-social-share' ); ?></label>
							<img id="heateor_sss_surl_enable_help" class="heateor_sss_help_bubble" src="<?php echo plugins_url( '../../images/info.png', __FILE__ ) ?>" />
							</th>
							<td>
							<input id="heateor_sss_surl_enable" name="heateor_sss[use_shortlinks]" type="checkbox" <?php echo isset( $options['use_shortlinks'] ) ? 'checked = "checked"' : '';?> value="1" />
							</td>
						</tr>
						
						<tr class="heateor_sss_help_content" id="heateor_sss_surl_enable_help_cont">
							<td colspan="2">
							<div>
							<?php _e( 'Use default short url permalinks without the need for any additional plugin', 'sassy-social-share' ) ?>
							</div>
							</td>
						</tr>

<tr>
							<th>
							<label for="heateor_sss_bitly_enable"><?php _e("Enable bit.ly url shortener for sharing", 'sassy-social-share' ); ?></label>
							<img id="heateor_sss_bitly_enable_help" class="heateor_sss_help_bubble" src="<?php echo plugins_url( '../../images/info.png', __FILE__ ) ?>" />
							</th>
							<td>
							<input id="heateor_sss_bitly_enable" name="heateor_sss[bitly_enable]" type="checkbox" <?php echo isset( $options['bitly_enable'] ) ? 'checked = "checked"' : '';?> value="1" />
							</td>
						</tr>
						
						
						<tr class="heateor_sss_help_content" id="heateor_sss_bitly_enable_help_cont">
							<td colspan="2">
							<div>
							<?php _e( 'Master control to enable bit.ly url shortening for sharing', 'sassy-social-share' ) ?>
							</div>
							</td>
						</tr>
						
						<tr>
							<th>
							<label for="heateor_sss_bitly_access_token"><?php _e( "Bit.ly Generic Access Token", 'sassy-social-share' ); ?></label>
							<img id="heateor_sss_bitly_access_token_help" class="heateor_sss_help_bubble" src="<?php echo plugins_url( '../../images/info.png', __FILE__ ) ?>" />
							</th>
							<td>
							<input id="heateor_sss_bitly_access_token" name="heateor_sss[bitly_access_token]" type="text" value="<?php echo isset( $options['bitly_access_token'] ) ? esc_attr( $options['bitly_access_token'] ) : '' ?>" />
							</td>
						</tr>
						
						<tr class="heateor_sss_help_content" id="heateor_sss_bitly_access_token_help_cont">
							<td colspan="2">
							<div>
							<?php echo sprintf( __( 'Login to your bit.ly account and navigate to <strong>Profile Settings > Generic Access Token</strong> (top-right corner) and authenticate to generate access token. More details at the <a href="%s" target="_blank">link</a>', 'sassy-social-share' ), 'https://support.sendible.com/hc/en-us/articles/360021876751-How-To-Access-Your-Bit-ly-Key' ) ?>
							</div>
							</td>
						</tr>

<tr>
							<th>
							<input type="button" class="button-primary" value="<?php _e( 'Clear Bitly Cache', 'sassy-social-share' ) ?>" onclick="heateorSssClearShorturlCache()" />
							<img id="heateor_sss_clear_shorturl_cache_help" class="heateor_sss_help_bubble" src="<?php echo plugins_url( '../../images/info.png', __FILE__ ) ?>" />
							</th>
							<td>
							<img src="<?php echo plugins_url( '../../images/ajax_loader.gif', __FILE__ ) ?>" id="shorturl_cache_loading" style="display:none" />
							<div id="heateor_sss_cache_clear_message" style="color:green;display:none;"><?php _e( 'ShortUrl cache cleared successfully.', 'sassy-social-share' ); ?></div>
							</td>
						</tr>
						
						<tr class="heateor_sss_help_content" id="heateor_sss_clear_shorturl_cache_help_cont">
							<td colspan="2">
							<div>
							<?php _e( 'Use this to delete short urls saved in database. Handy, if urls of your website have been changed but short urls are still being generated for old urls.', 'sassy-social-share' ) ?>
							</div>
							</td>
						</tr>
					</table>
					</div>
				</div>
				
				<div class="stuffbox">
					<h3><label><?php _e( 'Language', 'sassy-social-share' );?></label></h3>
					<div class="inside">
					<table width="100%" border="0" cellspacing="0" cellpadding="0" class="form-table editcomment menu_content_table">
						<tr>
							<th>
							<label for="heateor_sss_sc_language"><?php _e("Language", 'sassy-social-share' ); ?></label>
							<img id="heateor_sss_sc_language_help" class="heateor_sss_help_bubble" src="<?php echo plugins_url( '../../images/info.png', __FILE__ ) ?>" />
							</th>
							<td>
							<input id="heateor_sss_sc_language" name="heateor_sss[language]" type="text" value="<?php echo $options['language'] ? $options['language'] : '' ?>" />
							</td>
						</tr>
						
						<tr class="heateor_sss_help_content" id="heateor_sss_sc_language_help_cont">
							<td colspan="2">
							<div>
							<?php echo sprintf(__( 'Enter the code of the language you want to use for like buttons. You can find the language codes at <a href="%s" target="_blank">this link</a>. Leave it empty for default language(English)', 'sassy-social-share' ), 'http://fbdevwiki.com/wiki/Locales#Complete_List_.28as_of_2012-06-10.29' ) ?>
							</div>
							</td>
						</tr>
					</table>
					</div>
				</div>

<div class="stuffbox">
					<h3><label><?php _e( 'Export/Import configuration', 'sassy-social-share' );?></label></h3>
					<div class="inside">
					<table width="100%" border="0" cellspacing="0" cellpadding="0" class="form-table editcomment menu_content_table">
						<tr>
							<td colspan="2">
							<input type="button" class="button-primary" value="<?php _e( "Export Configuration", 'sassy-social-share' ); ?>" onclick="heateorSssExportConfig()" />
							<img id="heateor_sss_export_config_help" class="heateor_sss_help_bubble" src="<?php echo plugins_url( '../../images/info.png', __FILE__ ) ?>" />
							<div class="heateor_sss_clear"></div>
							<img src="<?php echo plugins_url( '../../images/ajax_loader.gif', __FILE__ ) ?>" id="export_config_loading" style="display:none;margin-top:5px" />
							</td>
						</tr>
						<tr class="heateor_sss_help_content" id="heateor_sss_export_config_help_cont">
							<td colspan="2">
							<div>
							<?php _e( 'Click this button to get the configuration of plugin at this website in the textbox below to export to some other website', 'sassy-social-share' ) ?>
							</div>
							</td>
						</tr>
						<tr>
							<td colspan="2">
							<textarea id="heateor_sss_exported_config" rows="5" cols="50"></textarea>
							</td>
						</tr>

<tr>
							<td colspan="2">
							<textarea id="heateor_sss_import_config_txt" rows="5" cols="50"></textarea>
							<br/>
							<input type="button" class="button-primary" value="<?php _e( "Import Configuration", 'sassy-social-share' ); ?>"  onclick="heateorSssImportConfig()" style="margin-top:10px" />
							<div class="heateor_sss_clear"></div>
							<img src="<?php echo plugins_url( '../../images/ajax_loader.gif', __FILE__ ) ?>" id="import_config_loading" style="display:none;margin-top:5px" />
							</td>
						</tr>
					</table>
					</div>
				</div>

<div class="stuffbox">
					<h3><label><?php _e( 'AMP', 'sassy-social-share' );?></label></h3>
					<div class="inside">
					<table width="100%" border="0" cellspacing="0" cellpadding="0" class="form-table editcomment menu_content_table">
						<tr>
							<th>
							<label for="heateor_sss_amp_enable"><?php _e("Enable sharing on AMP pages", 'sassy-social-share' ); ?></label>
							<img id="heateor_sss_amp_enable_help" class="heateor_sss_help_bubble" src="<?php echo plugins_url( '../../images/info.png', __FILE__ ) ?>" />
							</th>
							<td>
							<input id="heateor_sss_amp_enable" name="heateor_sss[amp_enable]" type="checkbox" <?php echo isset( $options['amp_enable'] ) ? 'checked = "checked"' : '';?> value="1" />
							</td>
						</tr>
						
						<tr class="heateor_sss_help_content" id="heateor_sss_amp_enable_help_cont">
							<td colspan="2">
							<div>
							<?php _e( 'Enable this option to render sharing icons on AMP pages', 'sassy-social-share' ) ?>
							</div>
							</td>
						</tr>
					</table>
					</div>
				</div>

<?php
			if ( $this->is_plugin_active( 'mycred/mycred.php' ) ) {
				?>
				<div class="menu_containt_div" id="tabs-5">
					<div class="clear"></div>
					<div class="heateor_sss_left_column">
					<div class="stuffbox">
						<h3><label><?php _e( 'myCRED', 'sassy-social-share' );?></label></h3>
						<div class="inside">
						<table width="100%" border="0" cellspacing="0" cellpadding="0" class="form-table editcomment menu_content_table">
							<tr>
								<th>
								<label for="heateor_sss_mycred_referral_id"><?php _e( "Append myCRED referral ID to the urls being shared", 'sassy-social-share' ); ?></label>
								<img id="heateor_sss_mycred_referral_id_help" class="heateor_sss_help_bubble" src="<?php echo plugins_url( '../../images/info.png', __FILE__ ) ?>" />
								</th>
								<td>
								<input id="heateor_sss_mycred_referral_id" name="heateor_sss[mycred_referral]" type="checkbox" <?php echo isset( $options['mycred_referral'] ) ? 'checked = "checked"' : '';?> value="1" />
								</td>
							</tr>
						</table>
						</div>
					</div>
					</div>
					<?php include 'sassy-social-share-about.php'; ?>
				</div>
				<?php
			}
			?>

<div class="menu_containt_div" id="tabs-6">
				<div class="clear"></div>
				<div class="heateor_sss_left_column">
				<div class="stuffbox">
					<h3><label><?php _e( 'Shortcode & Widget', 'sassy-social-share' );?></label></h3>
					<div class="inside" style="padding-left:7px">
						<p><a href="http://support.heateor.com/sassy-social-share-shortcode-and-widget" target="_blank"><?php _e( 'Social Share Shortcode & Widget', 'sassy-social-share' ) ?></a></p>
						<p><a href="http://support.heateor.com/sassy-follow-icons-shortcode" target="_blank"><?php _e( 'Follow Icons Shortcode & Widget', 'sassy-social-share' ) ?></a></p>
						<p><a href="https://support.heateor.com/click-to-tweet-shortcode/" target="_blank"><?php _e( 'Shortcode for Click to Tweet snippet', 'sassy-social-share' ) ?></a>  <a href="https://www.heateor.com/comparison-between-sassy-social-share-pro-and-premium/" target="_blank">(<?php _e( 'Unlock', 'sassy-social-share' ) ?>)</a></p>
					</div>
				</div>
				</div>
				<?php include 'sassy-social-share-about.php'; ?>
			</div>
			
			<div class="menu_containt_div" id="tabs-7">
				<div class="clear"></div>
				<div class="heateor_sss_left_column">
				<div class="stuffbox">
					<h3><label><?php _e( 'Troubleshooter', 'sassy-social-share' );?></label></h3>
					<div class="inside" style="padding-left:1px">
					<table width="100%" border="0" cellspacing="0" cellpadding="0" class="form-table editcomment menu_content_table">
						<tr>
							<td>
								<p>
									<?php _e( 'If Facebook sharing is not working fine, click at the following link and enter the problematic URL (where Facebook sharing is not working properly) of your website in the text field. Click "Debug" button.', 'sassy-social-share' ) ?><br/>
									<a style="text-decoration: none" target="_blank" href="https://developers.facebook.com/tools/debug">https://developers.facebook.com/tools/debug</a>
								</p>
								<p>
									<?php _e( 'If Linkedin share is not showing correct title, image and description, click at the following link and enter the problematic URL (where Linkedin share is not working properly) of your website in the text field. Click "Inspect" button.', 'sassy-social-share' ) ?><br/>
									<a style="text-decoration: none" target="_blank" href="https://www.linkedin.com/post-inspector/">https://www.linkedin.com/post-inspector/</a>
								</p>
							</td>
						</tr>
					</table>
					</div>
				</div>
				</div>
				<?php include 'sassy-social-share-about.php'; ?>
			</div>
			
			<div class="menu_containt_div" id="tabs-8">
				<div class="clear"></div>
				<div class="heateor_sss_left_column">
				<div class="stuffbox">
					<h3><label><?php _e( 'FAQ', 'sassy-social-share' ) ?></label></h3>
					<div class="inside faq" style="padding-left:8px">
						<p><?php _e( '<strong>Note:</strong> Plugin will not work on local server. You should have an online website for the plugin to function properly.', 'sassy-social-share' ); ?></p>
						<p><a href="http://support.heateor.com/why-is-sharer-not-showing-the-correct-image-title-and-other-meta-tags-content" target="_blank"><?php _e( 'Why is sharer not showing the correct image, title and other content when sharing a webpage?', 'sassy-social-share' ) ?></a></p>
						<a href="javascript:void(0)"><?php _e( 'Why is Facebook share count not working?', 'sassy-social-share' ); ?></a>
						<div><?php echo sprintf( __( "After the recent changes introduced in the Facebook graph API, it's not possible to track Facebook shares using it. Pro and Premium versions of this plugin offer a feature that allows you to track shares not just for Facebook but for all the social networks. Comparison of the features of the Pro and Premium versions can be found at the <a href='%s' target='_blank'>link</a>", 'sassy-social-share' ), 'https://www.heateor.com/comparison-between-sassy-social-share-pro-and-premium/' ); ?></div>
						<p><a href="http://support.heateor.com/how-to-customize-the-url-being-shared" target="_blank"><?php _e( 'How to Customize the Url being Shared?', 'sassy-social-share' ) ?></a></p>
						<a href="javascript:void(0)"><?php _e( 'Why is Instagram icon redirecting to Instagram website?', 'sassy-social-share' ); ?></a>
						<div><?php _e( 'Instagram icon is there to send website visitors to the Instagram page of your choice. You can save the desired Instagram handle in "Instagram Username" option in "Standard Interface" and "Floating Interface" sections.', 'sassy-social-share' ); ?></div>
						<p>
						<a href="javascript:void(0)"><?php _e( 'Why are Twitter shares not appearing even after registering at Twitcount.com?', 'sassy-social-share' ); ?></a>
						<div><?php _e( "It takes some time for their service to track the shares made on Twitter from your website. If you still feel it's taking too long you can contact their support directly from their website.", 'sassy-social-share' ); ?></div>
						</p>
						<p><a href="https://www.heateor.com/recover-social-share-counts/" target="_blank"><?php _e( 'How to restore Social Share counts lost after moving my website to SSL/Https?', 'sassy-social-share' ) ?></a></p>
						<p><a href="http://support.heateor.com/how-to-integrate-google-analytics-with-sharing" target="_blank"><?php _e( 'How to integrate Google Analytics with sharing?', 'sassy-social-share' ) ?></a></p>
						<p><a style="text-decoration:none" href="https://www.heateor.com/facebook-comments-moderation" target="_blank"><?php _e( 'How to show recent Facebook Comments from all over the website in a widget?', 'sassy-social-share' ) ?></a></p>
						<p><a style="text-decoration:none" href="http://support.heateor.com/recover-facebook-comments-wordpress-moving-to-https-ssl/" target="_blank"><?php _e( 'How to recover the Facebook Comments lost after moving my website to SSL/Https?', 'sassy-social-share' ) ?></a></p>
						<p><a href="http://support.heateor.com/place-title-social-share-icons-row/" target="_blank"><?php _e( 'How to Place Title and Social Share Icons in the Same Row?', 'sassy-social-share' ) ?></a></p>
						<p><a href="http://support.heateor.com/how-can-i-show-share-counts-of-my-website-rather-than-of-individual-pagepost/" target="_blank"><?php _e( 'How can I show share counts of my website rather than of individual pages/posts?', 'sassy-social-share' ) ?></a></p>
						<p><a href="http://support.heateor.com/how-can-i-disable-social-sharing-on-particular-pagepost/" target="_blank"><?php _e( 'How can I disable sharing on particular page/post?', 'sassy-social-share' ) ?></a></p>
						<p><a href="http://support.heateor.com/how-can-i-specify-minimum-sharing-count-for-sharing-networks/" target="_blank"><?php _e( 'How can I specify minimum sharing count for sharing networks?', 'sassy-social-share' ) ?></a></p>
						<p><a href="http://support.heateor.com/how-to-share-specific-page/" target="_blank"><?php _e( 'How to share specific page?', 'sassy-social-share' ) ?></a></p>
						<p><a href="http://support.heateor.com/how-to-customize-the-look-of-total-share-counts" target="_blank"><?php _e( 'How to customize the look of total share counts?', 'sassy-social-share' ) ?></a></p>
						<p><a href="http://support.heateor.com/how-to-customize-the-look-of-individual-share-counts" target="_blank"><?php _e( 'How to customize the look of individual share counts?', 'sassy-social-share' ) ?></a></p>
						<p><a href="http://support.heateor.com/how-to-show-whatsapp-icon-only-on-mobile-devices" target="_blank"><?php _e( 'How to show Whatsapp icon only on mobile devices?', 'sassy-social-share' ) ?></a></p>
						<p><a href="http://support.heateor.com/how-to-hide-arrow-after-floating-sharing-bar" target="_blank"><?php _e( 'How to hide arrow after floating sharing bar?', 'sassy-social-share' ) ?></a></p>
						<p><a href="http://support.heateor.com/why-is-share-count-not-getting-updated" target="_blank"><?php _e( 'Why is share count not getting updated?', 'sassy-social-share' ) ?></a></p>
						<p><a href="http://support.heateor.com/why-is-there-so-much-space-between-like-buttons" target="_blank"><?php _e( 'Why is there so much space between like buttons?', 'sassy-social-share' ) ?></a></p>
						<p><a href="http://support.heateor.com/why-is-floating-share-like-button-not-appearing-at-homepage" target="_blank"><?php _e( 'Why are floating sharing/like buttons not appearing at homepage?', 'sassy-social-share' ) ?></a></p>
					</div>
				</div>

</div>
				<?php include 'sassy-social-share-about.php'; ?>
			</div>
			
			<div class="heateor_sss_clear"></div>
			<p>
				<?php
				echo sprintf( __( 'You can appreciate the effort put in this free plugin by rating it <a href="%s" target="_blank">here</a>', 'sassy-social-share' ), 'https://wordpress.org/support/view/plugin-reviews/sassy-social-share' );
				?>
			</p>
			<p class="submit">
				<input style="margin-left:8px" type="submit" name="save" class="button button-primary" value="<?php _e( "Save Changes", 'sassy-social-share' ); ?>" />
			</p>
			</form>
			<div class="notice notice-warning settings-error is-dismissible">
				<h3><label>Instagram Shoutout</label></h3>
				<p>
					<strong><span style="display: block; margin: 0.5em 0.5em 0 0; clear: both;"><?php _e( 'If you can send (to hello@heateor.com) how this plugin is helping your business, we would be glad to shoutout on Instagram. You can also send any relevant hashtags and people to mention in the Instagram post.', 'sassy-social-share' ) ?></span>
					</strong>
				</p>
			</div>
		</div>
</div>

🔐 Sid Gifari File Manager Pro