• Resolved sirrahikkala

    (@sirrahikkala)


    Hey all,

    I have one issue, I would love to move the tabs on the product page bottom to below the product image/thumbnails at the left side. I found couple functions.php codes but it seems something has changed since none of them worked?

Viewing 1 replies (of 1 total)
  • That’s fun stuff. You can write an action

    	add_filter('woocommerce_single_product_summary', 'woocommerce_output_product_data_tabs', 33);
    
    	if( ! function_exists('myproduct_single_product_share') ):
    		function myproduct_single_product_share() {
    			global $post, $product;
    			
    			$src = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID), false, ''); //Get the Thumbnail URL
    			$html  = '<div class="myproduct-single-product-share-wrapper">'; 
    				$html .= '<span class="myproduct-single-product-share">';
    				$html .= __('Share', 'the-mytheme');
    				// FB Icons
    				$html .= '</span>';
    
    				$html .= '<a href="//www.facebook.com/sharer/sharer.php?u=' . get_permalink() . '" target="_blank"><span class="mytheme-icons-facebook-f"></span></a>';
    				$html .= '<a href="//twitter.com/share?url=' . get_permalink() . '" target="_blank"><span class="mytheme-icons-twitter"></span></a>';
    				$html .= '<a href="//pinterest.com/pin/create/button/?url= '. get_permalink() .'&media= '. esc_url($src[0]) .'&description= ' . urlencode(get_the_title()) .'"><span class="mytheme-icons-pinterest"></span></a>';
    			$html .= '</div>';
    			print $html;
    		}
    	endif;

    And then change it to wherever you want. Make sure you copy the tabs folder to single-product folder in your theme so you can do whatever you want afterwards.

    • This reply was modified 6 years, 6 months ago by stefsternyc.
    • This reply was modified 6 years, 6 months ago by stefsternyc.
Viewing 1 replies (of 1 total)
  • The topic ‘How to move product tabs?’ is closed to new replies.