TMZ-216 adding hidden class with php instead of JS

elementor · Jan 8, 2025 · d24b22c · d24b22c
1 parent f2dca6e
commit d24b22c
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git a/modules/content/assets/js/frontend/handlers/hello-plus-zigzag.js b/modules/content/assets/js/frontend/handlers/hello-plus-zigzag.js
@@ -56,7 +56,6 @@ export default class ZigZagHandler extends elementorModules.frontend.handlers.Ba
 			} );
 
 			sortedEntries.forEach( ( entry, index ) => {
-				entry.target.classList.add( hidden );
 				if ( entry.isIntersecting && ! entry.target.classList.contains( visible ) ) {
 					setTimeout( () => {
 						entry.target.classList.remove( hidden );

diff --git a/modules/content/classes/render/widget-zig-zag-render.php b/modules/content/classes/render/widget-zig-zag-render.php
@@ -60,9 +60,17 @@ public function render(): void {
 			$graphic_element = $this->settings['graphic_element'];
 			$repeater = 'image' === $graphic_element ? $this->settings['image_zigzag_items'] : $this->settings['icon_zigzag_items'];
 
+			$wrapper_classnames = [
+				'ehp-zigzag__item-wrapper'
+			];
+
+			if ( $has_entrance_animation ) {
+				$wrapper_classnames[] = 'hidden';
+			}
+
 			foreach ( $repeater as $key => $item ) {
 				$this->widget->add_render_attribute( 'zigzag-item-wrapper-' . $key, [
-					'class' => 'ehp-zigzag__item-wrapper',
+					'class' => $wrapper_classnames,
 				] );
 
 				$this->widget->add_render_attribute( 'zigzag-item-' . $key, [