Update Category Merchandising (#795)

Author: bsuravech

Block/Adminhtml/Category/Merchandising.php

@@ -116,4 +116,24 @@ public function getCurrentStore()
 
         return $this->storeManager->getDefaultStoreView();
     }
+
+    /**
+     * @return string
+     */
+    public function getPageModeOnly()
+    {
+        return Category::DM_PAGE;
+    }
+
+    /**
+     * @return bool
+     */
+    public function canDisplayProducts()
+    {
+        if ($this->getCategory()->getDisplayMode() == $this->getPageModeOnly()) {
+            return false;
+        }
+
+        return true;
+    }
 }

view/adminhtml/templates/catalog/category/edit/merchandising.phtml

@@ -7,8 +7,8 @@ $configHelper = $this->getConfigHelper();
 ?>
 
 <div class="algolia_block blue icon-documentation">
-    <b>Merchandising tool</b> allows you to promote specific products on your category page.
-    It is based on <b>query rules</b>, as it helps you influence the results for a given query
+    <strong>Merchandising tool</strong> allows you to promote specific products on your category page.
+    It is based on <strong>query rules</strong>, as it helps you influence the results for a given query
     (here, an empty search on a category). For each category you merchandize, a new query rule will be created.
     <br><br>
     Find out more about Algolia Merchandising, please refer to <a href="https://www.algolia.com/doc/integration/magento-2/merchandising/category-merchandising/?utm_source=magento&utm_medium=extension&utm_campaign=magento_2&utm_term=shop-owner&utm_content=doc-link" target="_blank">documentation</a>.
@@ -40,17 +40,22 @@ $configHelper = $this->getConfigHelper();
 
 <div class="algolia_block icon-stars">
     To merchandise products using Algolia
-    you need to enable <b>Instant search</b> with <b>Replace category pages</b> feature.
+    you need to enable <strong>Instant search</strong> with <strong>Replace category pages</strong> feature.
     You can do it in Algolia's <a href="<?php echo $instantSearchLink; ?>" target="_blank">Instant Search configuration</a>.
     <br><br>
-    <b>Instant search</b> with enabled <b>Replace category pages</b> feature gives your customers a great experience
+    <strong>Instant search</strong> with enabled <strong>Replace category pages</strong> feature gives your customers a great experience
     while browsing your catalog. It enables your customers to search and filter for products at real time resulting
     in better customer journey. With the speed and relevancy of Algolia your customers are more likely to purchase
     and enjoy the shopping on your store(s).
 </div>
 
 <?php return; endif; ?>
 
+<div class="algolia_block display-product-msg icon-warning" <?php echo !$this->canDisplayProducts() ?: 'style="display:none;"' ?>>
+    <p><strong>Products are not displayed for this category</strong></p>
+    <p>Please note that you've selected "Static block only" in Display Settings. Since no products are shown on the page, changes you make with Algolia Merchandising won't be visible to your customers.</p>
+</div>
+
 <?php
 
 $indexName = $this->getCoreHelper()->getBaseIndexName();
@@ -248,6 +253,8 @@ $isConfig = [
 	            initAutocomplete();
 
                 initSortableTable();
+
+                checkCurrentPins();
             });
 
             search.start();
@@ -264,6 +271,7 @@ $isConfig = [
 	            $(this).closest('tr').removeClass('pinned');
 
 	            regeneratePositionsValue();
+                checkCurrentPins();
 
                 e.preventDefault();
                 return false;
@@ -356,6 +364,12 @@ $isConfig = [
             };
 
             var pinIt = function($row) {
+
+                if (!validatePin()) {
+                    alert('Algolia Warning: You have reached the 50 pins limit. Your pin has not been added.');
+                    return false;
+                }
+
             	if ($row.hasClass('pinned') === false) {
 		            $row.addClass('pinned');
 	            }
@@ -384,6 +398,38 @@ $isConfig = [
 
                 return ui;
             };
+
+            var validatePin = function() {
+                return $('.algolia_merchandising_items_table tr.pinned').length < 50;
+            }
+
+            var checkCurrentPins = function() {
+
+                if ($('.algolia_merchandising_items_table tr.pinned').length > 50) {
+
+                    if (!$('.pin-limit-warning').length) {
+                        var html = '<div class="algolia_block pin-limit-warning icon-warning">' +
+                            '<p><strong>Warning</strong></p>';
+                        html += '<p>You have more than 50 pins set. Please remove some pins so that you can' +
+                            ' save your merchandising changes.</p>';
+                        html +='</div>';
+
+                        $('#algolia_merchandising_search_box').before(html);
+                    }
+
+                    return false;
+
+                } else {
+
+                    if ($('.pin-limit-warning').length > 0) {
+                        $('.pin-limit-warning').remove();
+                    }
+
+                    return true;
+                }
+            }
+
         });
     });
+
 </script>

view/adminhtml/web/css/common.css

@@ -15,6 +15,7 @@
 	border-radius: 5px;
 	padding: 15px 20px 15px 93px;
 	line-height: 21px;
+	margin-bottom: 10px;
 }
 
 .algolia_block.blue {

view/adminhtml/web/css/merchandising.css

@@ -47,6 +47,7 @@
 
     .algoliasearch-merchandising-options {
         max-width: 1400px;
+        margin: 70px auto 75px;
     }
 
 }