-
Posts
-
Hello,
With code snippet, I’ve moved product tabs below imagefunction av_woo_tabs_below() { remove_action( 'woocommerce_after_single_product_summary', 'woocommerce_output_product_data_tabs', 1 ); add_action( 'woocommerce_after_single_product_summary', 'woocommerce_output_product_data_tabs', 20 ); } add_action( 'init', 'av_woo_tabs_below');and this works OK.
Additionally, I want to keep the content of the tabs: (tabs headings and tabs content).containerwidth but tabs wrapper (woocommerce-tabs wc-tabs-wrapperto be full viewport width. How can I make that?Hey adplusdesign,
Could you post a link to where we can see the results you are getting and point out what you would like to change there please?
Best regards,
RikardHello,
English is not my native language, so I will try to explain.
On my page (localhost) my single product page layout is:
https://drive.google.com/file/d/1SlndHZ9jevsjU1fzrsDtAP3g0fATOWb7/view?usp=sharing
Tabs with description open are container width.
I want the background for tabs to look like this (removing tabs and showing additional info under description is another topic):
https://drive.google.com/file/d/15kvVg9hLgT59k9R2a2nbJOUSVdn8Rq1a/view?usp=sharingHello,
I have found solution.function av_woo_tabs_below() { remove_action( 'woocommerce_after_single_product_summary', 'woocommerce_output_product_data_tabs', 1 ); //add_action( 'woocommerce_after_single_product_summary', 'woocommerce_output_product_data_tabs', 20 ); add_action( 'woocommerce_after_main_content', 'woocommerce_template_product_description', 10 ); } add_action( 'init', 'av_woo_tabs_below'); function woocommerce_template_product_description() { echo '<div class="container_wrap long_description">'; echo '<div class="container">'; woocommerce_get_template( 'single-product/tabs/description.php' ); echo '</div>'; echo '</div>'; }
- You must be logged in to reply to this topic.