Viewing 23 posts - 1 through 23 (of 23 total)
  • Author
    Posts
  • #503269

    Hello i used one of your code snippets to show social share icons underneath the my product image on the single product page, it seems to be messing the whole page up. see image here: https://www.dropbox.com/s/a4ogq5lvp2iu6hq/screenshot.jpg?dl=0

    Secondly, I have a plugin i’m using on my product page called extra product options, it allows me to add extra info in each product and these info can be put into an accordion, I would like a shortcode or html code to put the product review inside one of those accordions or better still in the magnific popup enfold already has. So i intend hiding the the default one using display:none and then using a shortcode or anything of that nature to add the product reviews to my preferred position.

    • This topic was modified 9 years, 3 months ago by adotopanuga.
    #503453

    Hi adotopanuga!

    Add this to your custom CSS.

    .product .sidebar { display: none !important; }
    

    Not sure what you mean by the second question. Take a screenshot and highlight what your trying to do so we can get a better idea.

    Cheers!
    Elliott

    #503466

    Hey Elliot,

    Thansk for your reply, on request 1.

    for request 2, see this screenshot- https://www.dropbox.com/s/3k89wh20yel6y3k/screenshot2.jpg?dl=0 : I have this accordion that i put here using a plugin called extra product options. I would like to copy the entire review form and reviews provided to show inside the accordion. so what i need is an html or shortcode in order to show the review section (bopth form and other reviews that are added) inside the accordion.

    #503566

    Hey!

    Here are the Woocommerce shortcodes, http://docs.woothemes.com/document/woocommerce-shortcodes/, you can try contacting Woocommece support to see if there is a way to do that.

    We also have a product info shortcode in the “Plugin Additions” tab that you can try adding in.

    Regards,
    Elliott

    #506084

    Hello Elliott,

    Thanks for the support thus far. I have 2 requests.

    1. I got this code below from (https://kriesi.at/support/topic/woo-related-products-above-tabs/#post-483781) and i tried to tweak it to show related products in a tab.

    /* Upsell Hook */
    
    // Remove the WooCommerce Upsell hook
    remove_action( 'woocommerce_after_single_product_summary', 'woocommerce_upsell_display', 15 );
    
    // Add a custom action to display Upsells
    add_action( 'growdev_after_single_product_summary', 'woocommerce_upsell_display', 15 );
    
    if ( ! function_exists( 'woocommerce_output_upsells' ) ) {
    	function woocommerce_output_upsells() {
    	    woocommerce_upsell_display( 10,5 ); // Display 10 products in rows of 5
    	}
    }
    
    // A filter to add a custom tab
    add_filter('woocommerce_product_tabs','growdev_add_tab');
    
    // Callback for add_filter that defines the filter. You can change 'New tab' to the desired
    // tab title
    // growdev_custom_tab is the function callback
    function growdev_add_tab( $tabs ) {
    	$tabs['upsell_tab'] = array( 'title' => 'Passende Produkte:', 'priority' => 29,
    								 'callback' => 'growdev_custom_tab');
    	return $tabs;
    }
    
    // The function callback for the custom tab.
    // This does the display upsells action inside of the tab
    function growdev_custom_tab( $key, $tab ) {
    
    	do_action('growdev_after_single_product_summary');
    
    }

    I tweaked it to the code below. it shows the related products in a tab but still shows a duplicate of the related products beneath just before the footer (Screenshot: https://www.dropbox.com/s/r3rk01dviyghhq0/Blue%20Blouse%20%E2%80%A2%20Greetings%20World.png?dl=0) Could you please help fix. thanks.

    /* Related Products Hook */
    // Remove the WooCommerce Related Products hook
    remove_action( 'woocommerce_after_single_product_summary', 'avia_woocommerce_output_related_products', 10 );
    
    // Add a custom action to display Related Products
    add_action( 'growdev_after_single_product_summary', 'woocommerce_output_related_products', 20 );
    
    if ( ! function_exists( 'woocommerce_output_related_products' ) ) {
    	function woocommerce_output_related_products() {
    	    woocommerce_related_products( 10,5 ); // Display 10 products in rows of 5
    	}
    }
    
    // A filter to add a custom tab
    add_filter('woocommerce_product_tabs','growdev_add_tab');
    
    // Callback for add_filter that defines the filter. You can change 'New tab' to the desired
    // tab title
    // growdev_custom_tab is the function callback
    function growdev_add_tab( $tabs ) {
    	$tabs['RelatedProducts_tab'] = array( 'title' => 'Related Products', 'priority' => 29,
    								 'callback' => 'growdev_custom_tab');
    	return $tabs;
    }
    
    // The function callback for the custom tab.
    // This does the display Related Products action inside of the tab
    function growdev_custom_tab( $key, $tab ) {
    
    	do_action('growdev_after_single_product_summary');
    
    }

    2. I’m using this code below (got it from: http://kriesi.at/documentation/enfold/enable-social-share-section-for-pages/) to show the social share icons beneath the gallery thumbnails but it breaks the woocommerce product tabs (Screenshot: https://www.dropbox.com/s/l4yezlujwj8ly9l/Blue%20Blouse%20%E2%80%A2%20Greetings%20World%202.png?dl=0). Could you please help fix this.

    remove_action( 'woocommerce_before_single_product_summary',  'avia_close_image_div', 20);
    add_action( 'woocommerce_before_single_product_summary',  'avia_product_share', 20);
    function avia_product_share() {
    	//share links on single post
    	avia_social_share_links();
    	echo "</div>";
    }
    • This reply was modified 9 years, 3 months ago by adotopanuga.
    #506391

    Hi!

    1.) try to hide the duplicate image with this code:

    .alternate_color .inner_product {
    display: none;
    }
    

    2.) Social share and related products look fine to me (not like in your screenshot). Could you fix it? please provide us a link where we can see the issue, so we can inspect the elements.

    Best regards,
    Andy

    #506445

    Hello Andy,

    1. Thanks but your code left padding space in the section. so i used the code below instead. Please help confirm that this code won’t affect another page.

    .avia-section-small .content {
        display: none;
    }

    2. See below how the social share breaks the product tabs.
    a. Screenshot when social share is placed just before the footer section: https://www.dropbox.com/s/v84vtnixpqy7k18/Blue%20Blouse%20%E2%80%A2%20Greetings%20World3.png?dl=0
    b. Screenshot when social share is placed just underneath the product image thumbnails:
    https://www.dropbox.com/s/l4yezlujwj8ly9l/Blue%20Blouse%20%E2%80%A2%20Greetings%20World%202.png?dl=0

    I need to put the social share underneath the image thumbnails while ensuring that the product tabs look like screenshot b

    #506457

    Hey!

    1.) Glad you found a fix. Let us know if it breaks anything for you and if yes we will try to help you.

    2.) Please provide us a link where we can see the issue. We need to inspect the elements.

    Cheers!
    Andy

    #506459

    See private content for the link.

    Awaiting your fix. Thanks.

    #506467

    Hey!

    can you provide us admin access as well please? so we can take a deeper look into it. Please try to deactivate all plugins to see if one is causing this issue and let us know about your results. Make sure to use newest WordPress and theme versions.

    Cheers!
    Andy

    #506541

    Hello Andy,

    See private content for login details.
    I really need this thing fixed as soon as possible. Thanks.

    #506735

    hello Andy,

    still waiting on any help from you guys. Thanks.

    #506897

    Hey!

    refuse from bumping into your own thread.

    You did not tell us about your results of deactivating all plugins, so please let us know. Are we allowed to deactivate your plugins temporarily by ourselves?

    Best regards,
    Andy

    #506903

    Hey Andy,

    I tried couldn’t locate the issue. Please go ahead and deactivate to diagnose yourself. Thanks.

    #506925

    Hey!

    can you provide us a link where product tabs are working fine for you and social share is still below it? then we can try to move social share above product tab for you via CSS.

    Best regards,
    Andy

    #506948

    Hello,

    I’m getting my codes from: http://kriesi.at/documentation/enfold/enable-social-share-section-for-pages/
    I put them at the top of my child theme’s functions.php file.

    This is the code to put social share at the bottom of the product page

    add_action('woocommerce_after_single_product_summary', 'avia_add_social_toolbar', 10);
    function avia_add_social_toolbar()
    {
    	$content  = avia_social_share_links(array(), false, '', false);
    	$content .= '<div class="hr"></div>';
    	
    	echo $content;	    
    }

    This is the one to put social share below the image thumbnails:

    remove_action( 'woocommerce_before_single_product_summary',  'avia_close_image_div', 20);
    add_action( 'woocommerce_before_single_product_summary',  'avia_product_share', 20);
    function avia_product_share() {
    	//share links on single post
    	avia_social_share_links();
    	echo "</div>";
    }

    I have just changed to the first code so you can see that same page (http://demo.greetingsworld.com.ng/product/blue-blouse/) with social share at the bottom of the page and the product tabs look okay.

    #506966

    Hi!

    thanks for the link. Try this code in Quick CSS field:

    .av-share-box {
    position: relative;
    top: -450px;
    width: 75%;
    }
    

    and adjust as needed.

    Regards,
    Andy

    #507192

    Hello Andy,

    what you recommended sis not really fix it for me i eventually used this to get it working

    remove_action( 'woocommerce_before_single_product_summary',  'avia_close_image_div', 20);
    add_action( 'woocommerce_before_single_product_summary',  'avia_add_social_toolbar', 20);
    function avia_add_social_toolbar()
    {
    	$content  = avia_social_share_links(array(), false, '', false);
    	$content .= '<div class=""></div>';
    	
    	echo $content;	    
    }

    two things though.
    1. The ‘share this entry‘ text is not showing, how can i make it show?
    2. how can i hide some of the social icons as i don’t need everything?

    #507666

    Hi!

    it should work with my code I think, though glad you found a better solution for you. Try this code to hide for example pinterest:

    li.av-share-link.av-social-link-pinterest {
    display: none;
    }
    

    to hide email:

    li.av-share-link.av-social-link-mail {
    display: none;
    }
    

    Try this code instead in your functions.php:

    remove_action( 'woocommerce_before_single_product_summary',  'avia_close_image_div', 20);
    add_action( 'woocommerce_before_single_product_summary',  'avia_add_social_toolbar', 20);
    function avia_add_social_toolbar()
    {
    	$content  = avia_social_share_links(array(), false, '', false);
    	$content .= '<div class="share-this-entry">Share this entry:</div>';
    	
    	echo $content;	    
    }
    

    I hope it will work for you!

    Best regards,
    Andy

    #713313

    Hi Andy

    Your code is the closet we have to this working; however I have a very odd effect on my products – hovering doesn’t allow you to select anything unless you literally have your mouse in the center of the icons (I have modded mine a little for styling only).

    Any help please? I am desperate to resolve this.
    Thanks
    Ed

    See here: https://www.swarez.co.uk/shop/metal-sculpture/when-the-wind-blows-test/

    #715138

    Hi,

    Are you referring to the share icons below the iconbox element? It is working fine on Chrome, Windows 7. Could you please provide a screenshot of the issue?

    Best regards,
    Ismael

    #717223

    Hi Ismael
    I have looked at an alternative solution now as I needed to resolve things.

    Thank you for the reply.

    There is an issue with the Twitter share button though – it shares the query string for the post not the URL permalink; I’ll open a new thread for that.
    Thanks for your time
    Regards
    Ed

    #718098

    Hey!

    Alright. Please open a new thread. If you want to adjust the pattern of the share icons, you can use the following filter.

    add_filter('avia_social_share_link_arguments', 'avia_add_social_share_link_arguments', 10, 1);
    function avia_add_social_share_link_arguments($args)
    {
    	$thumb = wp_get_attachment_image_src( get_post_thumbnail_id(), 'masonry' );
    	$args['twitter']['pattern'] = 'https://twitter.com/share?text=[title] '.$thumb[0].'&url=[shortlink]';
    	return $args;
    }

    Best regards,
    Ismael

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