Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • September 1, 2018 at 4:35 pm #1004418
    waveseven

    Hi

    I’m trying to make the Woocommerce tabs display as accordions. I’ve tried several plug-ins but what they all seem to do is add a duplicated set of acordions at the bottom of the page and the original tabs still in place. I’m wondering if this has anything to do with how Enfold is configured, or whether you know how I can replace (same position) the Woocommerce tabs with Accordions?

    Many Thanks
    Regards
    Colin

    September 1, 2018 at 4:46 pm #1004420
    Dude

    Hey waveseven,

    Please use this code to remove the default product tabs:

    
add_action('init', 'avia_remove_avia_product_tabs', 10); 
function avia_remove_avia_product_tabs()
{
remove_action( 'woocommerce_after_single_product_summary', 'woocommerce_output_product_data_tabs', 1 );
}

    You can add the code to the child theme functions.php

    Best regards,
    Dude

    September 1, 2018 at 4:58 pm #1004426
    waveseven

    Hi Dude

    That almost worked. It removed the original tabs but the new accordion is still at the bottom of the page. I would like it to replace the original tabs.

    Many Thanks
    Regards
    Colin

    September 2, 2018 at 4:23 am #1004532
    Vinay

    Hi,

    Would you mind providing a precise link to the page, showing the elements in question? We need to be able to inspect them in order to help :)

    Best regards,
    Vinay

    September 2, 2018 at 9:43 am #1004598
    waveseven

    Hi Vinay

    This is the link, http://wave7dev.co.uk/eurotest/product/pedag-viva-high/

    as you can see the tabs appear at the bottom across the page but I want them to replace the standard tabs

    Many Thanks
    Regards
    Colin

    September 2, 2018 at 1:06 pm #1004626
    Vinay

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

    CSS Snippet:

    
/* CSS - Product Tabs */
.woocommerce-tabs {
	display: none;	
}
#top #accordion-container.woocommerce-tabs {
	display: block;	
    clear: none!important;
    float: right;
    max-width: 50%;
}

    Best regards,
    Vinay

    September 2, 2018 at 4:32 pm #1004659
    waveseven

    Hi Vinay

    That is perfect thank you. ;-). Brilliant.

    Regards
    Colin

    September 2, 2018 at 4:54 pm #1004665
    Vinay

    Hi,

    Glad we could help!

    Please take a moment to review our theme and show your support https://themeforest.net/downloads
    Don’t forget to bookmark Enfold Documentation for future reference.

    Thank you for using Enfold :)

    Best regards,
    Vinay

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Woocommerce Tabs to Accordions’ is closed to new replies.