Merge pull request woocommerce#1173 from franticpsyx/sw-product-recom…

…mendations-combatibility

Add integration/support for WooCommerce Product Recommendations extension

Gruntfile.js

@@ -164,6 +164,7 @@ module.exports = function( grunt ) {
 					'assets/css/woocommerce/extensions/mix-and-match.css': 'assets/css/woocommerce/extensions/mix-and-match.scss',
 					'assets/css/woocommerce/extensions/memberships.css': 'assets/css/woocommerce/extensions/memberships.scss',
 					'assets/css/woocommerce/extensions/quick-view.css': 'assets/css/woocommerce/extensions/quick-view.scss',
+					'assets/css/woocommerce/extensions/product-recommendations.css': 'assets/css/woocommerce/extensions/product-recommendations.scss',
 					'assets/css/woocommerce/woocommerce.css': 'assets/css/woocommerce/woocommerce.scss',
 					'assets/css/woocommerce/woocommerce-legacy.css': 'assets/css/woocommerce/woocommerce-legacy.scss',
 					'assets/css/jetpack/infinite-scroll.css': 'assets/css/jetpack/infinite-scroll.scss',
@@ -422,6 +423,7 @@ module.exports = function( grunt ) {
 					'assets/css/woocommerce/extensions/mix-and-match.css',
 					'assets/css/woocommerce/extensions/memberships.css',
 					'assets/css/woocommerce/extensions/quick-view.css',
+					'assets/css/woocommerce/extensions/product-recommendations.css',
 					'assets/css/woocommerce/woocommerce.css',
 					'assets/css/woocommerce/woocommerce-legacy.css',
 					'assets/css/admin/welcome-screen/welcome.css',

assets/css/woocommerce/extensions/product-recommendations.scss

@@ -0,0 +1,50 @@
+/**
+ * WooCommerce Product Recommendations
+ */
+
+/**
+ * Imports
+ */
+
+@import 'bourbon';
+@import '../../sass/utils/variables';
+@import '../../sass/utils/mixins';
+@import '../../../../node_modules/susy/sass/susy';
+@import '../../sass/vendors/modular-scale';
+
+/**
+ * Base
+ */
+.wc-prl-recommendations {
+
+	h2 {
+		font-size: ms(3);
+	}
+
+	&.wc-prl-page-product_details {
+
+		&.wc-prl-location-before_tabs,
+		&.wc-prl-location-after_tabs {
+
+			h2 {
+				margin-bottom: ms(1);
+				text-align: center;
+			}
+		}
+
+		&.wc-prl-location-after_summary {
+			margin-top: ms(2);
+		}
+	}
+
+	&.wc-prl-location-after_pay_button {
+		margin-top: ms(2);
+	}
+
+	&.wc-prl-page-checkout {
+
+		&.wc-prl-location-order_review {
+			margin-top: ms(5);
+		}
+	}
+}

inc/woocommerce/class-storefront-woocommerce.php

@@ -393,6 +393,14 @@ public function woocommerce_integrations_scripts() {
 			if ( $this->is_woocommerce_extension_activated( 'WC_Checkout_Add_Ons' ) ) {
 				add_filter( 'storefront_sticky_order_review', '__return_false' );
 			}
+
+			/**
+			 * WooCommerce Product Recommendations
+			 */
+			if ( $this->is_woocommerce_extension_activated( 'WC_Product_Recommendations' ) ) {
+				wp_enqueue_style( 'storefront-woocommerce-product-recommendations-style', get_template_directory_uri() . '/assets/css/woocommerce/extensions/product-recommendations.css', 'storefront-woocommerce-style', $storefront_version );
+				wp_style_add_data( 'storefront-woocommerce-product-recommendations-style', 'rtl', 'replace' );
+			}
 		}
 
 		/**