Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #697415

    is there a hook to show the description of a product below the product image and short description?
    by now there are two colums, the first for image and the second for both description.
    i want to place the main description below like the red box in the screenshot

    screenshot

    #697821

    Hey langnaese,

    Would you mind providing a precise link to your site, showing the elements in question? We need to be able to inspect them in order to help :)

    Best regards,
    Andy

    #697831

    http://www.anedis.de/cms2/produkt/dsam-2000/

    By now i use the following functions to show the sidebar in woocommerce single-page (code from your support)

    #
    # wrap single product image in an extra div
    #
    
    function avia_add_image_div() {
     echo "<div class='single-product-main-image alpha'>";
    }
    
    function avia_close_image_div() {
     echo "</div>";
    }
    
    #
    # wrap single product summary in an extra div
    #
    
    function avia_add_summary_div() {
     echo "<div class='single-product-summary'>";
    }
    
    function avia_close_summary_div() {
     echo "</div>"; //close out the summary
     get_sidebar();
    }
    
    function avf_product_sidebar_layout_mod($layout){
     if( is_single() )$layout = "sidebar_right";
     return $layout;
    }
    
    add_action('init', 'ava_product_sidebar_mod');
    function ava_product_sidebar_mod() {
     add_action( 'woocommerce_before_single_product_summary', 'avia_add_image_div', 2 );
     add_action( 'woocommerce_before_single_product_summary', 'avia_close_image_div', 20 );
     add_action( 'woocommerce_before_single_product_summary', 'avia_add_summary_div', 25 );
     add_action( 'woocommerce_after_single_product_summary', 'avia_close_summary_div', 3 );
     add_filter( 'avf_product_sidebar_layout', 'avf_product_sidebar_layout_mod', 5);
    }
    • This reply was modified 7 years, 5 months ago by langnaese.
    #697860

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    .single-product-summary {
        clear: both;
    }
    .single-product-main-image {
        width: 50%;
    }
    

    Best regards,
    Yigit

    #697864

    in this case the description and the short description are shown below the image.
    i just want to show the main description below, the short description i want to stay right beside the image

    i just want the woocommerce tabs to show below.
    i tried to use this code, but that doesn’t look the way i want to

    is there a simple hook to reorder the wootabs (main description) below the image an the shortdescription?

    • This reply was modified 7 years, 5 months ago by langnaese.
    #698621

    Hi!

    Please remove the sidebar modifications in the functions.php and Quick CSS field. Add this code in the functions.php.

    // adjust settings on init
    add_action('init','ava534345953_init', 50);
    function ava534345953_init() {
    	add_action( 'woocommerce_after_single_product_summary', 'avia_add_sidebar', 25);
           remove_action( 'woocommerce_after_single_product_summary', 'woocommerce_output_product_data_tabs', 10 );
    	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 );
    }
    
    function avia_close_image_div() {
    	echo "</div>";
    }
    
    function avia_add_sidebar() {
    	if(is_product()) {
    	$avia_config['currently_viewing'] = "shop_single";
    	get_sidebar();
    	}
    }

    And this code in the Quick CSS field:

    .single-product-main-image {
        width: 25%;
    }
    
    .single-product-summary {
        overflow: hidden;
        width: 45%;
        float: left;
        margin-right: 5%;
    }
    
    .single-product .sidebar {
        width: 25%;
    }
    
    #top div.product .woocommerce-tabs {
        width: 75%;
        float: left;
    }

    Best regards,
    Ismael

    #698632

    Thats great!!!!!
    it is not the sidebar of single product page – it’s a default sidebar.

    take a look: here

    • This reply was modified 7 years, 5 months ago by langnaese.
    #699095

    Hi,

    Would you mind posting us a screenshot/mockup of what you would like to achieve? You can upload the screenshot to imgur.com or dropbox and share the link here :)

    Best regards,
    Andy

    #699812

    This is the sidebar i want to:

    This is the sidebar it is:

    #700612

    Hi,

    Please post us your login credentials (in the “private data” field), so we can take a look at your backend.

    Login credentials include:

    • The URL to the login screen.
    • A valid username (with full administration capabilities).
    • As well as a password for that username.
    • permission to deactivate plugins if necessary.

    Best regards,
    Andy

    #701076

    OK

    #701293

    Hi,

    would be best to ask WooCommerce support about this, as this gets controlled by WooCommerce and not the theme. Maybe this is for you: https://docs.woocommerce.com/document/woosidebars-2/

    Best regards,
    Andy

    #701348

    Thx very much!!!!!

Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘WooCommerce Single Product Page Description below’ is closed to new replies.