On rajoute un titre de section

This commit is contained in:
2020-10-27 13:12:24 +01:00
parent f1393ced32
commit 8d048923c8
5 changed files with 111 additions and 97 deletions

View File

@@ -13,3 +13,4 @@ $_MODULE['<{mescategories}prestashop>mescategories_c9cc8cce247e49bae79f15173ce97
$_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.';
$_MODULE['<{mescategories}prestashop>displayhome_7b058d2a2bc435374b0243f59844e3b1'] = 'Nos produits';

View File

@@ -1,3 +1,7 @@
#content > section.section-mesCategories > h2 {
display: block;
text-align: center;
}
/* Container principal */
#mesCategories {
@@ -9,7 +13,6 @@
text-align: center;
}
/* Sous-catégories (liens hypertexte) */
.subcategory {
display: flex;
@@ -36,10 +39,8 @@
text-align: center;
}
.subcategories-list {
margin-left: -150px;
margin-left: -145px;
line-height: 1.7rem;
z-index: 3;
text-align: left;

View File

@@ -1,32 +1,33 @@
<!-- Block mesCategories -->
<div>
<ul id="mesCategories">
{foreach from=$categories item=category name=category_list}
<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>
<section class="section-mesCategories">
<h2 class="h2 text-uppercase">{l s='Section title' mod='mesCategories'}</h2>
<div>
<ul id="mesCategories">
{foreach from=$categories item=category name=category_list}
<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">
{foreach from=$category.subcategories item=subcategory name=subcategory_list}
<a href="{$link->getCategoryLink($subcategory.subcategory_id, $subcategory.subcategory_link)|escape:'html':'UTF-8'}"
title="{$subcategory.subcategory_name|escape:'html':'UTF-8'}">
{$subcategory.subcategory_name|escape:'html':'UTF-8'}
</a><br />
<div class="subcategories-list">
{foreach from=$category.subcategories item=subcategory name=subcategory_list}
<a href="{$link->getCategoryLink($subcategory.subcategory_id, $subcategory.subcategory_link)|escape:'html':'UTF-8'}"
title="{$subcategory.subcategory_name|escape:'html':'UTF-8'}">
{$subcategory.subcategory_name|escape:'html':'UTF-8'}
</a><br />
{/foreach}
{/foreach}
</div>
</div>
</div>
</li>
{/foreach}
</ul>
</div>
<!-- /Block mesCategories -->
</li>
{/foreach}
</ul>
</div>
</section>