Move product tab to display under tags

  • Resolved redlaw03

    (@aetas03)


    8 years, 3 months ago

    Hi
    Can you please assist me moving the product tabs to display below the product tags and next to the gallery images.

    I used the following codes to get the tabs where they are now:

    // Move product tabs
 
remove_action( 'woocommerce_after_single_product_summary', 'woocommerce_output_product_data_tabs', 10 );
add_action( 'woocommerce_single_product_summary', 'woocommerce_output_product_data_tabs', 60 );

    Link to the example

    image of what it currently looks like

    Thank you in advance

Viewing 4 replies - 1 through 4 (of 4 total)

  • You just need to tweak the following css style:

    .wc-tabs-wrapper, .woocommerce-tabs {
    margin-top: 35% !important;
}
    Thread Starter redlaw03

    (@aetas03)

    Hi

    My developer left yesterday to go on Holiday and my skills are basic I would say. Where do I add the above mentioned code to? Thank you and sorry for the inconvenience.

    Hey!

    With this theme, it’s best for you to place the custom CSS into Theme Options> Advanced Settings.

    If the above CSS doesn’t work, you could also try this:

    div.product .woocommerce-tabs {
    margin-top: 10px !important;
}

    Let me know if you’re able to work it out!

    -Kevin

    Thread Starter redlaw03

    (@aetas03)

    Thank you very much it worked like a charm!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Move product tab to display under tags’ is closed to new replies.