Content loading with other plugins & CSS errors

Hi,

I’ve recently started playing around with “Composite Products” for my WordPress installation. Unfortunately, when selecting different options ( = loading new content / reloading content), many of the dynamic elements from Enfold won’t load.

For example:
On the default option (Processor), the bars initially work when the page is loaded. When another option is selected, the bars don’t load. They also don’t load if re-selecting the default (8700K) option.
The same goes for the styling of the + & – buttons.

I’ve contacted the developer of Composite products about this and he responded with the following:

Looking at this, I can only assume that the code that “initializes” those bars only triggers the animation on page load.

As Composite Products loads new markup when a new selection is made, the bars will need to re-initialized every time new selection details are loaded.

As an example, here’s how the official Product Add-Ons extension re-initializes its own content when loading a new Component Option in the front-end:

	$( 'body .component' ).on( 'wc-composite-component-loaded', function() {
		$( this ).find( '.cart' ).each( function() {
			wcPaoInitAddonTotals.init( $( this ) );
		} );
	} );

In your case, you’ll need to replace wcPaoInitAddonTotals.init( $( this ) ); with something else, but it’s impossible for our team to know what that “something else” is. That’s a question that only your developer can answer. Composite Products can’t possibly “know” that.

Is there an (somewhat) easy fix for this?

See private content for link.