Modifier l'image, les boutons sur les fiches des produits en page d'acceuil.

Alexandre le Grand
Auteur du sujet
Hors Ligne
prospect

Plus d'informations

il y a 8 ans 11 mois - il y a 8 ans 11 mois #1 par Alexandre le Grand

Modifier l'image, les boutons sur les fiches des produits en page d'acceuil. a été créé par Alexandre le Grand

Bonsoir à tous,
Je suis développeur C# et nouveau sur ce forum et viens de mettre en ligne mon premier site avec VirtueMart 3.2.1 disponible ici .
J'aimerais effectuer quelques modifications sur la présentation des produits dans leurs catégories en page d'acceuil.
Les modifications sont les suivantes:
-Ne pas afficher le bouton ajouter au panier, la case de séléction des nombres, ni la brève description des produits
sur les fiches de présentations. Tout ceci ne sera présenter que sur la page de détail des produits.
-Agrandir les images (Format 4X3) à une hauteur fixe de 160px.
-la fiche ne doit pas excéder 260px de hauteur.

Je ne dois laisser que le nom des produits, l'image redimensionnée et y ajouter le nom de la catégorie en bas de fiche.

Merci de m'aider à y parvenir.

Bien cordialement.

Dernière édition: il y a 8 ans 11 mois par Alexandre le Grand. Raison: Pour plus de précision

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

doc_denis
Hors Ligne
Membre senior
...oui, la photo date :)

Plus d'informations

il y a 8 ans 11 mois #2 par doc_denis

Réponse de doc_denis sur le sujet Modifier l'image, les boutons sur les fiches des produits en page d'acceuil.

bon, c'est un début, mais ça donne une idée avec les produits en vedette.
il faut ajouter un custom.css dans le dossier du template ou ajouter ça au template.css

.featured-view .product_s_desc {
    display: none;
}
.featured-view .browseProductImage {
    max-height: 160px !important;
}
.featured-view .spacer.product-container {
    max-height: 260px !important;
}
.featured-view .spacer h2 {
    font-size: 13px !important;
}
.featured-view .vm-product-media-container {
    margin: 0px !important;
    padding: 0px !important;
}
.featured-view .product-details {
    display: none;
}
.featured-view .product-price {
    margin: 0px !important;
    padding: 0px !important;
}

il faudrait peut-être lire de la documentation sur le CSS et avoir un outil comme firebug, c'est le minimum.
pour ajouter le nom des catégories dans la miniature de la fiche produit, c'est plus chaud, il faudra ~~ajouter~~ modifier du code.

en ce qui concerne les images en 4x3 c'est à la source qu'il faut travailler les images produit. ...de belles images c'est plus vendeur.
il ne faut pas déformer ...sinon, c'est moche et pas vendeur.

bon courage dans la mise en place de ton site

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

Alexandre le Grand
Auteur du sujet
Hors Ligne
prospect

Plus d'informations

il y a 8 ans 11 mois #3 par Alexandre le Grand

Réponse de Alexandre le Grand sur le sujet Modifier l'image, les boutons sur les fiches des produits en page d'acceuil.

Salut,

Merci pour le coup de pouce. La présentation s’améliore. J'utilise firebug, et fais souvent du CSS. Mais le problème des miniatures floutées demeure. Quel fichier dois-je modifier pour y remédier?

Merci.

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

Propulsé par Kunena

Découvrez

Téléchargez VirtueMart

Le site de démo

Modifier l'image, les boutons sur les fiches des produits en page d'acceuil.

Découvrez

On est là aussi

Informations

Menu principal