Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #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:

    http://www.bestbuy.com/site/Samsung+-+Galaxy+Tab+2+7.0+with+8GB+Memory+-+Titanium+Silver/5064393.p;jsessionid=B985AC7097FA4B302841D3FA8D2B7F94.bbolsp-app01-16?id=1218604366681&skuId=5064393&st=5064393&cp=1&lp=1

    #99607

    Hi,

    You mean like this http://i.imgur.com/X41m8.jpg

    Thanks,

    Nick

    #99608

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

    #99609

    Hi,

    see next to last post

    Thanks,

    Nick

    #99610

    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?

    #99611

    Hi,

    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 imgur.com or elsewhere. Better yet if you have a url i can look at, so can provide you with a solution on the spot?

    Thanks,

    Nick

    #99612

    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.

    Thanks!

    #99613

    Hi,

    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 = "";

    ob_start();
    woocommerce_related_products($avia_config['shop_single_column_items'],$avia_config['shop_single_column']); // X products, X columns
    $content = ob_get_clean();
    if($content)
    {
    $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. http://i.imgur.com/tVzKs.png

    Thanks,

    Nick

    #99614

    Excellent, that change worked perfectly for me as well.

    Thank you very much for your help!

    #99615

    Glad Nick could help :)

    Regards,

    Devin

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

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