Using plugin with Divi Theme builder – Add to quote in wrong place

Hi there,
that is because Divi uses the default WooCommerce hooks differently. You can try to add in the page layout the default hook of woocommerce in the place where they should be. Maybe Divi support can help you. The Add to quote button is hooked with woocommerce_single_product_summary.

Here is a funny thing: I have the same problem, using the same theme, Divi. On one site the button goes to the left corner in the top and in another site it goes to the top of the product without any change in the settings of the plugin!

I have a similar issue. I use Divi Themes too.

Upon installing the plugin I go to my product pages and the quote button is not there. I noticed the premium version comes with shortcodes but I don’t want to purchase it before knowing for a fact that using shortcodes I can effectivly place the quote button on product pages.

Can you confirm this plugin shortcodes will work on the Divi builder?

I have the same issue with the quote button on the left-hand corner. I also want to buy the plugin but not unless I know for sure it will work with Divi builder.

Thanks

I have the exact same problem, however I found that the Add to Quote button positions itself correctly on variable products, it’s just the simple products that have the button top left

I’m also wondering how the shortcode might help fix the product page (as suggested by others) as this page should be grabbing the button anyway?

I contacted Elegant Themes and this is a known bug that has been passed to their development team.

They might be able to help you in the meantime as they sent me a JS code snippet as a temporary fix` but it didn’t let me post it here.

Thanks for the feed back. I ended up using a different plugin, but this one was better, so will investigate this fix. Thanks for your help.

This is the JS code that was added to Divi -> Theme Options -> Integration Tab -> 1st Field.

<script>

(function($){
jQuery(document).ready(function() {	

	setTimeout(function(){
<code>jQuery('.single-product .yith-ywraq-add-to-</code>quote').insertAfter('.single-product .et_pb_wc_description');

	}, 300);

});
})(jQuery);
</script>

Hopefully, this posts with the JS commented out

• This reply was modified 3 years, 6 months ago by AlexPetrie.
• This reply was modified 3 years, 6 months ago by AlexPetrie.

Hi, have the same issue on a site running Divi. @alexpetrie any chance you could screenshot the code you added? The code you posted above doesn’t seem to work…

@maginem

Here’s a link to a screenshot – https://ibb.co/NrL8kSv

Great, thanks. Will give it a go.