Présentation des catégories - images décalées

francoisloup
Auteur du sujet
Hors Ligne
client

Plus d'informations

il y a 9 ans 4 mois #1 par francoisloup

Présentation des catégories - images décalées a été créé par francoisloup

Bonjour,

Dans la boutique VM3, quand la page des catégories s'affiche, si le nom de la catégorie est trop long et s'affiche sur deux lignes, l'image de la catégorie descend.
Les images se trouvent donc décalées verticalement les unes par rapport aux autres et c'est très disgracieux (voir cette page : www.silverwolfmusic.fr/fr/instruments-neufs/guitares.html

J'ai cherché des solutions dans le paramétrage de VM3, dans les css, dans les fichiers default.php d'affichage, mais je patauge.

Quelqu'un aurait-il une idée pour régler ce problème ?

Merci d'avance
Cordialement

FrançoisLoup

Connexion ou Créer un compte pour participer à la conversation.

studio42
Hors Ligne
Modérateur
Dev Joomla & Virtuemart

Plus d'informations

il y a 9 ans 4 mois #2 par studio42

Réponse de studio42 sur le sujet Présentation des catégories - images décalées

Le plus simple en CSS :

.category-view .row .category .spacer h2 {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

sinon il faut ajouter dans le fichier PHP un <span class="title"></span> et ajouter une hauteur par exemple avec

.category-view .row .category .spacer h2 .title {
height : 40px;
}

www.st42.fr Truc et astuce Joomla et virtuemart
shop.st42.fr téléchargement Joomla et extension pour virtuemart
Gratuit ! Nettoyage des medias : shop.st42.fr/fr/produits/virtuemart-netoyage-des-medias.htm Nouveau!

Connexion ou Créer un compte pour participer à la conversation.

francoisloup
Auteur du sujet
Hors Ligne
client

Plus d'informations

il y a 9 ans 4 mois #3 par francoisloup

Réponse de francoisloup sur le sujet Présentation des catégories - images décalées

Merci Studio42;

La première solution fonctionne, même si le nom est légèrement tronqué. J'avais avec fierté repéré la ligne css à modifier.
La seconde solution me plaît bien, mais je ne sais pas où se trouve l'instruction d'affichage du nom de cat. au-dessus de l'imag, pour l'intégrer dans un span..
Pourriez-vous m'en dire un peu plus ?.

Merci d'avance encore une fois.

Françoisloup

Connexion ou Créer un compte pour participer à la conversation.

studio42
Hors Ligne
Modérateur
Dev Joomla & Virtuemart

Plus d'informations

il y a 9 ans 4 mois #4 par studio42

Réponse de studio42 sur le sujet Présentation des catégories - images décalées

le nom de la catégorie est ->category_name
Il faut voir dans virtuemart : view/category/tmpl/default_categories.php ou sublayout/categories.php selon le template ou la version de VM.

Connexion ou Créer un compte pour participer à la conversation.

Propulsé par Kunena

Découvrez

Téléchargez VirtueMart

Le site de démo

Présentation des catégories - images décalées

Découvrez

On est là aussi

Informations

Menu principal