Hi Jana,
What you are saying is a 100% custom modifications
(because you want to change how the things look) and unfortunately we don't provide free support or step-by-step instructions for custom coding modifications.
But i can guide you on this to let you do this customization by yourself.
1-Open the product details' PHP file:
/templates/YOUR_TEMPLATE/html/com_virtuemart/productdetails/default.php
/templates/YOUR_TEMPLATE/html/com_virtuemart/productdetails/flexv2.php
FYI: There are 2 layouts: default and flexv2. Make your modifications only on the file that you are currently using.
2- find the lines to generate those social icons; which are these:
<?php if ($params->get('sharebutton_facebook') || $params->get('sharebutton_twitter') || $params->get('sharebutton_pinterest') || $params->get('sharebutton_google') || $params->get('sharebutton_addthis') || $params->get('sharebutton_facebook_like')) { ?>
<div class="FlexibleProductDetailShareWindow">
<?php if ($params->get('sharebutton_facebook') || $params->get('sharebutton_twitter') || $params->get('sharebutton_pinterest') || $params->get('sharebutton_google') || $params->get('sharebutton_addthis')) { ?>
<div class="floatleft FlexibleShareItemLeft">
<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style addthis_32x32_style">
<?php if ($params->get('sharebutton_facebook')) { ?>
<a class="addthis_button_facebook"></a>
<?php } ?>
<?php if ($params->get('sharebutton_twitter')) { ?>
<a class="addthis_button_twitter"></a>
<?php } ?>
<?php if ($params->get('sharebutton_pinterest')) { ?>
<a class="addthis_button_pinterest_share"></a>
<?php } ?>
<?php if ($params->get('sharebutton_google')) { ?>
<a class="addthis_button_google_plusone_share"></a>
<?php } ?>
<?php if ($params->get('sharebutton_addthis')) { ?>
<a class="addthis_button_compact"></a>
<?php } ?>
</div>
<!-- AddThis Button END -->
</div>
<?php } ?>
<?php if ($params->get('sharebutton_facebook_like')) { ?>
<div class="floatleft FlexibleShareItemMiddle">
<div style="width:220px; overflow:hidden !important;">
<!-- FACEBOOK LIKE Button (HTML5) BEGIN -->
<!-- <div href="<?php print $current_url = 'http://' .$_SERVER['HTTP_HOST'] .$_SERVER['REQUEST_URI']; ?>" class="fb-like" data-width="220" data-show-faces="true" data-send="true"></div> -->
<div class="fb-like" data-width="220" data-show-faces="false" data-send="false"></div>
<!-- FACEBOOK LIKE Button (HTML5) END -->
</div>
</div>
<?php } ?>
<?php // Ask a question about this product
if (VmConfig::get('ask_question', 1) == 1 and ($params->get('productdetails_ask_link'))) { ?>
<div class="floatleft FlexibleAskQuestionElement"> <a class="ProductDetailsAskQuestion <?php if (!($parameter == "quicklook")) { ?>flexibleModal<?php } ?>" href="<?php echo $url ?>" ><?php echo JText::_('COM_VIRTUEMART_PRODUCT_ENQUIRY_LBL') ?></a> </div>
<?php } ?>
</div>
<?php } ?>
3- Move those lines to where you like on the page.
Regards.