(1) 2 3 »
Espace logo catégorie
Pascal C.
Pascal C.

Espace logo catégorie

Pascal C. 431
17/03/2021 23:45
#1
Pascal C. 431
17/03/2021 23:45
Bonjour,
Mes logos de catégories du module "xmnews" sont volontairement plus petits que ceux prévus au départ.

Mon but est ici de pouvoir afficher les 4 derniers articles en accueil, mais en occupant un minimum de hauteur possible afin de commencer à afficher mes forums en dessous. D'où l'utilisation d'icones réduites.

Mon soucis est que du coup, j'ai un espace vide (voir flèche rouge) dans mon bloc " Articles récents" que je souhaiterais réduire en hauteur. Et je ne sais pas où retrouver ce paramètre.

J'ai posté dans la section thème mais la modif se fait peut être plus au niveau du module d'ailleurs ?
Re : Espace logo catégorie
Alain T
Alain T

Re : Espace logo catégorie

Alain T 608
18/03/2021 07:46
#2
Alain T 608
18/03/2021 07:46
Il s'agit + d'élément de thème donc le forum me semble le bon.

C'est plus compliqué.
L'image utilise une fonction responsive en fonction du cadre de son parent.

Hors, le cadre, tu le vois bien est reconduit en 4 colonnes dans ce mode.
Je n'ai pas la réponse comme cela sans chercher dans le code ce qui se passe, je chercherai l'explication exacte...si je la trouve.
Re : Espace logo catégorie
Alain T
Alain T

Re : Espace logo catégorie

Alain T 608
18/03/2021 08:01
#3
Alain T 608
18/03/2021 08:01
Ok, le problème apparait pour le bloc mais pas pour l'index du module, je pense que tu l'as vu.

c'est donc dans le template du bloc qu'il y a un soucis.
Je vais regarder cela.
Bien vu !
Re : Espace logo catégorie
Alain T
Alain T

Re : Espace logo catégorie

Alain T 608
18/03/2021 08:05
#4
Alain T 608
18/03/2021 08:05
Mais l'idée est d'avoir la même taille d'image d'article afin d'homogénéiser l'ensemble, sans quoi tu auras des zooms pas très beau, regarde ce qu'il se passe sur la page index si tu prends une image toute petite.
J'ai fais l'essai avec une image 64*64 alors que les autres sont en 540x360.
C'est pas beau ce zoom.

Don dans un premier temps, ma réponse serait "harmonise"
Je regarde... pour un deuxième temps
Re : Espace logo catégorie
Pascal C.
Pascal C.

Re : Espace logo catégorie

Pascal C. 431
18/03/2021 08:33
#5
Pascal C. 431
18/03/2021 08:33
Oui, mes images de catégorie sont toutes de même dimensions : 81x80.

D'ailleurs, je viens de m'apercevoir que cela pose un autre problème. En ouvrant l'article elle s'affiche en plus gros à l'intèrieur de ce dernier et donc se pixelise.
Donc soit dans l'idéal je parviens a forcer un affichage de 81x80 dans mon bloc ET dans l'édition de l'article ; soit je serais forcé de conserver une dimensions plus importante pour obtenir un affichage propre.

Mais la 1ere solution m'irait mieux pour améliorer la visualisation de ma page d'accueil.
Re : Espace logo catégorie
Alain T
Alain T

Re : Espace logo catégorie

Alain T 608
18/03/2021 08:33
#6
Alain T 608
18/03/2021 08:33
Ok,
dans ton thème, la surcharge /modules/xmnews/blocks/xmnews_block.tpl, ligne 19

<div class="col-12" style="height: 150px;">

la hauteur est fixée à 150px.

C'est très facile à voir avec Google Chrome / "Inspecter" puis clique sur le 1er élément tout en haut à gauche (souris dans un cadre).
Re : Espace logo catégorie
Pascal C.
Pascal C.

Re : Espace logo catégorie

Pascal C. 431
18/03/2021 08:38
#7
Pascal C. 431
18/03/2021 08:38
Citation :

Alain T a écrit :
Ok,
dans ton thème, la surcharge /modules/xmnews/blocks/xmnews_block.tpl, ligne 19

<div class="col-12" style="height: 150px;">

la hauteur est fixée à 150px.

C'est très facile à voir avec Google Chrome / "Inspecter" puis clique sur le 1er élément tout en haut à gauche (souris dans un cadre).


Oui, c'est effectivement facile de voir que la dimension est de 150 au lieu de 89... mais ce qui devient pour moi difficile est de retrouver l'emplacement qui défini cette valeur "/modules/xmnews/blocks/xmnews_block.tpl, ligne 19"

Merci encore Alain
Re : Espace logo catégorie
Alain T
Alain T

Re : Espace logo catégorie

Alain T 608
18/03/2021 08:47
#8
Alain T 608
18/03/2021 08:47
Citation :

D'ailleurs, je viens de m'apercevoir que cela pose un autre problème. En ouvrant l'article elle s'affiche en plus gros à l'intèrieur de ce dernier et donc se pixelise.
Donc soit dans l'idéal je parviens a forcer un affichage de 81x80 dans mon bloc ET dans l'édition de l'article ; soit je serais forcé de conserver une dimensions plus importante pour obtenir un affichage propre.

Mais la 1ere solution m'irait mieux pour améliorer la visualisation de ma page d'accueil.

Pour le bloc, c'est facile, tu passes à 81 et c'est réglé;
pour l'index du module, c'est un plus compliqué.
Tu as déjà 2 endroits où on trouve le lien de l'image, selon la taille de l'affichage du média affichant l'index.

Il faudra faire différents essais.
Re : Espace logo catégorie
Pascal C.
Pascal C.

Re : Espace logo catégorie

Pascal C. 431
18/03/2021 09:42
#9
Pascal C. 431
18/03/2021 09:42
Merci Alain, tu m'as déjà énormément aidé. Je ferais mes essais et te tiendrais au jus, comme d'hab
Re : Espace logo catégorie
Pascal C.
Pascal C.

Re : Espace logo catégorie

Pascal C. 431
18/03/2021 23:11
#10
Pascal C. 431
18/03/2021 23:11
Pour le bloc, ok ça fonctionne sans problème.

Par contre pour l'article en lui même je ne parviens pas à fixer la dimension de l'image.

j'en déduit que ça se situe au niveau du fichier modules\xmnews\xmnews_article.tpl
A la ligne 79 nous avons :

Citation :
<{if $logo != ''}>
<{if $CAT == true}><a href="index.php?news_cid=<{$category_id}>"><{/if}><img class="card-img-top rounded img-fluid" src="<{$logo}>" alt="<{$title}>"><{if $CAT == true}></a><{/if}>
<{/if}>


Et si je comprends bien, ce serait la variable img-fluid qui ferait varier la taille de mon image
j'ai tenté de remplacer cette variable par img-fluid.max-width: 100% pour qu'elle ne dépasse pas sa taille originelle et cela ne fait rien

Ou alors je ne suis carrément pas au bon endroit ?
Je sèche grave là