[Résolu] Changer l'affichage des sous-categori

[Chihab87]

Bonsoir,

 

je souhaite modifier l'affichage des sous categorie, aidé moi svp .

 

je suis sur prestasholp v 1.5.2.0

 

l'affichage que j'ai pour l'instant est comme ça :

 

 

 

 

je souhaite le changé a cette affichage :

 

 

 

 

 

 

Aidé moi svp.

 

Très cordialement,

Edited December 3, 2012 by chichipool (see edit history)

[ChDUP]

ça va se passer dans category.tpl

Il faut modifier ton template et le css approprié pour passer par exemple tes li en display:inline-block

 

tu utilise le thème d'origine ?

[0Sabrina0]

Question du même thème, lorsque je vais dans ma sous catégorie il est écrit

Aucun produit dans cette catégorie.

 

Hors les produits sont dans les sous catégories alors pourquoi ce message ??

[Chihab87]

ça va se passer dans category.tpl

Il faut modifier ton template et le css approprié pour passer par exemple tes li en display:inline-block

 

tu utilise le thème d'origine ?

 

Oui j'utilise le thème prestashop par default, j'ai essayé de faire un changement dans Dans thémes/ css/ category.css

 

j'ai changé ses ligne :

 

.inline_list li {

padding:10px 0;

border-bottom:1px dotted #ccc

}

.inline_list li .img {

float:left;

margin-right:15px

}

 

par ses ligne :

 

 

.inline_list li {

overflow:hidden;

width:75px;

float:left;

text-align:center;

margin-bottom:8px;

padding: px 15px;

}

.inline_list li .img {

overflow: hidden;

width:90px;

text-align:center;

float:left;

margin-right:15px

}

 

 

 

Voila le résultas

 

y a juste le problème de background

 

aidé moi a régler ce probléme svp

 

merci

Edited December 2, 2012 by chichipool (see edit history)

[ChDUP]

avec l'URL du site, ce serait plus simple

[ChDUP]

à la place de ton float:left sur .inline_list li met un display:inline-block

 

ton float fait sortir les éléments du flux. Donc sinon il te faut placer un clear:both en fin de liste

[Chihab87]

j'ai modifier comme vous m'avais dit mais aucun changement.

[0Sabrina0]

Pour ma part j'ai réussit à changer la couleur du fond de catégorie mais comment changer le fond du titre "Catégorie", "Nouveau produits"... Où là reste en gris !

[ChDUP]

je suis parti du style d'origine des li

 

 

.inline_list li {
   border-bottom-color: #CCCCCC;
border-bottom-style: dotted;
border-bottom-width: 1px;
padding-bottom: 10px;
padding-left: 0;
padding-right: 0;
padding-top: 10px;
}

auquel j'ai simplement ajouté le display:inline-block;

.inline_list li {
  [b]display:inline-block;[/b]
border-bottom-color: #CCCCCC;
border-bottom-style: dotted;
border-bottom-width: 1px;
padding-bottom: 10px;
padding-left: 0;
padding-right: 0;
padding-top: 10px;
}

 

et j'ai bien l'affichage des sous-catégories les unes à côté des autres.

après, il reste de la mise en forme à faire.

Edited December 2, 2012 by ChDUP (see edit history)

[ChDUP]

Sabrina, dans category.css,ligne 276

un background-color:#383838 est appliqué sur .block h4

[0Sabrina0]

J'ai finalement laissé tombé, aucun tuto pour les débutants, aucune réponse sur le forum, vive prestashop... Merci quand même pour votre aide ChDUP !

[Chihab87]

j'ai résolu le problème merci beaucoup cher CHDUP

[arftbird]

Bonjour ChDUP,

tu n'aurais pas un tuyau, je cherche tout simplement a enlever ce bloc "sous-categorie" ?

Merci.

[Chihab87]

je peut te répondre a la place de ChDuyp, si vous souhaitez enlevé le bloc sous-categorie il suffit d'aller dans le fichier

 

category.tpl de votre théme :

 

et supprimé de la ligne 72 jusqua 93

 

{if isset($subcategories)}

<!-- Subcategories -->

<div id="subcategories">

<h3>{l s='Subcategories'}</h3>

<ul class="inline_list">

{foreach from=$subcategories item=subcategory}

<li class="clearfix">

<a href="{$link->getCategoryLink($subcategory.id_category, $subcategory.link_rewrite)|escape:'htmlall':'UTF-8'}" title="{$subcategory.name|escape:'htmlall':'UTF-8'}" class="img">

{if $subcategory.id_image}

<img src="{$link->getCatImageLink($subcategory.link_rewrite, $subcategory.id_image, 'medium_default')}" alt="" width="{$mediumSize.width}" height="{$mediumSize.height}" />

{else}

<img src="{$img_cat_dir}default-medium_default.jpg" alt="" width="{$mediumSize.width}" height="{$mediumSize.height}" />

{/if}

</a>

<a href="{$link->getCategoryLink($subcategory.id_category, $subcategory.link_rewrite)|escape:'htmlall':'UTF-8'}" class="cat_name">{$subcategory.name|escape:'htmlall':'UTF-8'}</a>

 

</li>

{/foreach}

</ul>

<br class="clear"/>

</div>

{/if}

[arftbird]

C'est nickel, merci pool rider

[Chihab87]

avec plaisir

[0Sabrina0]

Personne pour ma question ?

[ChDUP]

vous avez écrit que vous laissiez tomber Sabrina.

[Chihab87]

Sabrina vous parler du bloc categorie ou bien les sous-categoriec ?

 

Si vous parler du bloc categorie et vous souhaitez changer la couleur du fond du titre categorie

 

tu vas dans le fichier global.css dans la ligne 282 et modifier le code : 383838 par votre couleur

 

Ligne 282 =

background:#383838

 

exemple :

 

background:#000

( 000 = couleur noir ) Edited December 4, 2012 by chichipool (see edit history)

[arftbird]

Dsl de poster encore ici mais mes new topic non pas beaucoup de succes

 

je cherche a supprimer la barre horizontal au dessus du footer, je n'ai rien trouvé a ce sujet !?

 

Merci.

[0Sabrina0]

Arftbird, j'aime beaucoup votre footer une question concernant le paiement à l'expédition ( désolée de m'étaler autant ) comment faites-vous ? C'est le même principe qu'Amazon et je trouve ça très pratique !

[arftbird]

Sabrina, c'est le footer par default de Prestashop 1.5.2, justement je voudrais bien le supp

[Chihab87]

arftbird

 

ce que vous voulez enlevé c'est un module que vous pouvez géré de votre BO le nom de module c'est :

Bloc réassurance

 

 

pour le viré il faut juste le désinstaller

[arftbird]

Super, il faut dire que le nom n'est pas equivoque... sans doute un abus de traduction !

une nvl fois merci de ton aide