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

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.

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

avec boostrap, tu as la possibilité de changer l'ordre avec la commande order

www.pierre-giraud.com/bootstrap-apprendr...olonne-ligne-grille/

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 ?

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

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;
}
}

Super ça fonctionne nickel
Est-ce que je peux centre les élément du prix pour que ça soit parfait ?
prntscr.com/pmeyei

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

Merci
Oui ce n'est pas terrible et la disposition par défaut conviendra