Default Ecommerce Theme 2 - by ycs7a - on WordPress WooCommerce support

7. On the Live Preview of the Royal Theme, you get to see images when you hover over a word in the menu bar. For instance, under Demo > Electronic > [hover mouse over word] image of Nokia Luma920.

Link: http://preview.themeforest.net/item/royal-multipurpose-wordpress-theme/full_screen_preview/8611976?_ga=1.143094005.1332743067.1477339173

How do get this effect?

Dear Eva,

Thank you kindly for taking the time to answer.

‘4a) Please see the test website for the top bar with widgets in question.

‘4c) In Theme Options > Header > Header custom HTML I see the following: <p>[share]</p>. Where do I change the [share] icons?

‘7) That is very unfortunate. Is there no way where I can achieve the same result?

Thanks.

Best regards,

Christian

‘4c. I see the following code.

I don’t want to mess things up:) How do I change things?

// **********************************************************************// 
// ! Share This Product
// **********************************************************************// 

add_shortcode('share', 'etheme_share_shortcode');
if(!function_exists('etheme_share_shortcode')) {
	function etheme_share_shortcode($atts, $content = null) {
		extract(shortcode_atts(array(
			'title'  => '',
			'text' => '',
			'tooltip' => 1,
	        'twitter' => 1,
	        'facebook' => 1,
	        'pinterest' => 1,
	        'google' => 1,
	        'mail' => 1,
			'class' => ''
		), $atts));
		global $post;
		if(!isset($post->ID)) return;
	    $html = '';
		$permalink = get_permalink($post->ID);
		$tooltip_class = '';
		if($tooltip) {
			$tooltip_class = 'title-toolip';
		}
		$image =  etheme_get_image( get_post_thumbnail_id($post->ID), 150,150,false);
		$post_title = rawurlencode(get_the_title($post->ID)); 
		if($title) $html .= '<span class="share-title">'.$title.'</span>';
	    $html .= '
	        <ul class="menu-social-icons '.$class.'">
	    ';
	    if($twitter == 1) {
	        $html .= '
	                <li>
	                    <a href="https://twitter.com/share?url='.$permalink.'&text='.$post_title.'" title="'.__('Twitter', ET_DOMAIN).'" target="_blank">
	                        <i class="ico-twitter"></i>
	                        <svg width="38" height="38" xmlns="http://www.w3.org/2000/svg" class="circle">
	                                <circle cx="19" cy="19" r="18" fill="rgba(255,255,255,0)" stroke="#000000"></circle>
	                        </svg>
	                    </a>
	                </li>
	        ';
	    }
	    if($facebook == 1) {
	        $html .= '
	                <li>
	                    <a href="http://www.facebook.com/sharer.php?u='.$permalink.'" title="'.__('Facebook', ET_DOMAIN).'" target="_blank">
	                        <i class="ico-facebook"></i>
	                        <svg width="38" height="38" xmlns="http://www.w3.org/2000/svg" class="circle">
	                                <circle cx="19" cy="19" r="18" fill="rgba(255,255,255,0)" stroke="#000000"></circle>
	                        </svg>
	                    </a>
	                </li>
	        ';
	    }

	    if($pinterest == 1) {
	        $html .= '
	                <li>
	                    <a href="http://pinterest.com/pin/create/button/?url='.$permalink.'&media='.$image.'&description='.$post_title.'" title="'.__('Pinterest', ET_DOMAIN).'" target="_blank">
	                        <i class="ico-pinterest"></i>
	                        <svg width="38" height="38" xmlns="http://www.w3.org/2000/svg" class="circle">
	                                <circle cx="19" cy="19" r="18" fill="rgba(255,255,255,0)" stroke="#000000"></circle>
	                        </svg>
	                    </a>
	                </li>
	        ';
	    }

	    if($google == 1) {
	        $html .= '
	                <li>
	                    <a href="http://plus.google.com/share?url='.$permalink.'&title='.$text.'" title="'.__('Google +', ET_DOMAIN).'" target="_blank">
	                        <i class="ico-google-plus"></i>
	                        <svg width="38" height="38" xmlns="http://www.w3.org/2000/svg" class="circle">
	                                <circle cx="19" cy="19" r="18" fill="rgba(255,255,255,0)" stroke="#000000"></circle>
	                        </svg>
	                    </a>
	                </li>
	        ';
	    }

	    if($mail == 1) {
	        $html .= '
	                <li>
	                    <a href="mailto:enteryour@addresshere.com?subject='.$post_title.'&body=Check%20this%20out:%20'.$permalink.'" title="'.__('Mail to friend', ET_DOMAIN).'" target="_blank">
	                        <i class="ico-envelope"></i>
	                        <svg width="38" height="38" xmlns="http://www.w3.org/2000/svg" class="circle">
	                                <circle cx="19" cy="19" r="18" fill="rgba(255,255,255,0)" stroke="#000000"></circle>
	                        </svg>
	                    </a>
	                </li>
	        ';
	    }
	    
	    $html .= '
	        </ul>
	    ';
		return $html;
	} 
}