Merge pull request #1501 from algolia/feature/MAGE-877

Feature/mage 877

Author: cammonro

.gitignore

@@ -4,3 +4,4 @@ composer.lock
 vendor/
 .php_cs.cache
 .vscode
+.idea

view/frontend/templates/recommend/cart/recommend_items.phtml

@@ -2,7 +2,7 @@
 /** @var \Algolia\AlgoliaSearch\ViewModel\Recommend\Cart $block */
 $viewModel = $block->getViewModel();
 $recommendConfig = $viewModel->getAlgoliaRecommendConfiguration();
-if (isset($recommendConfig['enabledRelatedInCart']) || isset($recommendConfig['enabledFBTInCart']) || isset($recommendConfig['isTrendItemsEnabledInCartPage'])):
+if (!empty($recommendConfig['enabledRelatedInCart']) || !empty($recommendConfig['enabledFBTInCart']) || !empty($recommendConfig['isTrendItemsEnabledInCartPage'])):
     $cartItems = $viewModel->getAllCartItems();
     ?>
     <div id="frequentlyBoughtTogether" class="recommend-component"></div>

view/frontend/templates/recommend/products.phtml

@@ -3,7 +3,7 @@
 $viewModel = $block->getViewModel();
 $recommendConfig =  $viewModel->getAlgoliaRecommendConfiguration();
 
-if (isset($recommendConfig['enabledFBT']) || isset($recommendConfig['enabledRelated']) || isset($recommendConfig['isTrendItemsEnabledInPDP'])):
+if (!empty($recommendConfig['enabledFBT']) || !empty($recommendConfig['enabledRelated']) || !empty($recommendConfig['isTrendItemsEnabledInPDP'])):
     $product = $viewModel->getProduct(); ?>
     <div id="frequentlyBoughtTogether" class="recommend-component"></div>
     <div id="relatedProducts" class="recommend-component"></div>
@@ -24,4 +24,4 @@ if (isset($recommendConfig['enabledFBT']) || isset($recommendConfig['enabledRela
             }
         }
     </script>
-<?php endif; ?>
+<?php endif; ?>

view/frontend/web/internals/recommend.css

@@ -1,12 +1,12 @@
-.product-img {
+.recommend-item .product-img {
     width: 180px;
 }
 .auc-Recommend-list {
     display: flex;
     justify-content: space-evenly;
     list-style: none;
 }
-.product-name {
+.recommend-item .product-name {
     height: 50px;
     width: 110px;
     margin: 0 auto;
@@ -50,12 +50,12 @@
     flex-wrap: wrap;
     justify-content: flex-start;
 }
-.product-details .action.primary, .action-primary{
+.product-details .recommend-item .action.primary, .action-primary{
     background: #f4f4f4;
     border: 1px solid #f4f4f4;
     color: #666666;
 }
-.product-details .action.primary:hover, .action-primary:hover {
+.product-details .recommend-item .action.primary:hover, .action-primary:hover {
     border-color: #1979c3;
     background: #1979c3;
     color: #FFFFFF;