Problems with upsell widget using elementor pro product page

[MarziaInno]

Hi,
I am using Elementor pro and I have created a single product template to be able to customise the product page and add the upsell widget under the product page title.

However the design is weird and I would like to know if you guys can help fix it, I would like to have it large se same width as the column.

Even using the elementor pro widget it’s all pretty messed up.. Thanks in advance!

[Supporter]

Hi,

We use the default Woocommerce template and action hooks to customize the single product page. So to customize this page, you will have to override the single-product template in the child-theme, using action hooks to add custom code.

We do not support customization via Elementor Pro template. So when you use widgets to pull the single product template, there will be data conflicts.
I have temporarily disabled carosel mode in my code so I can display a grid for your upsell widget

[MarziaInno]

Oh I see!! Thanks for your help, we went back to your custom template page.

Could you explain us how to move the section “product related” under the title?
We wouldn’t know how to do it but if you explain us where to attach the code we will be able to do it.

Attached below on this link what we would like to achieve.

[Supporter]

Hi,

You will have to remove the function in action “woocommerce_after_single_product_summary”
and add it to the above action “woocommerce_single_product_summary”/

Code:

remove_action('woocommerce_after_single_product_summary', 'woocommerce_output_related_products', 20);
add_action('woocommerce_single_product_summary', 'woocommerce_output_related_products', 40);

Please recheck: https://wordpress-732740-3031698.cloudwaysapps.com/prodotti/tavolino-design-legno-acciaio-blu-azzurro/

[MarziaInno]

That’s great! Could we actually just have it under the title like this preview?

Man you are great help, I will write you guys the best review ever 😀

[Supporter]

Hi,

I have now put this code in your functions.php file and it is working properly on your website.

We are really really appreciate your vote :
To vote go to http://themeforest.net/downloads then follow that link : http://screencast.com/t/ylPjXebiCIOE
Thanks and have a nice day!

[Author]

Posts