Topic-icon [RÉGLÉ] Cadre Produit VirtueMart

Choisissez le meilleur hébergement pour votre Joomla
Plus d'informations
09 Déc 2011 14:23 #552 par Ludodev
Message
Une question sur la présentation des produits.

Est-il possible et si oui comment mettre un cadre autour d'un produit dans la fiche produit?

www.cigarette-electronique-shop.biz/bout...rowse&category_id=20

Merci

Vous devez vous connecter Connexion pour prendre part à la conversation.

Plus d'informations
09 Déc 2011 18:48 - 09 Déc 2011 18:48 #555 par C-Jay
Réponse
Autour de l'image ?
Si oui, avec un simple 'border' et un 'padding' pour mettre une marge entre la photo et la bordure de manière à former un cadre autour de la photo.
Ex :
img {border:solid 1 px black; padding:5px;}
A la recherche d'un hébergement / hébergeur Joomla spécialisé, performant et sécurisé ? Choisissez SiteGround (Nouvelles offres : -50% sur leur offre Start Up !)
Découvrez le guide Réussir son entreprise sur Internet grâce à Joomla
Découvrez le le centre de formation NosyWeb
Last edit: 09 Déc 2011 18:48 by C-Jay.

Vous devez vous connecter Connexion pour prendre part à la conversation.

Joomladay2018
Plus d'informations
09 Déc 2011 22:59 #560 par Ludodev
Réponse
Oupssss, je me suis mal expliqué.

Je voulais pouvoir mettre un cadre autour de la photo mais aussi du texte.

En effet la page produit est un peu fouillie, j'aurais aimé structuré un peu mieux, afin de proposer une offre plus claire.

Quelles sont les possibilité qu'offre VirtueMart pour personnalisé la page produit?

Exemple de page pas claire :

www.cigarette-electronique-shop.biz/bout...browse&category_id=7

Le bouton "Ajouter au panier" se "mélange" au produit suivant, on ne sait pas si ce bouton correspond au produit du bas ou au produit du haut.

Capture d'écran : awesomescreenshot.com/0e0pvmb4b

Vous devez vous connecter Connexion pour prendre part à la conversation.

Plus d'informations
13 Déc 2011 09:33 - 13 Déc 2011 09:33 #571 par C-Jay
Réponse
Bonjour Ludodev,

Le principe est le même, il faut appliqué du style CSS.
Ici, j'ai repéré avec Firebug la class CSS "browseProductContainer", je propose donc de lui appliqué un style CSS du type :
.browseProductContainer {
    background-color: #FFFEEE; /* Fond du cadre */
    border: 1px solid black; /* Bordure noire */
    border-radius: 5px 5px 5px 5px; /* Arrondi du cadre en CSS3 */
    margin: 5px; /* Marge autour du cadre */
}
Tu peux donc ajouter ceci dans le fichier CSS de ton choix (Je créé toujours un fichier CSS à part destiné à ces ajouts).
A toi d'ajuster comme tu l'entend.
A la recherche d'un hébergement / hébergeur Joomla spécialisé, performant et sécurisé ? Choisissez SiteGround (Nouvelles offres : -50% sur leur offre Start Up !)
Découvrez le guide Réussir son entreprise sur Internet grâce à Joomla
Découvrez le le centre de formation NosyWeb
Last edit: 13 Déc 2011 09:33 by C-Jay.
Cet utilisateur a été remercié pour son message par: Ludodev

Vous devez vous connecter Connexion pour prendre part à la conversation.

Modérateurs: C-Jay
Temps de génération de la page : 0.437 secondes
Contact