Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
  • #18478

    Is it possible to change the current product details page layout so that the tabbed area spans the full width of the page? Or, can you add an option in a future theme update so that the product page layout can be configured in the theme options panel?

    Here’s an example full width layout:;jsessionid=B985AC7097FA4B302841D3FA8D2B7F94.bbolsp-app01-16?id=1218604366681&skuId=5064393&st=5064393&cp=1&lp=1



    You mean like this




    Yes, that’s exactly what I’m looking to do.



    see next to last post




    I have followed the directions exactly as you have provided above. However, the ‘Product Description’ area now appears twice…once where it supposed to, then the ‘Related Products’ area appears, then the ‘Product Description’ area appears again.

    I am using the WooCommerce Product Add-ons plugin, could that be part of the issue?



    I am not sure as I don’t have that plugin. Can you take it off and see if things change? This way can rule out the plugin.

    Are you sure you commented out the two lines in the first step above – meaning , your lines 720 – 721 each has two slashes before them // ?

    Can you do a screen grab please and you can paste it on or elsewhere. Better yet if you have a url i can look at, so can provide you with a solution on the spot?




    Hi Nick,

    Yes, I commented out lines through 720-721.

    I deactivated the WooCommerce Product Add-ons plugin, and the duplication was still there, so I reactivated the plugin.

    Then, just for the heck of it I commented out lines 728-730…and that eliminated the duplication of the “Product Description” area. But as a result it knocked down the number of related products from 4 to 2.

    I don’t have a URL to give you as the website needs to remain hidden. However, if we are able to communicate privately I’d be happy to provide you with credentials.




    I just looked , updated the Woocommerce plugin and updated to 3.5 and same thing is happening to me. Please hold on I am reinstalling the theme again to see what modifications Woo made to the plugin .

    Ok. This is what needs to get done. Paste this chunk below over lines 720-750 of the fresh config.php file the end points (lines 720 and lines 750 should match up to the starting and ending line 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', 1 );

    # display upsells and related products within dedicated div with different column and number of products
    remove_action( 'woocommerce_after_single_product_summary', 'woocommerce_output_related_products',20);
    remove_action( 'woocommerce_after_single_product', 'woocommerce_output_related_products',10);
    add_action( 'woocommerce_after_single_product_summary', 'avia_woocommerce_output_related_products', 20);

    function avia_woocommerce_output_related_products()
    global $avia_config;
    $output = "";

    woocommerce_related_products($avia_config['shop_single_column_items'],$avia_config['shop_single_column']); // X products, X columns
    $content = ob_get_clean();
    $output .= "<div class='product_column product_column_".$avia_config['shop_single_column']."'>";
    add_action( 'woocommerce_after_single_product_summary', 'woocommerce_output_product_data_tabs', 10 );
    //$output .= "<h3>".(__('Related Products', 'avia_framework'))."</h3>";
    $output .= $content;
    $output .= "</div>";
    } else {

    add_action( 'woocommerce_after_single_product_summary', 'woocommerce_output_product_data_tabs', 1 );

    $avia_config['woo_related'] = $output;


    You can take a look at this image to see what’s going on.




    Excellent, that change worked perfectly for me as well.

    Thank you very much for your help!


    Glad Nick could help :)



Viewing 10 posts - 1 through 10 (of 10 total)

The topic ‘Product Details page layout’ is closed to new replies.