Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #328253

    Hi all,

    I had a code to display a sidebar on the woocommerce product page.
    Since the update to 3.0, AWESOME UPDATE! Gonna sell you allot of enfolds this way :)

    Anyhow, the code below should give the wc product page a sidebar on the right, however now it doesnt, I think its breaking my code.
    Shop image is full width! and the sidebar is halfway donw the page etc etc…

    The code I have is:

    #
    # wrap single product image in an extra div
    #
    add_action( 'woocommerce_before_single_product_summary', 'avia_add_image_div', 2);
    add_action( 'woocommerce_before_single_product_summary',  'avia_close_image_div', 20);
    function avia_add_image_div()
    {
    	echo "<div class='four units single-product-main-image alpha'>";
    }
     
    function avia_close_image_div()
    {
    	global $avia_config;
    	$avia_config['currently_viewing'] = "shop_single";
     
    	echo "</div>";
    }
     
     
    #
    # wrap single product summary in an extra div
    #
    add_action( 'woocommerce_before_single_product_summary', 'avia_add_summary_div', 25);
    add_action( 'woocommerce_after_single_product_summary',  'avia_close_summary_div', 3);
    function avia_add_summary_div()
    {
    	echo "<div class='five units single-product-summary'>";
    }
     
     
     
    function avia_close_summary_div()
    {
    	echo "</div>"; //close out the summary
    	echo "<div class='three units single-product-sidebar'>";
    	get_sidebar();
    	echo "</div>";
    }

    Any updates for this available?

    Kind regards,
    Thomas

    #329201

    Hi borkent!

    Your login information does not work. Please provide us a correct username and password.

    Best regards,
    Andy

    #329580

    strange.. didnt work for me either :)

    Anyhow, I changed password, same credentials work now, and tested!

    sorry

    #329712

    Hi!

    Please add following code to Quick CSS

    .five.units.single-product-summary { width: 40%; }
    .four.units.single-product-main-image { width: 20%; }

    Cheers!
    Yigit

    #331507

    thx Yigit, kinda worked.. had to tweak some things and also with responsiveness I still need to do some edits…
    However one thing I noticed is that a certain function isnt working anymore with this….

    // Removes tabs from their original location 
    remove_action( 'woocommerce_after_single_product_summary', 'woocommerce_output_product_data_tabs', 10 );
    
    // Inserts tabs under the main right product content 
    add_action( 'woocommerce_single_product_summary', 'woocommerce_output_product_data_tabs', 60 );

    I am trying to get the tabs under the product image and span the width up to the sidebar.
    All I need to do now is take the tabs out of the summary div and move it below.

    Any idea on this? not sure why this straight forward remove add action is breaking the site.

    Any help appreciated!

    #331516

    example:
    example

    #332093

    Hey!

    Thank you for the screenshot.

    Please refer to this link: https://kriesi.at/support/topic/single-product-page-sidebar-not-showing-up/#post-332092

    Best regards,
    Ismael

Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.