Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • October 10, 2016 at 3:58 pm #697415
    langnaese

    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

    October 11, 2016 at 1:28 pm #697821
    Andy

    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

    October 11, 2016 at 1:43 pm #697831
    langnaese

    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 8 years, 1 month ago by langnaese.
    October 11, 2016 at 2:15 pm #697860
    Yigit

    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

    October 11, 2016 at 2:19 pm #697864
    langnaese

    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 8 years, 1 month ago by langnaese.
    October 13, 2016 at 8:59 am #698621
    Ismael

    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

    October 13, 2016 at 9:20 am #698632
    langnaese

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

    take a look: here

    • This reply was modified 8 years, 1 month ago by langnaese.
    October 14, 2016 at 1:31 pm #699095
    Andy

    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

    October 17, 2016 at 8:15 am #699812
    langnaese

    This is the sidebar i want to:

    This is the sidebar it is:

    October 18, 2016 at 1:33 pm #700612
    Andy

    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

    October 19, 2016 at 9:26 am #701076
    langnaese

    OK

    October 19, 2016 at 1:51 pm #701293
    Andy

    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

    October 19, 2016 at 2:51 pm #701348
    langnaese

    Thx very much!!!!!

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