-
AuthorPosts
-
October 10, 2016 at 3:58 pm #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 screenshotOctober 11, 2016 at 1:28 pm #697821Hey 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,
AndyOctober 11, 2016 at 1:43 pm #697831http://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, 2 months ago by langnaese.
October 11, 2016 at 2:15 pm #697860Hi,
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,
YigitOctober 11, 2016 at 2:19 pm #697864in 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 imagei just want the woocommerce tabs to show below.
i tried to use this code, but that doesn’t look the way i want tois there a simple hook to reorder the wootabs (main description) below the image an the shortdescription?
- This reply was modified 8 years, 2 months ago by langnaese.
October 13, 2016 at 8:59 am #698621Hi!
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,
IsmaelOctober 13, 2016 at 9:20 am #698632October 14, 2016 at 1:31 pm #699095Hi,
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,
AndyOctober 17, 2016 at 8:15 am #699812This is the sidebar i want to:
This is the sidebar it is:
October 18, 2016 at 1:33 pm #700612Hi,
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,
AndyOctober 19, 2016 at 9:26 am #701076October 19, 2016 at 1:51 pm #701293Hi,
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,
AndyOctober 19, 2016 at 2:51 pm #701348Thx very much!!!!!
-
AuthorPosts
- The topic ‘WooCommerce Single Product Page Description below’ is closed to new replies.