pb d'affichage liste produits de la même catégorie avec theme prestashop_new

[homeinsecure]

Bonjour a tous,

je viens d'appliquer le thème prestashop_new, hormis quelques problème d'affichage dont j'ai trouvé la solution ici, il me reste celui ci: la liste des produits de la même catégorie prend toute la largeur de la page...

merci par avance pour votre aide

[capsizone]

Bonjour,

 

J'ai installé ce nouveau thème sur une boutique en démo.

Il y a en effet un bug avec le module "productscategory", regardez le html et le css de la démo

et vous devriez arriver à corriger ce problème.

Vous pouvez aussi télécharger le thème.

[homeinsecure]

ok merci capsione, super theme

[bobiluse]

bonjour moi aussi j'ai ce problème affichage des images dans la même catégorie ou tous les images sont décaler vers la droite comment modifier ca ou trouver ce problème merci de me répondre je suis perdu voici mon site http://textile2france.com/product.php?id_product=19

[BubbleWorld]

Bonjour,

 

J'ai installé ce nouveau thème sur une boutique en démo.

Il y a en effet un bug avec le module "productscategory", regardez le html et le css de la démo

et vous devriez arriver à corriger ce problème.

Vous pouvez aussi télécharger le thème.

 

Bonjour,

 

Superbe ce thème !

 

Peux-tu nous expliquer en détail comment tu as mis réussi à régler le problème d'affichage des produits dans la même catégorie ? Que doit-on modifier dans "productscategory" ?

[BubbleWorld]

up... quelqu'un a-t-il trouvé une solution ?

[GhosToM]

Salut,

 

j'avais le même soucis, j'ai trouvé la soluce !!

Dans themes/prestashop_new/modules/productscategory/productscategory.tpl, il faut décommenter la l.52 :

 

{if count($categoryProducts) > 5}<a id="productscategory_scroll_right" title="{l s='Next' mod='productscategory'}" href="javascript:{ldelim}{rdelim}">{l s='Next' mod='productscategory'}</a>{/if}

 

Et dans themes/prestashop_new/css/modules/productscategory.css, il faut rajouter :

 

#productscategory_list {
margin-bottom: 25px;
overflow: hidden;
}

 

Et ça devrait rouler !!

[hermes131]

Bonjour j'ai tester et pour ma part cela a juste retirer la barre de Scrolml que j'avais

 

Salut,

 

j'avais le même soucis, j'ai trouvé la soluce !!

Dans themes/prestashop_new/modules/productscategory/productscategory.tpl, il faut décommenter la l.52 :

 

{if count($categoryProducts) > 5}<a id="productscategory_scroll_right" title="{l s='Next' mod='productscategory'}" href="javascript:{ldelim}{rdelim}">{l s='Next' mod='productscategory'}</a>{/if}

 

Et dans themes/prestashop_new/css/modules/productscategory.css, il faut rajouter :

 

#productscategory_list {
margin-bottom: 25px;
overflow: hidden;
}

 

Et ça devrait rouler !!

 

Ne n'ai pas de fichier a cette adresse

themes/prestashop_new/css/modules/productscategory.css

 

productscategory.css >> j'en ai un dans le repertoire /productscategory/

Donc ici

themes/prestashop_new/css/modules/productscategory/productscategory.css

 

Alors j'en en copier un à un niveau superieur ,... Mais rien

 

Pourriez vous me faire joindre les 2 fichier, ou votre Theme en Zip

D'avance merci.

 

De plus le bouton "En savoir plus " a disparu ?

[DeyDDy]

Bonjour hermes131

 

Tu pourras récupérer le productsCategory modifier et quelques explications

 

sur mon topic ici

[hermes131]

Merci Merci !

C'est Princier,

Je m'en vais tester cela de Suite.

Super

[hermes131]

Houps, j'ai suivi la procedure

Mais sans installer le dit template, vu que j'utilise le theme : Prestashop_new

 

Pas de scroll pour Dans la meme Categorie,

 

Je remarque que Meme sur le site demo, c'est Pareil

