En visitant ce site, vous acceptez l'utilisation de cookies afin de vous proposer les meilleurs services possibles.

Changer l'ordre des élément dans la vue du produit

Plus d'informations
il y a 2 ans 9 mois #1 par Langagemachine
Changer l'ordre des élément dans la vue du produit a été créé par Langagemachine
J'aimerais trouver une alternative lors de la configuration du bootstrap dans la config de la VM.
Quand on ajoute au panier, le curseur de chargement tourne indéfiniment.

Apparemment c'est un problème connu.

J'ai pensé à remplacer la vue de présentation du produit.
Pour le moment lorsque je regarde la vue du produit avec mon téléphone, le texte est à côté de l'image et je souhaite que le texte qui indiquent les prix et les autres éléments (ajout panier, ...) soient sous l'image.

Il est possible de changer l'ordre des éléments?
Et comment puis-je faire?

J'ai la dernière version de joomla et virtuemart

Cordialement.

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

  • studio42
  • Portrait de studio42
  • Hors Ligne
  • Modérateur
  • Modérateur
  • Dev Joomla & Virtuemart
Plus d'informations
il y a 2 ans 9 mois #2 par studio42
Réponse de studio42 sur le sujet Changer l'ordre des élément dans la vue du produit
Si vous voulez utiliser bootstrap sans avoir le soucis du panier et autre, le mieux est de faire un override dans le template sans modifier la config.
Vous pouvez bien sur vous inspirer des fichiers existant.
Pour inverser l'ordre d'affichage des différent éléments, il faut copier les fichiers dans le template et modifier les fichiers directement

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.

Plus d'informations
il y a 2 ans 9 mois - il y a 2 ans 9 mois #3 par serge
avec boostrap, tu as la possibilité de changer l'ordre avec la commande order

www.pierre-giraud.com/bootstrap-apprendr...olonne-ligne-grille/
Dernière édition: il y a 2 ans 9 mois par serge.

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

Plus d'informations
il y a 2 ans 9 mois #4 par Langagemachine
Réponse de Langagemachine sur le sujet Changer l'ordre des élément dans la vue du produit
MERCI pour vos réponse :) :)
je veux éviter justement la boostrap dans la config de Virtuemart

Juste faire un override du template ou du css qui sert pour le détails de mon articles.
Sur le formu anglais on me propose ceci :

.vm-product-details-container { float: none; }
Q'en pensez-vous ?

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

Plus d'informations
il y a 2 ans 9 mois #5 par Langagemachine
Réponse de Langagemachine sur le sujet Changer l'ordre des élément dans la vue du produit
Bonjour je reviens vers vous car j'essai de faire au plus simple.
Je viens de me rendre compte d'une chose.
sur mon site, si je vais sur les categories en responsive les articles sont bien disposés l'un en dessous et surtout la descitpion, info prix et ajouter au panier.
Pourquoi ça ne se place pas de la même façon quand je suis sur l'article ?
Je voudrais simplement que mes éléments de prix et ajouter se placent en-dessous.

Puis-je le faire en modifiant la page php du template virtuemart et faire un override ?
Sur un autre forum on ma indiqué de faire un override du css avec ce code .vm-product-details-container { float: none; } mais lequel et où se situe-til ?


www.add-line.com/test8/index.php/le-quat...cles-d-oreilles-14mm

J'aimerais vraiment réglé ce détail de présentation.

NB
Pas moyen de joindre un pièce, j'ai fait un printscrteen : prntscr.com/pm5xnh


Merci pour votre suivi et vos suggestions.

Mande

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

  • studio42
  • Portrait de studio42
  • Hors Ligne
  • Modérateur
  • Modérateur
  • Dev Joomla & Virtuemart
Plus d'informations
il y a 2 ans 9 mois #6 par studio42
Réponse de studio42 sur le sujet Changer l'ordre des élément dans la vue du produit
Bonjour,
a cause de :
.vm-product-container .vm-product-media-container {
float: left;
width: 55%;
}
Il faut ajouter par exemple dans SITEJOOMLA/templates/bijoux_pierres_semi_precieuses/css/custom.css
la media query :
@media (max-width: 768px) {
.vm-product-container .vm-product-media-container {
float: none;
width: auto;
}
}

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!
Les utilisateur(s) suivant ont remercié: Langagemachine

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

Plus d'informations
il y a 2 ans 9 mois #7 par Langagemachine
Réponse de Langagemachine sur le sujet Changer l'ordre des élément dans la vue du produit
Super ça fonctionne nickel :)
Est-ce que je peux centre les élément du prix pour que ça soit parfait ?
prntscr.com/pmeyei

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

  • studio42
  • Portrait de studio42
  • Hors Ligne
  • Modérateur
  • Modérateur
  • Dev Joomla & Virtuemart
Plus d'informations
il y a 2 ans 9 mois #8 par studio42
Réponse de studio42 sur le sujet Changer l'ordre des élément dans la vue du produit
Dans le même fichier
div.product-price {
text-align: center;
float: none;
}

Mais bon le résultat n'est pas parfait car il faudrait contraindre le label en largeur

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!
Les utilisateur(s) suivant ont remercié: Langagemachine

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

Plus d'informations
il y a 2 ans 9 mois #9 par Langagemachine
Réponse de Langagemachine sur le sujet Changer l'ordre des élément dans la vue du produit
Merci :)
Oui ce n'est pas terrible et la disposition par défaut conviendra :)

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