Product description on single product page

[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

[David]

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 );

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[perlfan]

Great! Finally a solution 🙂 Thank you so much!

[perlfan]

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…

[David]

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.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[perlfan]

Ok, done! It only happens if NO variation is selected…

[David]

Try this CSS:

#wcuf_product_ajax_container {
    flex: 1 0 100%;
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[perlfan]

Super, that worked!

[David]

Glad to hear that

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts