File "sfsi_option_view6.php"
Full Path: /home/zcziejy/ryadselyen/-20260112071320/views/sfsi_option_view6.php
File size: 49.99 KB
MIME-type: text/x-php
Charset: utf-8
<?php
/* unserialize all saved option for section 6 options */
$option6 = maybe_unserialize(get_option('sfsi_section6_options', false));
$option9 = maybe_unserialize(get_option('sfsi_section9_options', false));
/**
*
* Sanitize, escape and validate values
*
*/
$option6['sfsi_show_Onposts'] = (isset($option6['sfsi_show_Onposts'])) ? sanitize_text_field($option6['sfsi_show_Onposts']) : 'no';
$option6['sfsi_show_Onbottom'] = (isset($option6['sfsi_show_Onbottom'])) ? sanitize_text_field($option6['sfsi_show_Onbottom']) : '';
$option6['sfsi_icons_postPositon'] = (isset($option6['sfsi_icons_postPositon'])) ? sanitize_text_field($option6['sfsi_icons_postPositon']) : '';
$option6['sfsi_icons_alignment'] = (isset($option6['sfsi_icons_alignment'])) ? sanitize_text_field($option6['sfsi_icons_alignment']) : '';
$option6['sfsi_rss_countsDisplay'] = (isset($option6['sfsi_rss_countsDisplay'])) ? sanitize_text_field($option6['sfsi_rss_countsDisplay']) : '';
$option6['sfsi_textBefor_icons'] = (isset($option6['sfsi_textBefor_icons'])) ? sanitize_text_field($option6['sfsi_textBefor_icons']) : '';
$option6['sfsi_rectsub'] = (isset($option6['sfsi_rectsub'])) ? sanitize_text_field($option6['sfsi_rectsub']) : '';
$option6['sfsi_rectfb'] = (isset($option6['sfsi_rectfb'])) ? sanitize_text_field($option6['sfsi_rectfb']) : '';
$option6['sfsi_rectshr'] = (isset($option6['sfsi_rectshr'])) ? sanitize_text_field($option6['sfsi_rectshr']) : '';
$option6['sfsi_recttwtr'] = (isset($option6['sfsi_recttwtr'])) ? sanitize_text_field($option6['sfsi_recttwtr']) : '';
$option6['sfsi_rectpinit'] = (isset($option6['sfsi_rectpinit'])) ? sanitize_text_field($option6['sfsi_rectpinit']) : '';
$option6['sfsi_rectfbshare'] = (isset($option6['sfsi_rectfbshare'])) ? sanitize_text_field($option6['sfsi_rectfbshare']) : '';
$option6['sfsi_display_button_type'] = (isset($option6['sfsi_display_button_type']))
? sanitize_text_field($option6['sfsi_display_button_type'])
: '';
$option6['sfsi_show_premium_placement_box'] = (isset($option6['sfsi_show_premium_placement_box']))
? sanitize_text_field($option6['sfsi_show_premium_placement_box'])
: 'yes';
$sfsi_responsive_icons_default = array(
"default_icons" => array(
"facebook" => array("active" => "yes", "text" => "Share on Facebook", "url" => ""),
"Twitter" => array("active" => "yes", "text" => "Tweet", "url" => ""),
"Follow" => array("active" => "yes", "text" => "Follow us", "url" => ""),
"Pinterest" => array("active" => "yes", "text" => "Save", "url" => ""),
),
"custom_icons" => array(),
"settings" => array(
"icon_size" => "Medium",
"icon_width_type" => "Fully responsive",
"icon_width_size" => 240,
"edge_type" => "Round",
"edge_radius" => 5,
"style" => "Gradient",
"margin" => 10,
"text_align" => "Centered",
"show_count" => "no",
"counter_color" => "#aaaaaa",
"counter_bg_color" => "#fff",
"share_count_text" => "SHARES"
)
);
$sfsi_responsive_icons = (isset($option6["sfsi_responsive_icons"]) ? $option6["sfsi_responsive_icons"] : $sfsi_responsive_icons_default);
if (!isset($option6['sfsi_rectsub'])) {
$option6['sfsi_rectsub'] = 'no';
}
if (!isset($option6['sfsi_rectfb'])) {
$option6['sfsi_rectfb'] = 'yes';
}
if (!isset($option6['sfsi_recttwtr'])) {
$option6['sfsi_recttwtr'] = 'no';
}
if (!isset($option6['sfsi_rectpinit'])) {
$option6['sfsi_rectpinit'] = 'no';
}
if (!isset($option6['sfsi_rectfbshare'])) {
$option6['sfsi_rectfbshare'] = 'no';
}
$sfsi_responsive_icon_dummy = array(
"LinkedIn" ,
"Whatsapp",
"vk",
"Ok",
"Telegram",
"Weibo",
"QQ2",
"xing"
);
?>
<!-- Section 6 "Do you want to display icons at the end of every post?" main div Start -->
<div>
<p class="clear"><?php _e( 'Here you have two options:', 'ultimate-social-media-icons' ); ?></span></p>
<div class="tab6">
<ul class="sfsi_icn_listing8 sfsi_overflow_visible">
<li class="sfsibeforeafterpostselector" style="max-width: none">
<div class="radio_section tb_4_ck"></div>
<div class="sfsi_right_info">
<ul class="sfsi_tab_3_icns sfsi_shwthmbfraftr" style="margin:0">
<li onclick="sfsi_togglbtmsection('sfsi_toggleonlyrspvshrng, .sfsi_responsive_show', 'sfsi_toggleonlystndrshrng, .sfsi_responsive_hide', this);sfsi_responsive_icon_show_responsive_options();" class="clckbltglcls sfsi_border_left_0" style="width:29%!important">
<input name="sfsi_display_button_type" <?php echo ($option6['sfsi_display_button_type'] == 'responsive_button') ? 'checked="true"' : ''; ?> type="radio" value="responsive_button" class="styled" />
<label class="labelhdng4" style="margin-top:2px">
<?php _e("Responsive icons",'ultimate-social-media-icons') ?>
</label>
</li>
<li onclick="sfsi_togglbtmsection('sfsi_toggleonlystndrshrng, .sfsi_responsive_hide', 'sfsi_toggleonlyrspvshrng, .sfsi_responsive_show', this);" class="clckbltglcls sfsi_border_left_0" style="width:29%!important">
<input name="sfsi_display_button_type" <?php echo ($option6['sfsi_display_button_type'] == 'standard_buttons') ? 'checked="true"' : ''; ?> type="radio" value="standard_buttons" class="styled" />
<label class="labelhdng4" style="margin-top:2px">
<?php _e("Original icons",'ultimate-social-media-icons') ?>
</label>
</li>
<li class="clckbltglcls sfsi_border_left_0 sfsi_disable_radio sfsi_disable_radio_wrapper" style="width: 42% !important">
<label class="sfsi_tooltip_premium d-flex">
<span class="radio" style="background-position: 0px 0px;"></span>
<?php /* ?><input type="radio" class="styled" /><?php */ ?>
<div class="sfsi_disable_radio_content_wrapper">
<label class="labelhdng4" style="margin-top:2px" ><?php _e( 'Display the icons I selected above', 'ultimate-social-media-icons' ); ?></label>
<div class="sfsi_tooltip_premium_wrapper">
<?php echo sfsi_premium_tooltip_content( 'tp-checkbox-link' ); ?>
</div>
</div>
</label>
</li>
<?php $display = ($option6['sfsi_display_button_type'] == 'responsive_button') ? "display:block;border-left:0!important":"display:none;border-left:0!important"; ?>
<li class="sfsi_toggleonlyrspvshrng" style="margin-left:20px;<?php echo $display; ?>">
<label style="width: 80%;width:calc( 100% - 102px );font-family: helveticaneue-light;font-size: 18px;color: #5a6570;margin: 10px 0px;margin-top:-15px!important; padding-top:0!important">
<?php _e( 'These are responsive & independent from the icons you selected elsewhere in the plugin.', 'ultimate-social-media-icons' ); ?>
<?php _e( 'Preview:', 'ultimate-social-media-icons' ); ?></label>
<div style="width: 80%; margin-left:5px; width:calc( 100% - 102px );">
<div class="sfsi_responsive_icon_preview" style="width:calc( 100% - 50px );margin-left:-15px">
<?php echo sfsi_social_responsive_buttons(null, $option6, true); ?>
</div> <!-- end sfsi_responsive_icon_preview -->
</div>
<ul class="sfsi_responsive_default_icon_container_wrapper">
<li class="sfsi_responsive_default_icon_container sfsi_border_left_0 " style="margin: 10px 0px">
<label class="heading-label select-icons">
<?php _e( 'Select Icons', 'ultimate-social-media-icons' ); ?>:
</label>
</li>
<?php foreach ( $sfsi_responsive_icons['default_icons'] as $icon => $icon_config ) : ?>
<li class="sfsi_responsive_default_icon_container sfsi_vertical_center sfsi_border_left_0">
<div class="radio_section tb_4_ck">
<input name="sfsi_responsive_<?php echo $icon; ?>_display" <?php echo ($icon_config['active'] == 'yes') ? 'checked="true"' : ''; ?> id="sfsi_responsive_<?php echo $icon; ?>_display" type="checkbox" value="yes" class="styled" data-icon="<?php echo $icon; ?>" />
</div>
<span class="sfsi_icon_container">
<div class="sfsi_responsive_icon_item_container sfsi_responsive_icon_<?php echo strtolower($icon); ?>_container" style="word-break:break-all;padding-left:0">
<div style="display: inline-block;height: 40px;width: 40px;text-align: center;vertical-align: middle!important;float: left;">
<img style="float:none" alt="<?php echo $icon; ?>" src="<?php echo SFSI_PLUGURL; ?>images/responsive-icon/<?php echo $icon; ?><?php echo 'Follow' === $icon ? '.png' : '.svg'; ?>">
</div>
<span> <?php echo $icon_config["text"]; ?> </span>
</div>
</span>
<input type="text" class="sfsi_responsive_input" name="sfsi_responsive_<?php echo $icon ?>_input" value="<?php echo esc_attr($icon_config["text"]); ?>" />
<a href="#" class="sfsi_responsive_default_url_toggler" style="text-decoration: none;"><?php _e("Define URL*",'ultimate-social-media-icons') ?></a>
<input style="display:none" class="sfsi_responsive_url_input" type="text" placeholder="Enter url" name="sfsi_responsive_<?php echo $icon ?>_url_input" value="<?php echo esc_attr($icon_config["url"]); ?>" />
<a href="#" class="sfsi_responsive_default_url_hide" style="display:none"><span class="sfsi_cancel_text"><?php _e("Cancel",'ultimate-social-media-icons') ?></span><span class="sfsi_cancel_icon">×</span></a>
</li>
<?php endforeach;
if ( ! isset( $sfsi_responsive_icons['default_icons']['Pinterest'] ) ) { ?>
<li class="sfsi_responsive_default_icon_container sfsi_vertical_center sfsi_border_left_0">
<div class="radio_section tb_4_ck">
<input name="sfsi_responsive_Pinterest_display" checked="true" id="sfsi_responsive_Pinterest_display" type="checkbox" value="yes" class="styled" data-icon="Pinterest" />
</div>
<span class="sfsi_icon_container">
<div class="sfsi_responsive_icon_item_container sfsi_responsive_icon_<?php echo strtolower( 'Pinterest' ); ?>_container" style="word-break:break-all;padding-left:0">
<div style="display: inline-block;height: 40px;width: 40px;text-align: center;vertical-align: middle!important;float: left;">
<img style="float:none" alt="<?php echo 'Pinterest'; ?>" src="<?php echo SFSI_PLUGURL; ?>images/responsive-icon/Pinterest.svg" />
</div>
<span> <?php _e( 'Save', 'ultimate-social-media-icons' ); ?> </span>
</div>
</span>
<input type="text" class="sfsi_responsive_input" name="sfsi_responsive_Pinterest_input" value="<?php _e( 'Save', 'ultimate-social-media-icons' ); ?>" />
<a href="#" class="sfsi_responsive_default_url_toggler" style="text-decoration: none;"><?php _e("Define URL*",'ultimate-social-media-icons') ?></a>
<input style="display:none" class="sfsi_responsive_url_input" type="text" placeholder="Enter url" name="sfsi_responsive_Pinterest_url_input" value="" />
<a href="#" class="sfsi_responsive_default_url_hide" style="display:none"><span class="sfsi_cancel_text"><?php _e("Cancel",'ultimate-social-media-icons') ?></span><span class="sfsi_cancel_icon">×</span></a>
</li>
<?php }
foreach ($sfsi_responsive_icon_dummy as $icon ) :
?>
<li class="sfsi_responsive_default_icon_container sfsi_vertical_center sfsi_border_left_0 sfsi_tooltip_premium">
<div class="radio_section tb_4_ck">
<span class="checkbox" style="background-position:0px 0px!important;" id="sfsi_responsive_<?php echo $icon; ?>_display"></span>
</div>
<span class="sfsi_icon_container">
<div class="sfsi_responsive_icon_item_container sfsi_responsive_icon_<?php echo strtolower($icon); ?>_container" style="word-break:break-all;padding-left:0;margin-top:2px!important;">
<div style="display: inline-block;height: 40px;width: 40px;text-align: center;vertical-align: middle!important;float: left;">
<img style="float:none" alt="<?php echo $icon; ?>" src="<?php echo SFSI_PLUGURL; ?>images/responsive-icon/<?php echo $icon; ?><?php echo 'Follow' === $icon ? '.png' : '.svg'; ?>">
</div>
<span><?php _e( 'Share', 'ultimate-social-media-icons' ); ?></span>
</div>
</span>
<div class="sfsi_tooltip_premium_wrapper">
<?php echo sfsi_premium_tooltip_content( '', 'ml-0' ); ?>
</div>
</li>
<?php endforeach; ?>
<li class="sfsi_responsive_default_icon_container sfsi_vertical_center sfsi_border_left_0 sfsi_tooltip_premium sfsi_tooltip_premium_small">
<div class="radio_section tb_4_ck">
<span class="checkbox" style="background-position:0px 0px!important;" id="sfsi_responsive_custom_display"></span>
</div>
<span class="sfsi_icon_container">
<div class="sfsi_tooltip_premium_wrapper">
<span style="color:#69737C;"><?php _e( 'Custom', 'ultimate-social-media-icons' ); ?></span>
<?php echo sfsi_premium_tooltip_content( 'sfsi_tooltip_text_premium_small', 'ml-0' ); ?>
</div>
</span>
</li>
</ul>
<p style="font-size:16px !important;padding-left: 0px;clear: both;">
<span><?php _e( '*All icons have «sharing» feature enabled by default. If you want to give them a different function (e.g link to your Facebook page) then please click on «Define url» next to the icon.', 'ultimate-social-media-icons' ); ?></span>
</p>
<?php /*if ($option6['sfsi_show_premium_placement_box'] == 'yes') { ?>
<div class="sfsi_new_prmium_follw" style="width: 91%;">
<p style="font-size:20px !important">
<b><?php _e("New:",'ultimate-social-media-icons') ?> </b><?php _e("In the Premium Plugin, we also added: Pinterest, Linkedin, WhatsApp, VK, OK, Telegram, Weibo, WeChat, Xing and the option to add custom icons. There are more placement options too, e.g. place the responsive icons before/after posts/pages, show them only on
desktop/mobile, insert them manually (via shortcode).",'ultimate-social-media-icons') ?><a href="https://www.ultimatelysocial.com/usm-premium/?utm_source=usmi_settings_page&utm_campaign=responsive_icons&utm_medium=banner" class="sfsi_font_inherit" target="_blank"><?php _e(" See all features",'ultimate-social-media-icons') ?></a>
</p>
</div>
<?php }*/ ?>
</li>
<?php if ($option6['sfsi_display_button_type'] == 'standard_buttons') : $display = "display:block";
else : $display = "display:none";
endif; ?>
<li class="sfsi_toggleonlystndrshrng" style="margin-left:20px;<?php echo $display; ?>">
<div class="radiodisplaysection" style="<?php echo $display; ?>">
<!-- icons example section -->
<div class="social_icon_like1 cstmdsplyulwpr">
<ul>
<li>
<div class="radio_section tb_4_ck"><input name="sfsi_rectsub" <?php echo ($option6['sfsi_rectsub'] == 'yes') ? 'checked="true"' : ''; ?> id="sfsi_rectsub" type="checkbox" value="yes" class="styled" />
</div>
<a href="#" title="Subscribe Follow" class="cstmdsplsub">
<img src="<?php echo SFSI_PLUGURL; ?>images/follow_subscribe.png" alt="Subscribe Follow" />
</a>
</li>
<li>
<div class="radio_section tb_4_ck"><input name="sfsi_rectfb" <?php echo ($option6['sfsi_rectfb'] == 'yes') ? 'checked="true"' : ''; ?> id="sfsi_rectfb" type="checkbox" value="yes" class="styled" /></div>
<a href="#" title="Facebook Like">
<img src="<?php echo SFSI_PLUGURL; ?>images/like.jpg" alt="Facebook Like" />
</a>
</li>
<li>
<div class="radio_section tb_4_ck"><input name="sfsi_rectfbshare" <?php echo ($option6['sfsi_rectfbshare'] == 'yes') ? 'checked="true"' : ''; ?> id="sfsi_rectfbshare" type="checkbox" value="yes" class="styled" />
</div>
<a href="#" title="Facebook Share">
<img src="<?php echo SFSI_PLUGURL; ?>images/fbshare.png" alt="Facebook Share" />
</a>
</li>
<li>
<div class="radio_section tb_4_ck"><input name="sfsi_recttwtr" <?php echo ($option6['sfsi_recttwtr'] == 'yes') ? 'checked="true"' : ''; ?> id="sfsi_recttwtr" type="checkbox" value="yes" class="styled" />
</div>
<a href="#" title="twitter" class="cstmdspltwtr">
<img src="<?php echo SFSI_PLUGURL; ?>images/twiiter.png" alt="Twitter like" />
</a>
</li>
<li>
<div class="radio_section tb_4_ck"><input name="sfsi_rectpinit" <?php echo ($option6['sfsi_rectpinit'] == 'yes') ? 'checked="true"' : ''; ?> id="sfsi_rectpinit" type="checkbox" value="yes" class="styled" />
</div>
<a href="#" title="Pin It">
<img src="<?php echo SFSI_PLUGURL; ?>images/pinit.png" alt="Pin It" />
</a>
</li>
</ul>
</div><!-- icons position section -->
<p class="clear"><?php _e("Those are usually all you need: ",'ultimate-social-media-icons') ?></p>
<ul class="usually">
<li><?php _e("1. The follow-icon ensures that your visitors subscribe to your newsletter",'ultimate-social-media-icons') ?></li>
<li><?php _e("2. Facebook is No.1 in «liking», so it’s a must have",'ultimate-social-media-icons') ?></li>
<li><?php _e("3. The Tweet-button allows quick tweeting of your article",'ultimate-social-media-icons') ?></li>
</ul>
<?php if ($option6['sfsi_show_premium_placement_box'] == 'yes') { ?>
<p class="sfsi_prem_plu_desc" style="float:left"><?php
printf(
__( '%1$sNew:%2$s We also added a Linkedin share-icon in the Premium Plugin. %3$sGo premium now%4$s or learn more.%5$s', 'ultimate-social-media-icons' ),
'<b>',
'</b>',
'<a style="border-bottom: 1px solid #12a252;color: #12a252 !important;cursor:pointer;font-size:18px;" class="pop-up sfisi_font_bold" data-id="sfsi_quickpay-overlay" onclick="sfsi_open_quick_checkout(event)" target="_blank">',
'</a><a href="https://www.ultimatelysocial.com/usm-premium/?utm_source=usm_settings_page&utm_campaign=linkedin_icon&utm_medium=banner" class="sfsi_font_inherit" style="color: #12a252 !important" target="_blank">',
'</a>'
);
?></p>
<?php } ?>
<div class="row PostsSettings_section">
<h4><?php _e("Options:",'ultimate-social-media-icons') ?></h4>
<div class="options">
<label class="first"><?php _e("Text to appear before the sharing icons: ",'ultimate-social-media-icons') ?></label><input name="sfsi_textBefor_icons" type="text" value="<?php echo ($option6['sfsi_textBefor_icons'] != '') ? esc_attr($option6['sfsi_textBefor_icons']) : ''; ?>" />
</div>
<!-- by developer - 28-05-2019 -->
<!-- <div class="options">
<p><b>New:</b> In the Premium Plugin you can choose to display the text before
the sharing icons in a font of your choice. You can also define the<b> font
size, type</b>, and the <b>margins below/above the icons</b>. <a href="https://www.ultimatelysocial.com/usm-premium/?utm_source=usmi_settings_page&utm_campaign=more_placement_options&utm_medium=banner" target="_blank" style="color:#00a0d2 !important; text-decoration: none !important;">Check
it out.</a></p>
</div> -->
<?php if (false): ?>
<div class="options">
<?php
printf(
__( '%1sNew: %2s In the Premium Plugin you can choose to display the text before
the sharing icons in a font of your choice. You can also define the %3s font
size, type , and the margins below/above the icons.%4s %5s Check
it out.%6s','ultimate-social-media-icons' ),
'<p><b>',
'</b>',
'<b>',
'</b><b>',
'<a href="https://www.ultimatelysocial.com/usm-premium/?utm_source=usmi_settings_page&utm_campaign=more_placement_options&utm_medium=banner" target="_blank" style="color:#00a0d2 !important; text-decoration: none !important;">',
'</a></b></p>'
);
?>
</div>
<?php endif; ?>
<!-- end -->
<div class="options">
<label><?php _e("Alignment of share icons:",'ultimate-social-media-icons') ?> </label>
<div class="field"><select name="sfsi_icons_alignment" id="sfsi_icons_alignment" class="styled">
<option value="left" <?php echo ($option6['sfsi_icons_alignment'] == 'left') ? 'selected="selected"' : ''; ?>>
<?php _e("Left",'ultimate-social-media-icons') ?></option>
<!--<option value="center" <?php //echo ($option6['sfsi_icons_alignment']=='center') ? 'selected="selected"' : '' ;
?>>Center</option>-->
<option value="right" <?php echo ($option6['sfsi_icons_alignment'] == 'right') ? 'selected="selected"' : ''; ?>>
<?php _e("Right",'ultimate-social-media-icons') ?></option>
</select>
</div>
</div>
</div>
<!-- by developer - 28-5-2019 -->
</div>
</li>
<?php $display2 = ($option6['sfsi_display_button_type'] == 'responsive_button') ? "display:block;border-left:0!important":"display:none;border-left:0!important"; ?>
<li class="sfsi_responsive_icon_option_li sfsi_responsive_show sfsi_responsive_icon_option_additional_li" style="margin-left:20px;border-left:0;<?php echo $display2 ?>">
<label class="heading-label select-icons"><?php _e( 'Display options', 'ultimate-social-media-icons' ); ?>:</label>
<div class="options">
<label class="first" style="margin-top:3px; color: #555555;"><?php _e( 'Pages to show icons:', 'ultimate-social-media-icons' ); ?></label>
<div class="field">
<div class="checkbox-subheading"><?php _e( 'Single post pages', 'ultimate-social-media-icons' ); ?></div>
<ul class="sfsi_icn_listing8 sfsi_closerli bfreAftrPostsDesktopMobileUl" style="display: flex;align-items: center;">
<li class="sfsi_show_via_onhover disabled_checkbox">
<label class="sfsi_tooltip_premium sfsi_tooltip_premium_small d-flex flex-row align-items-center">
<div class="sfsiicnsdvwrp" style="margin-right: 20px; width: auto;">
<span class="checkbox" style="background-position:0px 0px!important;"></span>
</div>
<div class="sfsicnwrp" style="margin-top: 5px;">
<?php
_e( 'Before posts', 'ultimate-social-media-icons' );
echo sfsi_premium_tooltip_content( 'sfsi_tooltip_text_premium_small', '', 'margin-left: 5px !important;' );
?>
</div>
</label>
</li>
<li>
<div class="radio_section tb_4_ck">
<input name="sfsi_responsive_icons_after_post" type="checkbox" value="yes" class="styled" <?php echo ((!isset($option9['sfsi_responsive_icons_after_post'])) || $option9['sfsi_responsive_icons_after_post'] == 'yes') ? 'checked="true"' : ''; ?>>
</div>
<div class="sfsi_right_info">
<?php _e( 'After posts', 'ultimate-social-media-icons' ); ?>
</div>
</li>
</ul>
<div class="checkbox-subheading"><?php _e( 'Posts overview pages (blog homepage)', 'ultimate-social-media-icons' ); ?></div>
<ul class="sfsi_icn_listing8 sfsi_closerli bfreAftrPostsDesktopMobileUl" style="display: flex;align-items: center;">
<li class="sfsi_show_via_onhover disabled_checkbox">
<label class="sfsi_tooltip_premium sfsi_tooltip_premium_small d-flex flex-row align-items-center">
<div class="sfsiicnsdvwrp" style="margin-right: 20px; width: auto;">
<span class="checkbox" style="background-position:0px 0px!important;"></span>
</div>
<div class="sfsicnwrp" style="margin-top: 5px;">
<?php
_e( 'Before posts', 'ultimate-social-media-icons' );
echo sfsi_premium_tooltip_content( 'sfsi_tooltip_text_premium_small', '', 'margin-left: 5px !important;' );
?>
</div>
</label>
</li>
<li>
<div class="radio_section tb_4_ck">
<input name="sfsi_responsive_icons_after_post_on_taxonomy" type="checkbox" value="yes" class="styled" <?php echo ((isset($option9['sfsi_responsive_icons_after_post_on_taxonomy'])) && $option9['sfsi_responsive_icons_after_post_on_taxonomy'] == 'yes') ? 'checked="true"' : ''; ?>>
</div>
<div class="sfsi_right_info">
<?php _e( 'After posts', 'ultimate-social-media-icons' ); ?>
</div>
</li>
</ul>
<div class="checkbox-subheading"><?php _e( 'Other pages', 'ultimate-social-media-icons' ); ?></div>
<ul class="sfsi_icn_listing8 sfsi_closerli bfreAftrPostsDesktopMobileUl" style="display: flex;align-items: center;">
<li class="sfsi_show_via_onhover disabled_checkbox">
<label class="sfsi_tooltip_premium sfsi_tooltip_premium_small d-flex flex-row align-items-center">
<div class="sfsiicnsdvwrp" style="margin-right: 20px; width: auto;">
<span class="checkbox" style="background-position:0px 0px!important;"></span>
</div>
<div class="sfsicnwrp" style="margin-top: 5px;">
<?php
_e( 'At top of pages', 'ultimate-social-media-icons' );
echo sfsi_premium_tooltip_content( 'sfsi_tooltip_text_premium_small', '', 'margin-left: 5px !important;' );
?>
</div>
</label>
</li>
<li class="">
<div class="radio_section tb_4_ck">
<input name="sfsi_responsive_icons_after_pages" type="checkbox" value="yes" class="styled" <?php echo ((isset($option9['sfsi_responsive_icons_after_pages'])) && $option9['sfsi_responsive_icons_after_pages'] == 'yes') ? 'checked="true"' : ''; ?>>
</div>
<div class="sfsi_right_info"><?php _e( 'At bottom of pages', 'ultimate-social-media-icons' ); ?></div>
</li>
</ul>
<div style="display:<?php echo class_exists( 'WooCommerce' ) ? 'block' : 'none'; ?>;">
<div class="checkbox-subheading"><?php _e( 'On WooComerce Product Pages', 'ultimate-social-media-icons' ); ?></div>
<ul class="sfsi_icn_listing8" style="display: flex;align-items: center;">
<li class="sfsi_show_via_onhover disabled_checkbox">
<label class="sfsi_tooltip_premium sfsi_tooltip_premium_small d-flex flex-row align-items-center">
<div class="sfsiicnsdvwrp" style="margin-right: 20px; width: auto;">
<span class="checkbox" style="background-position:0px 0px!important;"></span>
</div>
<div class="sfsicnwrp" style="margin-top: 5px;">
<?php
_e( 'Before product descriptions', 'ultimate-social-media-icons' );
echo sfsi_premium_tooltip_content( 'sfsi_tooltip_text_premium_small', '', 'margin-left: 5px !important;' );
?>
</div>
</label>
</li>
<li>
<div class="radio_section tb_4_ck"><input name="sfsi_display_after_woocomerce_desc" <?php echo (isset($option9['sfsi_display_after_woocomerce_desc']) && $option9['sfsi_display_after_woocomerce_desc'] == 'yes') ? 'checked="true"' : ''; ?> id="sfsi_display_after_woocomerce_desc" type="checkbox" value="yes" class="styled">
</div>
<div class="sfsi_right_info">
<?php _e( 'After product descriptions', 'ultimate-social-media-icons' ); ?>
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="options d-flex align-items-center">
<label class="first" style="color: #555555;">
<?php _e( 'Devices to show icons:', 'ultimate-social-media-icons' ); ?>
</label>
<div class="field">
<ul class="sfsi_icn_listing8 sfsi_closerli bfreAftrPostsDesktopMobileUl" style="display: flex;align-items: center;">
<li class="sfsi_show_via_onhover disabled_checkbox">
<label class="sfsi_tooltip_premium sfsi_tooltip_premium_small d-flex flex-row align-items-center">
<div class="sfsiicnsdvwrp" style="margin-right: 20px; width: auto;">
<span class="checkbox mt-0" style="background-position:0px -35px!important;"></span>
</div>
<div class="sfsicnwrp mt-0">
<?php
_e( 'Desktop', 'ultimate-social-media-icons' );
echo sfsi_premium_tooltip_content( 'sfsi_tooltip_text_premium_small', '', 'margin-left: 5px !important;' );
?>
</div>
</label>
</li>
<li class="sfsi_show_via_onhover disabled_checkbox">
<label class="sfsi_tooltip_premium sfsi_tooltip_premium_small d-flex flex-row align-items-center">
<div class="sfsiicnsdvwrp" style="margin-right: 20px; width: auto;">
<span class="checkbox mt-0" style="background-position:0px -35px!important;"></span>
</div>
<div class="sfsicnwrp mt-0">
<?php
_e( 'Mobile', 'ultimate-social-media-icons' );
echo sfsi_premium_tooltip_content( 'sfsi_tooltip_text_premium_small', '', 'margin-left: 5px !important;' );
?>
</div>
</label>
</li>
</ul>
</div>
</div>
<div class="options" style="font-family: 'helveticaneue-light'">
<div class="sfsi_tooltip_premium sfsi_tooltip_premium_small">
<?php
_e( 'You can also show the icon by using the shortcode [DISPLAY_RESPONSIVE_ICONS] (or place the string <?php echo DISPLAY_RESPONSIVE_ICONS(); ?> into your theme codes).', 'ultimate-social-media-icons' );
echo sfsi_premium_tooltip_content( 'sfsi_tooltip_text_premium_small', '', 'margin-left: 5px !important;' );
?>
</div>
</div>
</li>
<!-- sfsi_responsive_icons_end_post -->
<li class="sfsi_responsive_icon_option_li sfsi_responsive_show " style="margin-left:20px;border-left:0;<?php echo $display2 ?>">
<label class="options heading-label" style="margin: 0px 0px 12px 0px;"><?php _e( 'Design options', 'ultimate-social-media-icons' ); ?></label>
<div class="options sfsi_margin_top_0 ">
<label class="first"><?php _e( 'Icons size:', 'ultimate-social-media-icons' ); ?></label>
<div class="field">
<div style="display:inline-block">
<select name="sfsi_responsive_icons_settings_icon_size" class="styled">
<option value="Small" <?php echo (isset($sfsi_responsive_icons["settings"]) && isset($sfsi_responsive_icons["settings"]["icon_size"]) && $sfsi_responsive_icons["settings"]["icon_size"] === "Small") ? 'selected="selected"' : ""; ?>>
<?php _e("Small",'ultimate-social-media-icons') ?>
</option>
<option value="Medium" <?php echo (isset($sfsi_responsive_icons["settings"]) && isset($sfsi_responsive_icons["settings"]["icon_size"]) && $sfsi_responsive_icons["settings"]["icon_size"] === "Medium") ? 'selected="selected"' : ""; ?>>
<?php _e("Medium",'ultimate-social-media-icons') ?>
</option>
<option value="Large" <?php echo (isset($sfsi_responsive_icons["settings"]) && isset($sfsi_responsive_icons["settings"]["icon_size"]) && $sfsi_responsive_icons["settings"]["icon_size"] === "Large") ? 'selected="selected"' : ""; ?>>
<?php _e("Large",'ultimate-social-media-icons') ?>
</option>
</select>
</div>
</div>
</div>
<div class="options sfsi_margin_top_0 ">
<label class="first">
<?php _e("Icons width:",'ultimate-social-media-icons') ?>
</label>
<div class="field">
<div style="display:inline-block">
<select name="sfsi_responsive_icons_settings_icon_width_type" class="styled">
<option value="Fixed icon width" <?php echo (isset($sfsi_responsive_icons["settings"]) && isset($sfsi_responsive_icons["settings"]["icon_width_type"]) && $sfsi_responsive_icons["settings"]["icon_width_type"] === "Fixed icon width") ? 'selected="selected"' : ""; ?>>
<?php _e("Fixed icon width",'ultimate-social-media-icons') ?>
</option>
<option value="Fully responsive" <?php echo (isset($sfsi_responsive_icons["settings"]) && isset($sfsi_responsive_icons["settings"]["icon_width_type"]) && $sfsi_responsive_icons["settings"]["icon_width_type"] === "Fully responsive") ? 'selected="selected"' : ""; ?>>
<?php _e("Fully responsive",'ultimate-social-media-icons') ?>
</option>
</select>
</div>
<div class="sfsi_responsive_icons_icon_width sfsi_inputSec" style='display:<?php echo (isset($sfsi_responsive_icons["settings"]["icon_width_type"]) && $sfsi_responsive_icons["settings"]["icon_width_type"] == 'Fully responsive') ? 'none' : 'inline-block'; ?>'>
<span style="width:auto!important">of</span>
<input type="number" value="<?php echo isset($sfsi_responsive_icons["settings"]) && isset($sfsi_responsive_icons["settings"]["icon_width_size"]) ? $sfsi_responsive_icons["settings"]["icon_width_size"] : 140; ?>" name="sfsi_responsive_icons_sttings_icon_width_size" style="float:none" />
</select>
<span class="sfsi_span_after_input"><?php _e("pixels",'ultimate-social-media-icons') ?></span>
</div>
</div>
</div>
<div class="options sfsi_inputSec textBefor_icons_fontcolor sfsi_margin_top_0">
<label class="first">
<?php _e("Edges:",'ultimate-social-media-icons') ?>
</label>
<div class="field">
<div style="display:inline-block">
<select name="sfsi_responsive_icons_settings_edge_type" class="styled">
<option value="Round" <?php echo (isset($sfsi_responsive_icons["settings"]) && isset($sfsi_responsive_icons["settings"]["edge_type"]) && $sfsi_responsive_icons["settings"]["edge_type"] === "Round") ? 'selected="selected"' : ""; ?>>
<?php _e("Round",'ultimate-social-media-icons') ?>
</option>
<option value="Sharp" <?php echo (isset($sfsi_responsive_icons["settings"]) && isset($sfsi_responsive_icons["settings"]["edge_type"]) && $sfsi_responsive_icons["settings"]["edge_type"] === "Sharp") ? 'selected="selected"' : ""; ?>>
<?php _e("Sharp",'ultimate-social-media-icons') ?>
</option>
</select>
</div>
<span style="width:auto!important;font-size: 17px;color: #5A6570; <?php echo (isset($sfsi_responsive_icons["settings"]["edge_type"]) && $sfsi_responsive_icons["settings"]["edge_type"] == 'Sharp') ? 'display:none' : ''; ?>">
<?php _e("with border radius",'ultimate-social-media-icons') ?></span>
</div>
<div class="field-sfsi_responsive_icons_settings_edge_radius" style="position:absolute;margin-left: 6px;<?php echo (isset($sfsi_responsive_icons["settings"]["edge_type"]) && $sfsi_responsive_icons["settings"]["edge_type"] == 'Sharp') ? 'display:none' : 'display:inline-block'; ?>">
<select name="sfsi_responsive_icons_settings_edge_radius" id="sfsi_icons_alignment" class="styled">
<?php for ($i = 1; $i <= 20; $i++) : ?>
<option value="<?php echo $i; ?>" <?php echo (isset($sfsi_responsive_icons["settings"]) && isset($sfsi_responsive_icons["settings"]["edge_radius"]) && $sfsi_responsive_icons["settings"]["edge_radius"] == $i) ? 'selected="selected"' : ''; ?>>
<?php echo $i; ?>
</option>
<?php endfor; ?>
</select>
</div>
<!-- <span style=" <?php echo (isset($sfsi_responsive_icons["settings"]["edge_type"]) && $sfsi_responsive_icons["settings"]["edge_type"] == 'Sharp') ? 'display:none' : ''; ?>">pixels</span> -->
</div>
<div class="options sfsi_margin_top_0">
<label class="first">
<?php _e( 'Style:', 'ultimate-social-media-icons' ); ?>
</label>
<div class="field">
<div style="display:inline-block">
<select name="sfsi_responsive_icons_settings_style" class="styled">
<option value="Flat" <?php echo (isset($sfsi_responsive_icons["settings"]) && isset($sfsi_responsive_icons["settings"]["style"]) && $sfsi_responsive_icons["settings"]["style"] === "Flat") ? 'selected="selected"' : ""; ?>>
<?php _e( 'Flat', 'ultimate-social-media-icons' ); ?>
</option>
<option value="Gradient" <?php echo (isset($sfsi_responsive_icons["settings"]) && isset($sfsi_responsive_icons["settings"]["style"]) && $sfsi_responsive_icons["settings"]["style"] === "Gradient") ? 'selected="selected"' : ""; ?>>
<?php _e( 'Gradient', 'ultimate-social-media-icons' ); ?>
</option>
</select>
</div>
</div>
</div>
<div class="options sfsi_margin_top_0 sfsi_inputSec">
<label class="first"><?php _e( 'Margin between icons:', 'ultimate-social-media-icons' ); ?></label>
<div class="field">
<input type="number" value="<?php echo isset($sfsi_responsive_icons["settings"]) && isset($sfsi_responsive_icons["settings"]["margin"]) ? $sfsi_responsive_icons["settings"]["margin"] : 0; ?>" name="sfsi_responsive_icons_settings_margin" style="float:none" />
<span class="span_after_input"><?php _e( 'pixels', 'ultimate-social-media-icons' ); ?></span>
</div>
</div>
<div class="options sfsi_margin_top_0 sfsi_inputSec">
<label class="first">
<?php _e( 'Margins:', 'ultimate-social-media-icons' ); ?>
</label>
<div class="field" style="float: none;">
<span class="span_before_input" style="width: 120px;"><?php _e( 'Above Icon', 'ultimate-social-media-icons' ); ?></span>
<input type="number" value="<?php echo isset($sfsi_responsive_icons["settings"]) && isset($sfsi_responsive_icons["settings"]["margin_above"]) ? $sfsi_responsive_icons["settings"]["margin_above"] : 0; ?>" name="sfsi_responsive_icons_settings_margin_above" style="float:none" />
<span class="span_after_input"><?php _e( 'px', 'ultimate-social-media-icons' ); ?></span>
</div>
<div class="field" style="float: none;">
<span class="span_before_input" style="width: 120px;"><?php _e( 'Below Icon', 'ultimate-social-media-icons' ); ?></span>
<input type="number" value="<?php echo isset($sfsi_responsive_icons["settings"]) && isset($sfsi_responsive_icons["settings"]["margin_below"]) ? $sfsi_responsive_icons["settings"]["margin_below"] : 0; ?>" name="sfsi_responsive_icons_settings_margin_below" style="float:none" />
<span class="span_after_input"><?php _e( 'px', 'ultimate-social-media-icons' ); ?></span>
</div>
</div>
<div class="options sfsi_margin_top_0">
<label class="first"><?php _e( 'Text on icons:', 'ultimate-social-media-icons' ); ?></label>
<div class="field">
<div style="display:inline-block">
<select name="sfsi_responsive_icons_settings_text_align" class="styled">
<option value="Left aligned" <?php echo (isset($sfsi_responsive_icons["settings"]) && isset($sfsi_responsive_icons["settings"]["text_align"]) && $sfsi_responsive_icons["settings"]["text_align"] === "Left aligned") ? 'selected="selected"' : ""; ?>>
<?php _e( 'Left aligned', 'ultimate-social-media-icons' ); ?>
</option>
<option value="Centered" <?php echo (isset($sfsi_responsive_icons["settings"]) && isset($sfsi_responsive_icons["settings"]["text_align"]) && $sfsi_responsive_icons["settings"]["text_align"] === "Centered") ? 'selected="selected"' : ""; ?>>
<?php _e( 'Centered', 'ultimate-social-media-icons' ); ?>
</option>
</select>
</div>
</div>
</div>
</li>
<li class="sfsi_responsive_icon_option_li sfsi_responsive_icon_option_li_counter_wrapper" style="<?php echo $display2 ?>">
<label class="heading-label"><?php _e( 'Share count', 'ultimate-social-media-icons' ); ?></label>
<div class="options" style="width: 90%;">
<label style="width:auto!important"><?php _e( 'Show the total share count on the left of your icons. It will only be visible if the individual counts are set up under <a href="#" onclick="event.preventDefault();sfsi_scroll_to_div(\'ui-id-9\')" >question 5</a>.', 'ultimate-social-media-icons' ); ?></label>
</div>
<ul class="sfsi_tab_3_icns sfsi_shwthmbfraftr"<?php echo ( $option4['sfsi_display_counts'] != "yes" ) ? ' style="display: none";' : ''; ?>>
<li style="width:30%!important; border:0" class="col-1-3" onclick="sfsi_responsive_icon_counter_tgl(null, 'sfsi_responsive_icon_share_count', this);" class="clckbltglcls">
<input name="sfsi_responsive_icon_show_count" <?php echo ( $sfsi_responsive_icons['settings']['show_count'] == 'yes' ) ? 'checked="true"' : ''; ?> type="radio" value="yes" class="styled" />
<label class="labelhdng4" style="margin-top: 15px;"><?php _e( 'Yes', 'ultimate-social-media-icons' ); ?></label>
</li>
<li style="width:30%!important; border:0" class="col-1-3" onclick="sfsi_responsive_icon_counter_tgl('sfsi_responsive_icon_share_count', null, this);" class="clckbltglcls">
<input name="sfsi_responsive_icon_show_count" <?php echo ( $sfsi_responsive_icons['settings']['show_count'] == 'no' ) ? 'checked="true"' : ''; ?> type="radio" value="no" class="styled" />
<label class="labelhdng4" style="margin-top: 15px;"><?php _e( 'No', 'ultimate-social-media-icons' ); ?></label>
</li>
<div class="sfsi_responsive_icon_share_count" style="<?php echo ( isset($sfsi_responsive_icons['settings'] ) && isset( $sfsi_responsive_icons['settings']['show_count'] ) && $sfsi_responsive_icons['settings']['show_count'] == 'no' ) ? 'display:none' : ''; ?>">
<div class="options textBefor_icons_fontcolor textBefor_icons_fontcolor_counter_wrapper">
<label class="first"><?php _e( 'Background color:', 'ultimate-social-media-icons' ); ?></label>
<input name="sfsi_responsive_counter_bg_color" id="sfsi_responsive_counter_bg_color" data-default-color="#fff" type="text" value="<?php echo ( $sfsi_responsive_icons['settings']['counter_bg_color'] != '' ) ? esc_attr($sfsi_responsive_icons['settings']['counter_bg_color']) : '#fff'; ?>" />
</div>
<div class="options textBefor_icons_fontcolor textBefor_icons_fontcolor_counter_wrapper">
<label class="first"><?php _e( 'Font color (of counts):', 'ultimate-social-media-icons' ); ?></label>
<input name="sfsi_responsive_counter_color" id="sfsi_responsive_counter_color" data-default-color="#aaaaaa" type="text" value="<?php echo (isset($sfsi_responsive_icons['settings']['counter_color']) && $sfsi_responsive_icons['settings']['counter_color'] != '') ? esc_attr($sfsi_responsive_icons['settings']['counter_color']) : '#aaaaaa'; ?>" />
</div>
<div class="options sfsi_inputSec">
<label class="first"><?php _e( 'Share count text:', 'ultimate-social-media-icons' ); ?></label>
<div class="field">
<input name="sfsi_responsive_counter_share_count_text" class="sfsi_responsive_counter_share_count_text" type="text" value="<?php echo (isset($sfsi_responsive_icons['settings']['share_count_text']) && $sfsi_responsive_icons['settings']['share_count_text'] != '') ? esc_attr($sfsi_responsive_icons['settings']['share_count_text']) : 'SHARES'; ?>" />
</div>
</div>
</div>
</ul>
</li>
</ul>
</div>
</li>
</ul>
<a class="sfsiColbtn closeSec" href="javascript:;">
<?php _e( 'Collapse area', 'ultimate-social-media-icons' ); ?>
</a>
<label class="closeSec"></label>
<!-- ERROR AND SUCCESS MESSAGE AREA-->
<p class="red_txt errorMsg" style="display:none"> </p>
<p class="green_txt sucMsg" style="display:none"> </p>
<div class="clear"></div>
</div>
</div>
<!-- END Section 6 "Do you want to display icons at the end of every post?" -->