Fix: Floating Bars - Display on three col on remote library [ED-15686] (

elementor#28579)
davseve · Sep 3, 2024 · 03940a0 · 03940a0
1 parent f11424d
commit 03940a0
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 1 deletion.
diff --git a/assets/dev/js/editor/components/template-library/views/template/base.js b/assets/dev/js/editor/components/template-library/views/template/base.js
@@ -17,7 +17,7 @@ TemplateLibraryTemplateView = Marionette.ItemView.extend( {
 			classes += ' elementor-template-library-pro-template';
 		}
 
-		return classes;
+		return elementor.hooks.applyFilters( 'elementor/editor/template-library/template/classes', classes, this );
 	},
 
 	attributes() {

diff --git a/modules/floating-buttons/assets/js/floating-bars/editor/module.js b/modules/floating-buttons/assets/js/floating-bars/editor/module.js
@@ -16,6 +16,16 @@ class FloatingBarsLibraryModule extends elementorModules.editor.utils.Module {
 			advancedTab.style.display = 'none';
 		}
 	}
+
+	onElementorInit() {
+		const urlParams = new URLSearchParams( window.location.search );
+
+		if ( 'floating-bars' === urlParams.get( 'floating_element' ) ) {
+			elementor.hooks.addFilter( 'elementor/editor/template-library/template/classes', ( classes ) => {
+				return classes.replace( 'elementor-template-library-template-floating_button', 'elementor-template-library-template-floating_bar' );
+			}, 10, 1 );
+		}
+	}
 }
 
 export default FloatingBarsLibraryModule;