On rajoute la possibilité de ne pas afficher les images, dans les réglages du back-office.

modules/mesCategories/mesCategories.php

@@ -139,10 +139,10 @@ class MesCategories extends Module
                 'input' => array(
                     array(
                         'type' => 'switch',
-                        'label' => $this->l('Live mode'),
-                        'name' => 'MESCATEGORIES_LIVE_MODE',
+                        'label' => $this->l('Show images'),
+                        'name' => 'MESCATEGORIES_SHOW_IMAGES',
                         'is_bool' => true,
-                        'desc' => $this->l('Use this module in live mode'),
+                        'desc' => $this->l('Show your categories\' images'),
                         'values' => array(
                             array(
                                 'id' => 'active_on',
@@ -156,19 +156,6 @@ class MesCategories extends Module
                             )
                         ),
                     ),
-                    array(
-                        'col' => 3,
-                        'type' => 'text',
-                        'prefix' => '<i class="icon icon-envelope"></i>',
-                        'desc' => $this->l('Enter a valid email address'),
-                        'name' => 'MESCATEGORIES_ACCOUNT_EMAIL',
-                        'label' => $this->l('Email'),
-                    ),
-                    array(
-                        'type' => 'password',
-                        'name' => 'MESCATEGORIES_ACCOUNT_PASSWORD',
-                        'label' => $this->l('Password'),
-                    ),
                 ),
                 'submit' => array(
                     'title' => $this->l('Save'),
@@ -183,9 +170,7 @@ class MesCategories extends Module
     protected function getConfigFormValues()
     {
         return array(
-            'MESCATEGORIES_LIVE_MODE' => Configuration::get('MESCATEGORIES_LIVE_MODE', true),
-            'MESCATEGORIES_ACCOUNT_EMAIL' => Configuration::get('MESCATEGORIES_ACCOUNT_EMAIL', 'contact@prestashop.com'),
-            'MESCATEGORIES_ACCOUNT_PASSWORD' => Configuration::get('MESCATEGORIES_ACCOUNT_PASSWORD', null),
+            'MESCATEGORIES_SHOW_IMAGES' => Configuration::get('MESCATEGORIES_SHOW_IMAGES', true),
         );
     }
 
@@ -251,9 +236,11 @@ class MesCategories extends Module
             }
         }
         $this->smarty->assign(array(
-            'categories' => $my_array
+            'categories' => $my_array,
+            'SHOW_IMAGES' => Configuration::get('MESCATEGORIES_SHOW_IMAGES', true),
         ));
 
+
         return $this->display(__FILE__, 'displayHome.tpl');
     }
 

modules/mesCategories/translations/fr.php

@@ -0,0 +1,15 @@
+<?php
+
+global $_MODULE;
+$_MODULE = array();
+$_MODULE['<{mescategories}prestashop>mescategories_464e37a930f5702c14f862ab9497860d'] = 'mesCategories';
+$_MODULE['<{mescategories}prestashop>mescategories_9a73af1cac63425e4f4dc393db798d1a'] = 'Permet d\'afficher les catégories (et sous-catégories) sous forme de blocs, sur la page d\'accueil	';
+$_MODULE['<{mescategories}prestashop>mescategories_f4f70727dc34561dfde1a3c529b6205c'] = 'Réglages';
+$_MODULE['<{mescategories}prestashop>mescategories_4861c3d5c88af6037e2bfb0d5c309ce1'] = 'Afficher les images';
+$_MODULE['<{mescategories}prestashop>mescategories_833a6f0f9fb2be7fe8082b41594a8043'] = 'Affiche les images de vos catégories sur la page au lieu de leur titre simplement';
+$_MODULE['<{mescategories}prestashop>mescategories_00d23a76e43b46dae9ec7aa9dcbebb32'] = 'Oui';
+$_MODULE['<{mescategories}prestashop>mescategories_b9f5c797ebbf55adccdd8539a65a0241'] = 'Non';
+$_MODULE['<{mescategories}prestashop>mescategories_c9cc8cce247e49bae79f15173ce97354'] = 'Enregistrer';
+$_MODULE['<{mescategories}prestashop>configure_464e37a930f5702c14f862ab9497860d'] = 'Module d\'affichage de vos catégories';
+$_MODULE['<{mescategories}prestashop>configure_0b79795d3efc95b9976c7c5b933afce2'] = 'Bienvenue sur le module d\'affichage de vos catégories !';
+$_MODULE['<{mescategories}prestashop>configure_261addf78c7b2c961032b3dd08ba0b1f'] = 'Ce module peut être inséré sur votre page d\'accueil (par exemple) et y faire apparaitre la liste de vos catégories (sous forme d\'images) ainsi que toutes les sous-catégories contenues dans chacune d\'elles.';

