Add flexible product list selector

tlamedia · Sep 27, 2024 · da39300 · da39300
1 parent 6a1ec1a
commit da39300
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 5 deletions.
diff --git a/assets/integration/woocommerce.js b/assets/integration/woocommerce.js
diff --git a/src/Integration/WooCommerce.php b/src/Integration/WooCommerce.php
@@ -258,8 +258,10 @@ public function get_global_settings( array $global_settings ): array {
 		];
 		$global_settings['wc']['css_selectors']               = [
 			'product_list_select_item' => '.products .product:not(.product-category) a:not(.add_to_cart_button.ajax_add_to_cart,.add_to_wishlist),' .
-										'.wc-block-grid__products li:not(.product-category) a:not(.add_to_cart_button.ajax_add_to_cart,.add_to_wishlist),' .
-										'.woocommerce-grouped-product-list-item__label a:not(.add_to_wishlist)',
+											'.wc-block-grid__products li:not(.product-category) a:not(.add_to_cart_button.ajax_add_to_cart,.add_to_wishlist),' .
+											'.woocommerce-grouped-product-list-item__label a:not(.add_to_wishlist)',
+			'product_list_element'     => '.product,.wc-block-grid__product',
+			'product_list_exclude'     => '',
 		];
 
 		return $global_settings;

diff --git a/src/js/woocommerce.js b/src/js/woocommerce.js
@@ -99,7 +99,7 @@ function gtmkitLoad() {
 		}
 
 		const productElement = eventTargetElement.closest(
-			'.product,.wc-block-grid__product'
+			window.gtmkit_settings.wc.css_selectors.product_list_element
 		);
 		const productData =
 			productElement &&
@@ -292,8 +292,12 @@ function gtmkitLoad() {
 		const linkElement = eventTargetElement.closest( window.gtmkit_settings.wc.css_selectors.product_list_select_item );
 		if (!linkElement) return true;
 
+		if ( window.gtmkit_settings.wc.css_selectors.product_list_exclude && linkElement.closest(window.gtmkit_settings.wc.css_selectors.product_list_exclude)) {
+			return true;
+		}
+
 		const product = eventTargetElement.closest(
-			'.product,.wc-block-grid__product'
+			window.gtmkit_settings.wc.css_selectors.product_list_element
 		);
 
 		let productData;