-
Posts
-
Hi there,
how can I actually adjust the “product page” in Woocommerce at Enfold?
Is there only the way through a child theme? Isn’t there an easier and faster way?
I think it’s a shame that Enfold has almost no way of adapting the Woocommerce shop.
Best regard,
JürgenHey Jürgen,
How do you want to adapt it? You can create custom product pages with the Advanced Layout Builder.
Best regards,
VictoriaI’m replying to this thread because I would also like to adjust my WooCommerce product pages.
I’m using the Enfold theme and I am using several plugins that are not compatible with the Advanced Layout Builder, so I must use the default product page layout.
How can I modify my product pages so that the default product description/ reviews box takes up the full width of the page, instead of being a box on the bottom-right of the page?
I’m including a link to a mockup of what I’d like to achieve.
Thank you. :)
I’m still working on how to make my product pages show a full-width box instead of a smaller half-size box, without using the Advanced Layout Builder.
My reply was to an older post, which might make it lower priority.
If asked, I will post it as a new topic so it can enter the queue for responses.
Thank you. :)
Hi!
You have to move the product tabs using their their designated hooks. Please check the following threads for a possible solution.
// https://kriesi.at/support/topic/product-description-fullwidth/#post-1199710
// https://kriesi.at/support/topic/single-product-page-image-size/#post-1195923Cheers!
IsmaelThank you for pointing me in the right direction.
I’ve applied the various changes and they’ve worked to make the product tabs full-width. :)
One problem has occurred: The “You may also like…” now appears above the full-width product tabs, instead of below them.
How can I make it so that the “You may also like…” section will display underneath the product tabs?
I’m including a link to an example product with this issue in the private content section.
Thank you for your assistance with this.
Hi,
Glad it worked. What is the snippet that you’re using? You might have to adjust the priority of the hooks.
add_action( 'woocommerce_after_single_product_summary', 'woocommerce_output_product_data_tabs', 20 );Try to replace the integer 20 with 10 or 15.
Best regards,
IsmaelThank you for your reply. :)
I’ve implemented that change, but the ‘You May Also Like’ section remains above the product tabs.
I’ve tried replacing that line with various numbers, including 10, 15, 9, and 1.
For products where I haven’t configured upsells, the “You May Also Like” section does not appear, but there is a large gap where it normally appears.
I’ve included an example link in the private content area.
Hi,
Setting the priority to less than 20 should have placed the product tabs above the related products.
add_action( 'woocommerce_after_single_product_summary', 'avia_woocommerce_output_upsells', 21); add_action( 'woocommerce_after_single_product_summary', 'avia_woocommerce_output_related_products', 20);As you may notice, the related product functions are also attached on the hook woocommerce_after_single_product_summary same as the product tabs and the priority is set to 20 and 21
Best regards,
IsmaelThank you for your explanation and assistance.
I’ve re-read both of the original threads, and re-applied the edits as suggested, and that has worked. :)
The related products no longer appear between the “Add to cart” button and the actual product tabs. :)
For anyone else who desires this kind of layout, I’m posting the original snippet that did the trick.
Thank you again for helping me get the product page configured.
“Use this snippet in the functions.php file to move the product tabs below the gallery.”
function av_woo_tabs_below() { 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 ); } add_action( 'init', 'av_woo_tabs_below');
- The topic ‘Edit "Product Page" in Woocommerce (Enfold)’ is closed to new replies.