Affichage des options

[silverwolf]

Bonjour tous.

Je reviens demander votre aide svp, voilà, j’ai besoin d’afficher les options à l'horizontale pour la boutique de mon amie, j’ai bien vu un topic concernant le sujet, mais ça ne fonctionne pas avec la template default.

La boutique est sous 1.5.1.1 template défaut modifier sous le css, et un module d’affichage du prix dynamique est installer et relier aux options.

Notez que j’ai aussi trouvé 2 topics du coté anglais, mais ne s’applique pas a cette version.
Quelqu’un peut m’aider? Merci a l' avance

[silverwolf]

Quelqu'un peut me dire ce qui n'est pas correct svp?
A plusieurs reprises j'ai demander de l'aide, À chaque fois j'ai du me débrouiller et reçu très peu de réponses de votre part.

Je relance mon soucis pour mon amie, si le sujet reste sans réponse, je comprendrai.

Mon amie veut afficher ses options les unes a coté des autres, j'ai bien fait de conseiller opencart?

Si d'autre sites aurais demander le même truc, un code spécifique pour ce site aurais été fourni.
SVP dites moi ou j,ai fait erreur?

Je ne demande pas un copi coller, je demande simplement la marche a suivre pour afficher ses options a l'horizontal.

C'est possible?

[bminghet]

Bonjour,

Désolé pour cette réponse tardive mais c'est un peut "Tongues et sac de plage" en ce moment

Sur le fichier css de ton template rajoute ce code spécifique à ta boutique :

Code: Tout sélectionner

.product-info .options tr {
    float: left;
    width: 168px;
}

A+

[silverwolf]

Bonjour,

Désolé pour cette réponse tardive mais c'est un peut "Tongues et sac de plage" en ce moment

Sur le fichier css de ton template rajoute ce code spécifique à ta boutique :

Code: Tout sélectionner

.product-info .options tr {
    float: left;
    width: 168px;
}

A+

C'est plutôt a moi de s'excuser, j'ai eu une mauvaise journée hier, et c'est normal que l'été les gens aient autre chose a faire, je ne suis pas le nombril du monde. Lol Merci beaucoup, je vais essayer ça ce soir.

[silverwolf]

J'ai bien ajouter ce code a la feuille du css, mais ça ne fonctionne pas, rien n'as changer, voici le lien de son site: le lien n'est plus valide. Possible que je ne l'ai pas insérer au bon endroit!

[Onlytech]

Bonsoir,
Essai de rajouter ce code

Code: Tout sélectionner

.product-info .options option {
    float: left;
    width: 168px;
}

juste après le code :

Code: Tout sélectionner

.product-info .options tr {
    float: left;
    width: 168px;
}

[silverwolf]

Bonsoir,
Essai de rajouter ce code

Code: Tout sélectionner

.product-info .options option {
    float: left;
    width: 168px;
}

juste après le code :

Code: Tout sélectionner

.product-info .options tr {
    float: left;
    width: 168px;
}

Merci mais toujours pas de changements, même après avoir vider la cache, il est a noter que j'avais déjà essayer cette manipulation conseiller sur le forum anglais sans succès.

[Onlytech]

Je ne vois pas la modification sur votre fichier css.
J'ai bien appliqué ce changement sur votre css et ça marche

Code: Tout sélectionner

.product-info .options .option {
    float: left;
    min-height: 80px;
    width: 237px;
}


[silverwolf]

Je ne vois pas la modification sur votre fichier css.
J'ai bien appliqué ce changement sur votre css et ça marche

Code: Tout sélectionner

.product-info .options .option {
    float: left;
    min-height: 80px;
    width: 237px;
}


Je vient de vérifier directement sur le serveur avec leur gestionnaire de fichier, le changement est bel et bien présent a la ligne 969.

Code: Tout sélectionner

.product-info .options option {
    float: left;
    width: 168px;
}

Juste après

Code: Tout sélectionner

.product-info .options tr {
    float: left;
    width: 168px;
}

Qui lui est situer à la ligne:965

Possible que nos navigateurs n'aient pas prit en compte le changement, je vais laisser en suspend, peut être que les changements seront pris en compte plus tard, je garde le suivis, je ne doute pas de votre code, je reviendrai donc plus tard, merci beaucoup.

[Onlytech]

Ajoute un point (.) avant option

Code: Tout sélectionner

.product-info .options option

[silverwolf]

C'est presque ça, J'ai ajouter un point comme conseiller, mais les options embarquent maintenant dans la boite (ajouter au panier) Voici le résultat du code, peut etre n'ai je pas ajouter le point au bon endroit.

Code: Tout sélectionner

.product-info .options .option {
    float: left;
    width: 168px;
}

Et les options ne sont pas enligner sur la même ligne.

[Onlytech]

Voici le code

Code: Tout sélectionner

.product-info .options .option {
    float: left;
    min-height: 80px;
    width: 237px;
}

Après il faut virer les <br> qui décale en bas l'option.

[silverwolf]

Merci beaucoup, je suis finalement arriver a un résultat acceptable, je vais voir avec mon amie si ça lui convient, mais vus les infos fournis ici, j'ai assez d'éléments pour résoudre ce détails.

Il me suffira de jouer avec les br relier aux options dans: catalogue/view/theme/default/template/product/product.tpl

Merci beaucoup et bonne journée ou soirée!