Ainsi que pour le Lien/Bouton : Plus de renseig,nement, qui mene dans le Pied de L'article !

Je desespere

Car en remettant le theme de Presta par defaut celafonctionne ?!

Dommage

[GhosToM]

Salut,

 

voici le code de mon fichier themes/prestashop_new/modules/productscategory/productscategory.tpl :

{if count($categoryProducts) > 0 && $categoryProducts !== false}
<div class="clearfix blockproductscategory">
<h2 class="productscategory_h2">{$categoryProducts|@count} {l s='other products in the same category:' mod='productscategory'}</h2>
<div id="{if count($categoryProducts) > 5}productscategory{else}productscategory_noscroll{/if}">
 {if count($categoryProducts) > 5}<a id="productscategory_scroll_left" title="{l s='Previous' mod='productscategory'}" href="javascript:{ldelim}{rdelim}">{l s='Previous' mod='productscategory'}</a>{/if}
 <div id="productscategory_list">
  <ul {if count($categoryProducts) > 5}style="width: {math equation="width * nbImages" width=107 nbImages=$categoryProducts|@count}px"{/if}>
   {foreach from=$categoryProducts item='categoryProduct' name=categoryProduct}<!--{if count($categoryProducts) < 6}style="width: {math equation="width / nbImages" width=94 nbImages=$categoryProducts|@count}%"{/if}-->
   <li>
 <a href="{$link->getProductLink($categoryProduct.id_product, $categoryProduct.link_rewrite, $categoryProduct.category, $categoryProduct.ean13)}" class="lnk_img" title="{$categoryProduct.name|htmlspecialchars}"><img src="{$link->getImageLink($categoryProduct.link_rewrite, $categoryProduct.id_image, 'medium')}" alt="{$categoryProduct.name|htmlspecialchars}" /></a>
 <p class="product_name">
  <a href="{$link->getProductLink($categoryProduct.id_product, $categoryProduct.link_rewrite, $categoryProduct.category, $categoryProduct.ean13)}" title="{$categoryProduct.name|htmlspecialchars}">{$categoryProduct.name|truncate:10|escape:'htmlall':'UTF-8'}</a>
 </p>
 {if $ProdDisplayPrice AND $categoryProduct.show_price == 1 AND !isset($restricted_country_mode) AND !$PS_CATALOG_MODE}
 <p class="price_display">
  <span class="price">{convertPrice price=$categoryProduct.displayed_price}</span>
 </p>
 {else}
 <br />
 {/if}
 <!-- <a title="{l s='View' mod='productscategory'}" href="{$link->getProductLink($categoryProduct.id_product, $categoryProduct.link_rewrite, $categoryProduct.category, $categoryProduct.ean13)}" class="button_small">{l s='View' mod='productscategory'}</a> -->
   </li>
   {/foreach}
  </ul>
 </div>
 {if count($categoryProducts) > 5}<a id="productscategory_scroll_right" title="{l s='Next' mod='productscategory'}" href="javascript:{ldelim}{rdelim}">{l s='Next' mod='productscategory'}</a>{/if}
</div>
<script type="text/javascript">
 $('#productscategory_list').trigger('goto', [{$middlePosition}-3]);
</script>
</div>
{/if}

 

et celui du fichier css correspondant : themes/prestashop_new/css/modules/productscategory/productscategory.css :

h2.productscategory_h2 {
margin:40px 0 20px 0;
padding:10px 0;
border-bottom:1px solid #ccc;
font-size:18px;
color:#333
}
#productscategory_list {
   margin-bottom: 25px;
   overflow: hidden;
}
#productscategory_list ul {list-style-type:none}
#productscategory_list li {
float:left;
margin-right:25px
}
#productscategory_list li a.lnk_img {display:block}
#productscategory_list li a img {border:1px solid #ccc}
#productscategory_list li p.product_name {text-align:center}

 

Il reste juste à adapter un peu le design des liens "suivant" et "précédent" mais ils apparaissent correctement avec ce code.

 

En espérant que cela te serve hermes131.

A+