Archived topic
Product description on single product page
8 replies · Started by perlfan on June 5, 2020
Hi there,
I have an issue with the product short description that I entered in the backend as you can see here (it appears for all product variations): https://1drv.ms/u/s!AozyLumA02R5y8hggFNBDrMaYYbNdw?e=SD5LAq
The problem is that the short description appears above the variation dropdown - so when a user selects another variation (e.g. on a mobile phone, he/she won't see the changing price) - you can see the situation here: https://1drv.ms/u/s!AozyLumA02R5y8he0dAjLFfABFyOMw?e=UkiQ8A
When I enter the description in the variant description it appears in the correct position (below the variation dropdowns, see here: https://1drv.ms/u/s!AozyLumA02R5y8hdk3bM6l8BF4OBwQ?e=x6uvsM). However as all variations shall have the same description (and the description shall not only appear after selecting the dropdowns) I want to enter only a product short description (which shall appear under the dropdowns).
I hope you understand my point - practically I'd like to move the product short description to the position of the variation description. Can you help me with this?
Thanks, Frank
Hi there,
Do all your products have variations ? If so you can use this PHP Snippet to move the Product summary to the position of the variation summary:
remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_excerpt', 20 );
add_action( 'woocommerce_single_variation', 'woocommerce_template_single_excerpt', 9 );Great! Finally a solution :-) Thank you so much!
As a result, the "add to cart" button is not left-aligned anymore... To its left side, there is a "wcuf_product_ajax_container", as you can see here: https://1drv.ms/u/s!AozyLumA02R5y8h5Wj5ydesXXYBxJQ?e=bEJxu7
Is there a way to make the container disappear or set it to zero width? Unfortunately I don't manage to address it via CSS...
Can you link me to your site so i can see the issue?
You can edit your original topic and use the Site URL to share the link privately.
Ok, done! It only happens if NO variation is selected...
Try this CSS:
#wcuf_product_ajax_container {
flex: 1 0 100%;
}Super, that worked!
Glad to hear that
