Center elements in landing pages and fix vertical product bugs (#212)

* justify products content in the center * include productlist template inside div with id js-product-list * update module version
doofinder · May 13, 2024 · ae30733 · ae30733
1 parent 6cfd407
commit ae30733
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 4 deletions.
diff --git a/doofinder.php b/doofinder.php
@@ -32,15 +32,15 @@ class Doofinder extends Module
     const DOOMANAGER_URL = 'https://admin.doofinder.com';
     const GS_SHORT_DESCRIPTION = 1;
     const GS_LONG_DESCRIPTION = 2;
-    const VERSION = '4.7.32';
+    const VERSION = '4.7.33';
     const YES = 1;
     const NO = 0;
 
     public function __construct()
     {
         $this->name = 'doofinder';
         $this->tab = 'search_filter';
-        $this->version = '4.7.32';
+        $this->version = '4.7.33';
         $this->author = 'Doofinder (http://www.doofinder.com)';
         $this->ps_versions_compliancy = ['min' => '1.5', 'max' => _PS_VERSION_];
         $this->module_key = 'd1504fe6432199c7f56829be4bd16347';

diff --git a/views/templates/front/catalog/_partials/productlist.tpl b/views/templates/front/catalog/_partials/productlist.tpl
@@ -14,7 +14,7 @@
 
 {capture assign="productClasses"}{if !empty($productClass)}{$productClass}{else}col-xs-6 col-xl-4{/if}{/capture}
 
-<div class="products{if !empty($cssClass)} {$cssClass}{/if}">
+<div style="justify-content:center" class="products{if !empty($cssClass)} {$cssClass}{/if}">
     {foreach from=$products item="product" key="position"}
         {include file="catalog/_partials/miniatures/product.tpl" product=$product position=$position productClasses=$productClasses}
     {/foreach}

diff --git a/views/templates/front/landing.tpl b/views/templates/front/landing.tpl
@@ -29,7 +29,9 @@
                         <div class="mb-1 mt-2 df-block-above">
                             {$block['above']|cleanHtml nofilter}
                         </div>
-                        {include file="module:doofinder/views/templates/front/catalog/_partials/productlist.tpl" products=$block['products'] cssClass="row" productClass="col-xs-6 col-xl-3"}
+                        <div id="js-product-list">
+                            {include file="module:doofinder/views/templates/front/catalog/_partials/productlist.tpl" products=$block['products'] cssClass="row" productClass="col-xs-6 col-xl-3"}
+                        </div>
                         <div class="mb-2 mt-1 df-block-below">
                             {$block['below']|cleanHtml nofilter}
                         </div>