modules/mesCategories/views/css/front.css

@@ -17,10 +17,6 @@
     align-items: center;
 }
 
-.category-image {
-
-}
-
 /* Catégorie (image + titre) */
 .figure img {
     width: 150px;
@@ -34,20 +30,30 @@
     color: black;
 }
 
-
-.subcategories-list {
-    margin-left: -145px;
-    line-height: 1.7rem;
-    z-index: 3;
+#mesCategories > li > div > div > h2 {
+    width: 150px;
+    margin-bottom:150px;
     text-align: center;
 }
-.subcategories-list a {
-    font-size: 0.95rem;
-    font-family: "Raleway", sans-serif;
-    color: black;
-    width: 100%;
+
+
+
+.subcategories-list {
+    margin-left: -150px;
+    line-height: 1.7rem;
+    z-index: 3;
+    text-align: left;
+    width: fit-content;
+    width:-moz-fit-content;
 }
-.subcategories-list a:hover {
-    font-weight: bold;
+.subcategories-list > a {
+    font-size: 0.95rem;
+    /*font-family: "Raleway", sans-serif;*/
+    color: black;
+    font-weight: normal;
+}
+.subcategories-list > a:hover {
+    background-color: rgba(177,194,90,1);
+    color: white;
 }
 

modules/mesCategories/views/templates/admin/configure.tpl

@@ -26,23 +26,7 @@
 <div class="panel">
 	<h3><i class="icon icon-credit-card"></i> {l s='mesCategories' mod='mesCategories'}</h3>
 	<p>
-		<strong>{l s='Here is my new generic module!' mod='mesCategories'}</strong><br />
-		{l s='Thanks to PrestaShop, now I have a great module.' mod='mesCategories'}<br />
-		{l s='I can configure it using the following configuration form.' mod='mesCategories'}
-	</p>
-	<br />
-	<p>
-		{l s='This module will boost your sales!' mod='mesCategories'}
-	</p>
-</div>
-
-<div class="panel">
-	<h3><i class="icon icon-tags"></i> {l s='Documentation' mod='mesCategories'}</h3>
-	<p>
-		&raquo; {l s='You can get a PDF documentation to configure this module' mod='mesCategories'} :
-		<ul>
-			<li><a href="#" target="_blank">{l s='English' mod='mesCategories'}</a></li>
-			<li><a href="#" target="_blank">{l s='French' mod='mesCategories'}</a></li>
-		</ul>
+		<strong>{l s='Introduction' mod='mesCategories'}</strong><br /><br />
+		{l s='Purpose' mod='mesCategories'}<br />
 	</p>
 </div>

modules/mesCategories/views/templates/hook/displayHome.tpl

@@ -5,10 +5,14 @@
             <li>
                 <div class="subcategory">
                     <div class="category-image">
+                        {if $SHOW_IMAGES}
                         <figure class="figure">
                             <figcaption>{$category.category_name}</figcaption>
                             <img src="{$urls.base_url}img/c/{$category.category_id}.jpg" alt="{$category.category_name|escape:'html':'UTF-8'}"  />
                         </figure>
+                        {else}
+                        <h2>{$category.category_name}</h2>
+                        {/if}
                     </div>
 
                     <div class="subcategories-list">