- This topic has 8 replies, 2 voices, and was last updated 7 months, 2 weeks ago by
David.
-
AuthorPosts
-
June 5, 2020 at 12:38 am #1315089
perlfan
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
June 5, 2020 at 5:20 am #1315384David
StaffCustomer SupportHi 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 );
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/June 5, 2020 at 5:26 am #1315391perlfan
Great! Finally a solution 🙂 Thank you so much!
June 5, 2020 at 5:55 am #1315426perlfan
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…
June 5, 2020 at 6:11 am #1315438David
StaffCustomer SupportCan 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.Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/June 5, 2020 at 6:18 am #1315451perlfan
Ok, done! It only happens if NO variation is selected…
June 5, 2020 at 6:27 am #1315457David
StaffCustomer SupportTry this CSS:
#wcuf_product_ajax_container { flex: 1 0 100%; }
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/June 5, 2020 at 7:44 am #1315548perlfan
Super, that worked!
June 5, 2020 at 7:57 am #1315721David
StaffCustomer SupportGlad to hear that
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/ -
AuthorPosts
- You must be logged in to reply to this topic.