File Editor
Directories:
.. (Back)
field
helpers
settings
type
woocommerce
Files:
Accordion.php
AccordionItem.php
Audio.php
BarCounters.php
BarCountersItem.php
Blog.php
Blurb.php
Button.php
CircleCounter.php
Code.php
Comments.php
ContactForm.php
ContactFormItem.php
CountdownTimer.php
Cta.php
Divider.php
FilterablePortfolio.php
FullwidthCode.php
FullwidthHeader.php
FullwidthImage.php
FullwidthMap.php
FullwidthMenu.php
FullwidthPortfolio.php
FullwidthPostContent.php
FullwidthPostSlider.php
FullwidthPostTitle.php
FullwidthSlider.php
Gallery.php
Icon.php
Image.php
Login.php
Map.php
MapItem.php
Menu.php
NumberCounter.php
Portfolio.php
PostContent.php
PostSlider.php
PostTitle.php
PostsNavigation.php
PricingTables.php
PricingTablesItem.php
Search.php
Sidebar.php
Signup.php
SignupItem.php
Slider.php
SliderItem.php
SocialMediaFollow.php
SocialMediaFollowItem.php
Tabs.php
TabsItem.php
TeamMember.php
Testimonial.php
Text.php
Toggle.php
Video.php
VideoSlider.php
VideoSliderItem.php
Create New File
Create
Edit File: SocialMediaFollowItem.php
<?php class ET_Builder_Module_Social_Media_Follow_Item extends ET_Builder_Module { function init() { $this->name = esc_html__( 'Social Network', 'et_builder' ); $this->plural = esc_html__( 'Social Networks', 'et_builder' ); $this->slug = 'et_pb_social_media_follow_network'; $this->vb_support = 'on'; $this->type = 'child'; $this->child_title_var = 'content'; $this->settings_modal_toggles = array( 'general' => array( 'toggles' => array( 'main_content' => esc_html__( 'Network', 'et_builder' ), 'link' => et_builder_i18n( 'Link' ), ), ), 'advanced' => array( 'toggles' => array( 'icon' => esc_html__( 'Icon', 'et_builder' ), ), ), ); $this->advanced_setting_title_text = esc_html__( 'New Social Network', 'et_builder' ); $this->settings_text = esc_html__( 'Social Network Settings', 'et_builder' ); $this->custom_css_fields = array( 'before' => array( 'label' => et_builder_i18n( 'Before' ), 'selector' => '.et_pb_social_media_follow li%%order_class%%:before', ), 'main_element' => array( 'label' => et_builder_i18n( 'Main Element' ), 'selector' => '.et_pb_social_media_follow li%%order_class%%', ), 'after' => array( 'label' => et_builder_i18n( 'After' ), 'selector' => '.et_pb_social_media_follow li%%order_class%%:after', ), 'social_icon' => array( 'label' => esc_html__( 'Social Icon', 'et_builder' ), 'selector' => '.et_pb_social_network_link a.icon', 'no_space_before_selector' => true, ), 'follow_button' => array( 'label' => esc_html__( 'Follow Button', 'et_builder' ), 'selector' => '.et_pb_social_network_link a.follow_button', 'no_space_before_selector' => true, ), ); $this->advanced_fields = array( 'background' => array( 'css' => array( 'main' => '%%order_class%% a.icon', 'important' => 'all', ), ), 'borders' => array( 'default' => array( 'css' => array( 'main' => array( 'border_radii' => '%%order_class%%.et_pb_social_icon a.icon', 'border_styles' => '%%order_class%%.et_pb_social_icon a.icon', ), ), 'defaults' => array( 'border_radii' => 'on|3px|3px|3px|3px', 'border_styles' => array( 'width' => '0px', 'color' => '#333333', 'style' => 'solid', ), ), ), ), 'box_shadow' => array( 'default' => array( 'css' => array( 'main' => '%%order_class%% a', 'important' => true, ), ), ), 'margin_padding' => array( 'css' => array( 'padding' => '.et_pb_social_media_follow li%%order_class%% a', 'main' => '%%order_class%%', 'important' => array( 'custom_margin' ), // needed to overwrite last module margin-bottom styling ), ), 'fonts' => false, 'text' => false, 'max_width' => false, 'height' => false, 'button' => array( 'button' => array( 'label' => esc_html__( 'Follow Button', 'et_builder' ), 'css' => array( 'main' => '.et_pb_social_media_follow li%%order_class%% .follow_button', ), 'hide_icon' => true, 'hide_custom_padding' => true, 'no_rel_attr' => true, 'text_size' => array( 'default' => '14px', ), 'border_width' => array( 'default' => '0px', ), 'box_shadow' => array( 'css' => array( 'main' => '.et_pb_social_media_follow li%%order_class%% .follow_button', ), ), ), ), 'link_options' => false, 'sticky' => false, ); } function get_fields() { $fields = array( 'social_network' => array( 'label' => esc_html__( 'Social Network', 'et_builder' ), 'type' => 'select', 'option_category' => 'basic_option', 'class' => 'et-pb-social-network', 'options' => array( '' => esc_html__( 'Select a Network', 'et_builder' ), 'amazon' => array( 'value' => esc_html__( 'Amazon', 'et_builder' ), 'data' => array( 'color' => '#ff9900', ), ), 'bandcamp' => array( 'value' => esc_html__( 'Bandcamp', 'et_builder' ), 'data' => array( 'color' => '#629aa9', ), ), 'behance' => array( 'value' => esc_html__( 'Behance', 'et_builder' ), 'data' => array( 'color' => '#0057ff', ), ), 'bitbucket' => array( 'value' => esc_html__( 'BitBucket', 'et_builder' ), 'data' => array( 'color' => '#205081', ), ), 'buffer' => array( 'value' => esc_html__( 'Buffer', 'et_builder' ), 'data' => array( 'color' => '#000000', ), ), 'codepen' => array( 'value' => esc_html__( 'CodePen', 'et_builder' ), 'data' => array( 'color' => '#000000', ), ), 'deviantart' => array( 'value' => esc_html__( 'DeviantArt', 'et_builder' ), 'data' => array( 'color' => '#05cc47', ), ), 'dribbble' => array( 'value' => esc_html__( 'dribbble', 'et_builder' ), 'data' => array( 'color' => '#ea4c8d', ), ), 'facebook' => array( 'value' => esc_html__( 'Facebook', 'et_builder' ), 'data' => array( 'color' => '#3b5998', ), ), 'flikr' => array( 'value' => esc_html__( 'Flickr', 'et_builder' ), 'data' => array( 'color' => '#ff0084', ), ), 'flipboard' => array( 'value' => esc_html__( 'FlipBoard', 'et_builder' ), 'data' => array( 'color' => '#e12828', ), ), 'foursquare' => array( 'value' => esc_html__( 'Foursquare', 'et_builder' ), 'data' => array( 'color' => '#f94877', ), ), 'github' => array( 'value' => esc_html__( 'GitHub', 'et_builder' ), 'data' => array( 'color' => '#333333', ), ), 'goodreads' => array( 'value' => esc_html__( 'Goodreads', 'et_builder' ), 'data' => array( 'color' => '#553b08', ), ), 'google' => array( 'value' => esc_html__( 'Google', 'et_builder' ), 'data' => array( 'color' => '#4285f4', ), ), 'google-plus' => array( 'value' => esc_html__( 'Google+', 'et_builder' ), 'data' => array( 'color' => '#dd4b39', ), ), 'houzz' => array( 'value' => esc_html__( 'Houzz', 'et_builder' ), 'data' => array( 'color' => '#7ac142', ), ), 'instagram' => array( 'value' => esc_html__( 'Instagram', 'et_builder' ), 'data' => array( 'color' => '#ea2c59', ), ), 'itunes' => array( 'value' => esc_html__( 'iTunes', 'et_builder' ), 'data' => array( 'color' => '#fe7333', ), ), 'last_fm' => array( 'value' => esc_html__( 'Last.fm', 'et_builder' ), 'data' => array( 'color' => '#b90000', ), ), 'line' => array( 'value' => esc_html__( 'Line', 'et_builder' ), 'data' => array( 'color' => '#00c300', ), ), 'linkedin' => array( 'value' => esc_html__( 'LinkedIn', 'et_builder' ), 'data' => array( 'color' => '#007bb6', ), ), 'medium' => array( 'value' => esc_html__( 'Medium', 'et_builder' ), 'data' => array( 'color' => '#00ab6c', ), ), 'meetup' => array( 'value' => esc_html__( 'Meetup', 'et_builder' ), 'data' => array( 'color' => '#e0393e', ), ), 'myspace' => array( 'value' => esc_html__( 'MySpace', 'et_builder' ), 'data' => array( 'color' => '#3b5998', ), ), 'odnoklassniki' => array( 'value' => esc_html__( 'Odnoklassniki', 'et_builder' ), 'data' => array( 'color' => '#ed812b', ), ), 'patreon' => array( 'value' => esc_html__( 'Patreon', 'et_builder' ), 'data' => array( 'color' => '#f96854', ), ), 'periscope' => array( 'value' => esc_html__( 'Periscope', 'et_builder' ), 'data' => array( 'color' => '#3aa4c6', ), ), 'pinterest' => array( 'value' => esc_html__( 'Pinterest', 'et_builder' ), 'data' => array( 'color' => '#cb2027', ), ), 'quora' => array( 'value' => esc_html__( 'Quora', 'et_builder' ), 'data' => array( 'color' => '#a82400', ), ), 'reddit' => array( 'value' => esc_html__( 'Reddit', 'et_builder' ), 'data' => array( 'color' => '#ff4500', ), ), 'researchgate' => array( 'value' => esc_html__( 'ResearchGate', 'et_builder' ), 'data' => array( 'color' => '#40ba9b', ), ), 'rss' => array( 'value' => esc_html__( 'RSS', 'et_builder' ), 'data' => array( 'color' => '#ff8a3c', ), ), 'skype' => array( 'value' => esc_html__( 'skype', 'et_builder' ), 'data' => array( 'color' => '#12A5F4', ), ), 'snapchat' => array( 'value' => esc_html__( 'Snapchat', 'et_builder' ), 'data' => array( 'color' => '#fffc00', ), ), 'soundcloud' => array( 'value' => esc_html__( 'SoundCloud', 'et_builder' ), 'data' => array( 'color' => '#ff8800', ), ), 'spotify' => array( 'value' => esc_html__( 'Spotify', 'et_builder' ), 'data' => array( 'color' => '#1db954', ), ), 'steam' => array( 'value' => esc_html__( 'Steam', 'et_builder' ), 'data' => array( 'color' => '#00adee', ), ), 'telegram' => array( 'value' => esc_html__( 'Telegram', 'et_builder' ), 'data' => array( 'color' => '#179cde', ), ), 'tiktok' => array( 'value' => esc_html__( 'TikTok', 'et_builder' ), 'data' => array( 'color' => '#fe2c55', ), ), 'tripadvisor' => array( 'value' => esc_html__( 'TripAdvisor', 'et_builder' ), 'data' => array( 'color' => '#00af87', ), ), 'tumblr' => array( 'value' => esc_html__( 'tumblr', 'et_builder' ), 'data' => array( 'color' => '#32506d', ), ), 'twitch' => array( 'value' => esc_html__( 'Twitch', 'et_builder' ), 'data' => array( 'color' => '#6441a5', ), ), 'twitter' => array( 'value' => esc_html__( 'Twitter', 'et_builder' ), 'data' => array( 'color' => '#00aced', ), ), 'vimeo' => array( 'value' => esc_html__( 'Vimeo', 'et_builder' ), 'data' => array( 'color' => '#45bbff', ), ), 'vk' => array( 'value' => esc_html__( 'VK', 'et_builder' ), 'data' => array( 'color' => '#45668e', ), ), 'weibo' => array( 'value' => esc_html__( 'Weibo', 'et_builder' ), 'data' => array( 'color' => '#eb7350', ), ), 'whatsapp' => array( 'value' => esc_html__( 'WhatsApp', 'et_builder' ), 'data' => array( 'color' => '#25D366', ), ), 'xing' => array( 'value' => esc_html__( 'XING', 'et_builder' ), 'data' => array( 'color' => '#026466', ), ), 'yelp' => array( 'value' => esc_html__( 'Yelp', 'et_builder' ), 'data' => array( 'color' => '#af0606', ), ), 'youtube' => array( 'value' => esc_html__( 'Youtube', 'et_builder' ), 'data' => array( 'color' => '#a82400', ), ), ), 'affects' => array( 'url', 'skype_url', 'skype_action', ), 'overwrite_onchange' => array( 'background_color', ), 'description' => esc_html__( 'Choose the social network', 'et_builder' ), 'toggle_slug' => 'main_content', ), 'content' => array( 'label' => et_builder_i18n( 'Body' ), 'type' => 'hidden', 'toggle_slug' => 'main_content', ), 'url' => array( 'label' => esc_html__( 'Account Link URL', 'et_builder' ), 'type' => 'text', 'option_category' => 'basic_option', 'description' => esc_html__( 'The URL for this social network link.', 'et_builder' ), 'depends_show_if_not' => 'skype', 'depends_on' => array( 'social_network', ), 'toggle_slug' => 'link', 'default_on_front' => '#', 'dynamic_content' => 'url', ), 'skype_url' => array( 'label' => esc_html__( 'Account Name', 'et_builder' ), 'type' => 'text', 'option_category' => 'basic_option', 'description' => esc_html__( 'The Skype account name.', 'et_builder' ), 'depends_show_if' => 'skype', 'depends_on' => array( 'social_network', ), 'toggle_slug' => 'main_content', ), 'skype_action' => array( 'label' => esc_html__( 'Skype Button Action', 'et_builder' ), 'type' => 'select', 'option_category' => 'basic_option', 'options' => array( 'call' => esc_html__( 'Call', 'et_builder' ), 'chat' => esc_html__( 'Chat', 'et_builder' ), ), 'depends_show_if' => 'skype', 'depends_on' => array( 'social_network', ), 'description' => esc_html__( 'Here you can choose which action to execute on button click', 'et_builder' ), 'toggle_slug' => 'main_content', 'default_on_front' => 'call', ), 'icon_color' => array( 'label' => esc_html__( 'Icon Color', 'et_builder' ), 'description' => esc_html__( 'Here you can define a custom color for the social network icon.', 'et_builder' ), 'type' => 'color-alpha', 'custom_color' => true, 'tab_slug' => 'advanced', 'toggle_slug' => 'icon', 'hover' => 'tabs', 'mobile_options' => true, 'sticky' => true, ), 'use_icon_font_size' => array( 'label' => esc_html__( 'Use Custom Icon Size', 'et_builder' ), 'description' => esc_html__( 'If you would like to control the size of the icon, you must first enable this option.', 'et_builder' ), 'type' => 'yes_no_button', 'options' => array( 'off' => et_builder_i18n( 'No' ), 'on' => et_builder_i18n( 'Yes' ), ), 'default_on_front' => 'off', 'affects' => array( 'icon_font_size', ), 'depends_show_if' => 'on', 'tab_slug' => 'advanced', 'toggle_slug' => 'icon', 'option_category' => 'font_option', ), 'icon_font_size' => array( 'label' => esc_html__( 'Icon Font Size', 'et_builder' ), 'description' => esc_html__( 'Control the size of the icon by increasing or decreasing the font size.', 'et_builder' ), 'type' => 'range', 'option_category' => 'font_option', 'tab_slug' => 'advanced', 'toggle_slug' => 'icon', 'allowed_units' => array( '%', 'em', 'rem', 'px', 'cm', 'mm', 'in', 'pt', 'pc', 'ex', 'vh', 'vw' ), 'default' => '16px', 'default_unit' => 'px', 'default_on_front' => '', 'range_settings' => array( 'min' => '1', 'max' => '120', 'step' => '1', ), 'mobile_options' => true, 'depends_show_if' => 'on', 'responsive' => true, 'hover' => 'tabs', 'sticky' => true, ), ); // Automatically parse social_network's option as value_overwrite foreach ( $fields['social_network']['options'] as $value_overwrite_key => $value_overwrite ) { if ( is_array( $value_overwrite ) && isset( $value_overwrite['data'] ) && $value_overwrite['data']['color'] ) { $fields['social_network']['value_overwrite'][ $value_overwrite_key ] = $value_overwrite['data']['color']; } } return $fields; } public function get_transition_fields_css_props() { $fields = parent::get_transition_fields_css_props(); $fields['icon_color'] = array( 'color' => '.et_pb_social_media_follow %%order_class%% .icon:before' ); $fields['icon_font_size'] = array( 'font-size' => '.et_pb_social_media_follow %%order_class%% .icon:before', 'line-height' => '.et_pb_social_media_follow %%order_class%% .icon:before', 'height' => '.et_pb_social_media_follow %%order_class%% .icon:before', 'width' => '.et_pb_social_media_follow %%order_class%% .icon:before', 'height' => '.et_pb_social_media_follow %%order_class%% .icon', 'width' => '.et_pb_social_media_follow %%order_class%% .icon', ); return $fields; } function get_network_name( $network ) { $all_fields = $this->get_fields(); $network_names_mapping = $all_fields['social_network']['options']; if ( isset( $network_names_mapping[ $network ] ) && isset( $network_names_mapping[ $network ]['value'] ) ) { return $network_names_mapping[ $network ]['value']; } return $network; } /** * Renders the module output. * * @param array $attrs List of attributes. * @param string $content Content being processed. * @param string $render_slug Slug of module that is used for rendering output. * * @return string */ public function render( $attrs, $content, $render_slug ) { global $et_pb_social_media_follow_link, $et_pb_social_media_follow_sticky; $multi_view = et_pb_multi_view_options( $this ); $multi_view->set_custom_prop( 'follow_button', $et_pb_social_media_follow_link['follow_button'] ); $social_network = $this->props['social_network']; $url = $this->props['url']; $skype_url = $this->props['skype_url']; $skype_action = $this->props['skype_action']; $custom_padding = $this->props['custom_padding']; $custom_padding_tablet = $this->props['custom_padding_tablet']; $custom_padding_phone = $this->props['custom_padding_phone']; $follow_button = ''; $is_skype = false; $network_name = esc_attr( $this->get_network_name( trim( wp_strip_all_tags( $content ) ) ) ); $use_icon_font_size = $this->props['use_icon_font_size']; if ( 'skype' === $social_network ) { $skype_url = sprintf( 'skype:%1$s?%2$s', sanitize_text_field( $skype_url ), sanitize_text_field( $skype_action ) ); $is_skype = true; } if ( $multi_view->has_value( 'follow_button', 'on' ) ) { $follow_button_multi_view_attr = $multi_view->render_attrs( array( 'visibility' => array( 'follow_button' => 'on', ), ) ); $follow_button = sprintf( '<a href="%1$s" class="follow_button" title="%2$s"%3$s%5$s>%4$s</a>', ! $is_skype ? esc_url( $url ) : $skype_url, $network_name, ( 'on' === $et_pb_social_media_follow_link['url_new_window'] ? ' target="_blank"' : '' ), esc_html__( 'Follow', 'et_builder' ), $follow_button_multi_view_attr ); } if ( '' !== $custom_padding || '' !== $custom_padding_tablet || '' !== $custom_padding_phone ) { $el_style = array( 'selector' => '.et_pb_social_media_follow li%%order_class%% a', 'declaration' => 'width: auto; height: auto;', ); ET_Builder_Element::set_style( $render_slug, $el_style ); } // Icon Color. $this->generate_styles( array( 'base_attr_name' => 'icon_color', 'selector' => '.et_pb_social_media_follow %%order_class%%.et_pb_social_icon .icon:before', 'hover_selector' => '.et_pb_social_media_follow %%order_class%%.et_pb_social_icon:hover .icon:before', 'sticky_pseudo_selector_location' => 'prefix', 'css_property' => 'color', 'render_slug' => $render_slug, 'type' => 'color', 'is_sticky_module' => $et_pb_social_media_follow_sticky, ) ); // Icon Size. if ( 'off' !== $use_icon_font_size ) { // Calculate icon size + its wrapper dimension. $this->generate_styles( array( 'base_attr_name' => 'icon_font_size', 'selector' => '.et_pb_social_media_follow %%order_class%% .icon:before', 'selector_wrapper' => '.et_pb_social_media_follow %%order_class%% .icon', 'hover_pseudo_selector_location' => 'suffix', 'sticky_pseudo_selector_location' => 'prefix', 'render_slug' => $render_slug, 'type' => 'range', 'css_property' => 'right', 'is_sticky_module' => $et_pb_social_media_follow_sticky, // processed attr value can't be directly assigned to single css property so // custom processor is needed to render this attr. Processor required is 100% // identical to social media follow module's. Thus it is being re-used. 'processor' => array( 'ET_Builder_Module_Helper_Style_Processor', 'process_social_media_icon_font_size', ), ) ); } $video_background = $this->video_background(); $parallax_image_background = $this->get_parallax_image_background(); $social_network_link_url = ! $is_skype ? esc_url( $url ) : $skype_url; $social_network_link_target = 'on' === $et_pb_social_media_follow_link['url_new_window'] ? ' target="_blank"' : ''; // Get custom borders, if any $attrs = $this->props; // Module classnames $this->add_classname( array( 'et_pb_social_icon', 'et_pb_social_network_link', ) ); if ( '' !== $social_network ) { $this->add_classname( sprintf( ' et-social-%s', esc_attr( $social_network ) ) ); if ( ! empty( $this->props['social_network'] ) && in_array( $this->props['social_network'], et_pb_get_social_net_fa_icons(), true ) ) { $this->add_classname( 'et-pb-social-fa-icon' ); } } // Remove automatically added classnames $this->remove_classname( array( $render_slug, 'et_pb_module', 'et_pb_section_video', 'et_pb_preload', 'et_pb_section_parallax', ) ); // Format i18n link title $social_network_link_title = sprintf( esc_html__( 'Follow on %s', 'et_builder' ), $network_name ); // Format i18n link text (visible, but ignored by screen readers) $social_network_link_text = esc_html__( 'Follow', 'et_builder' ); // Prepare CSS classes for the link $social_network_link_classes = array( 'icon', 'et_pb_with_border' ); if ( '' !== $video_background ) { array_push( $social_network_link_classes, 'et_pb_section_video', 'et_pb_preload', $video_background ); } if ( '' !== $parallax_image_background ) { array_push( $social_network_link_classes, 'et_pb_section_parallax' ); } $social_network_link_classes = implode( ' ', $social_network_link_classes ); $output = "<li class='{$this->module_classname( $render_slug )}'><a href='{$social_network_link_url}' class='{$social_network_link_classes}' title='{$social_network_link_title}' {$social_network_link_target}>{$parallax_image_background}<span class='et_pb_social_media_follow_network_name' aria-hidden='true' >{$social_network_link_text}</span></a>{$follow_button}</li>"; return $output; } } if ( et_builder_should_load_all_module_data() ) { new ET_Builder_Module_Social_Media_Follow_Item(); }
Save Changes
Rename File
Rename