Tagged: 

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • May 12, 2018 at 1:14 am #955524
    Chiuhn

    Hi,

    We’re nearing the completion of this website, but we need to know how to convert the current share buttons on product pages into one “Share” button, that then allows users to choose which platform to share on.

    If not possible, it’s fine, but either way, we also would like to know how move the share button(s) to be directly next to, or under the wishlist button?

    Thanks!

    May 12, 2018 at 12:17 pm #955691
    Victoria

    Hey Chiuhn,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
 .av-share-box {
	font-size: 13px;
	margin-top: 0px;
 }

    Here is the code you can put in your funtions.php

    
function av_move_share_box(){

?>
	<script>
	jQuery(window).load(function(){
	     jQuery('.product-template-default.single.single-product .av-share-box').insertBefore(jQuery('.product-template-default.single.single-product .product_meta'));
	});
	</script>
<?php
}
add_action('wp_footer', 'av_move_share_box');

    If you need further assistance please let us know.

    Best regards,
    Victoria

    May 12, 2018 at 5:28 pm #955796
    Chiuhn

    Hi Victoria,

    Thank you so much for your help!
    There were a couple of problems when I tried the code:

    1. The share box didn’t turn into a single button, that when clicked displays the different social share options. Is this possible?
    2. The functions.php code moved the social share icons up, but the social share boxes overlapped all of the product meta data containing SKU#, etc., and but big gap between product details and meta data/social share boxes, I’m not quite sure what to change in the code to make it not overlap, but I’m deactivating that code for now. Any other solution to this?

    Thank you in advance!

    May 12, 2018 at 5:36 pm #955800
    Chiuhn

    Also, to clarify, the share button I’m referring to is probably recognized as a link to you guys. It should simply say “Share” and have no borders around it. Then once clicked, a box appears with all the social share options. This was once visible, but I can’t seem to find the proper code that belongs to this property.

    May 15, 2018 at 1:34 pm #956996
    Ismael

    Hi,

    The code above will only adjust the location of the social share button. It’s not going to create a button or a toggle for the icons. Unfortunately, what you’re after requires modifications that are outside the scope of support. Please hire a freelance developer or contact our partner, Codeable.

    // https://kriesi.at/contact/customization

    Best regards,
    Ismael

    May 28, 2018 at 2:52 am #962916
    Chiuhn

    Got it.

    Thanks Ismael!

    May 29, 2018 at 3:28 pm #963766
    Rikard

    Hi,

    Thanks for the feedback. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.