[VisualSearch] Allow PNG #ESP-289

romainruaud · Oct 6, 2021 · 183e39d · 183e39d
1 parent 9b2c493
commit 183e39d
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 2 deletions.
diff --git a/src/module-elasticsuite-visual-search/Model/Api/Client.php b/src/module-elasticsuite-visual-search/Model/Api/Client.php
@@ -111,6 +111,7 @@ public function recognize(string $imagePath): array
         $imageResizer->keepAspectRatio(true);
         $imageResizer->open($imagePath);
         $imageResizer->resize($this->config->getImagesOptimalSize());
+        $imagePath = "{$pathParts['dirname']}/{$pathParts['filename']}.jpg";
         $imageResizer->save($imagePath);
 
         // Check file size.

diff --git a/src/module-elasticsuite-visual-search/etc/config.xml b/src/module-elasticsuite-visual-search/etc/config.xml
@@ -23,7 +23,7 @@
                 <url>https://sqjciip0r3.execute-api.eu-west-1.amazonaws.com/</url>
             </api>
             <images>
-                <allowed_extensions>jpg,jpeg</allowed_extensions>
+                <allowed_extensions>jpg,jpeg,png</allowed_extensions>
                 <maximum_size>100</maximum_size>
                 <optimal_resized_width>640</optimal_resized_width>
             </images>

diff --git a/src/module-elasticsuite-visual-search/view/frontend/templates/search/form.mini.phtml b/src/module-elasticsuite-visual-search/view/frontend/templates/search/form.mini.phtml
@@ -60,7 +60,7 @@ $helper = $this->helper('Magento\Search\Helper\Data');
 
         <form id="search-by-image-popin-content"
               method="post"
-              action="<? /* @escapeNotVerified */ echo $block->getUrl('visual_search/search/byImage') ?>"
+              action="<?php /* @escapeNotVerified */ echo $block->getUrl('visual_search/search/byImage') ?>"
               enctype="multipart/form-data"
               style="display: none">
             <div>

diff --git a/src/module-elasticsuite-visual-search/view/frontend/web/css/source/_module.less b/src/module-elasticsuite-visual-search/view/frontend/web/css/source/_module.less
@@ -37,6 +37,7 @@
         .page-title-wrapper {
             display: flex;
             align-items: center;
+            justify-content: space-between;
             .search-image {
                 max-width: 200px;
                 margin-top: -50px;