Emplacement description et prix

-- url of the page with the problem -- : lingerie-ladya.fr
-- HikaShop version -- :2.2.2
-- Joomla version -- : 2.5.14
-- PHP version -- : 5.2
-- Browser(s) name and version -- : XXXXX x.x.x
-- Error-message(debug-mod must be tuned on) -- : Error_message
Bonjour,
Je voudrais afficher à droite de la photo sur la page produit, la description, le prix, le fabricant, les variantes ainsi que le bouton "ajoutrer au panier"
J'ai bien trouvé sur le forum pour changer de place la description mais tous les autres éléments se positionnet sous l'image
Merci par avance

Bonjour,

Après avoir déplacé la description, il faut rajouter une ligne de CSS:
.hikashop_product_right_part{ width: 45% }
pour éviter que la partie de droite prenne trop de place et soit obligée de se positionner en dessous de l'image.

Bonjour
J'ai essaye mais le résultat n'est pas comme espere : www.lingerie-ladya.fr/les-marques/anita/...orge-classique-anita

Ci-dessous mon css :
.hikashop_product_right_part{
width: 45%
float:left;
padding-left:1px;
clear:both;


}
.hikashop_product_bottom_part{

}
A bientôt

Bonjour,

Le problème est que vous avez inclus la div "hikashop_product_bottom_part" dans la partie de droite, ce qui fausse le html et change les propriétés css, il faut remodifier la vue et corriger cela.

Désolé, mais je suis un peu perdu.
J'ai mis ce CSS : et ça ne marche pas
.hikashop_product_right_part{
float:left;
padding-left:1px;
width: 45%
}
.hikashop_product_bottom_part{
clear:both;
width:100%;

}
Merci par avance

nicolas wrote: Après avoir déplacé la description, il faut rajouter une ligne de CSS:
.hikashop_product_right_part{ width: 45% }
pour éviter que la partie de droite prenne trop de place et soit obligée de se positionner en dessous de l'image.

Bonjour,
Comme Nicolas l'a dit, il vous faut tout d'abord déplacé la description, pour cela il vous faudra :
- Aller sur la page "Hikashop->Affichage->Vues"
- Editer le fichier "show_default" de la vue "product"
- et déplacer le code : Après :

Bonjour,

Merci beaucoup ça marche mais maintenant j'ai un probleme avec les images :http://test.lingerie-ladya.fr/articles-lingerie/tous-les-soutiens-gorge/soutien-gorge-push-up/produit/2-saint-germain-soutien-gorge-coque-chantelle
Est ce lié à la modif ou la config ?
Merci par avance

Bonjour,

Merci de préciser de quel ordre est ce problème. La page semble s'afficher correctement.

L'image principale par defaut est dupliquée au dessous puis les miniatures qui sont au dessous d'habitude sont d'une taille identiques à l'image principale.
Merci

Nous ne voyons pas ce problème en taille normal:


Cela ne se produit qu'en mode "mobile" à cause du CSS:
@media screen and (max-width: 1024px)
img {
max-width: 100% !important;
height: auto !important;
}

provenant du fichier test.lingerie-ladya.fr/templates/lingeriehome/css/mobile.css de votre template.

Ajoutez le code suivant just après ce code et cela devrait éviter le problème:
img.hikashop_child_image {
height: 25px !important;
}

Bonjour,
Toujours rien. Au regard de votre copie écran je ne sait pas comment vous faites
Ci-joint une copie ecran après modification du CSS :
/*

---

Responsive design code

---

*/

@media screen and (max-width: 1024px) {

img {
max-width: 100% !important;
height: auto !important;
}
img.hikashop_child_image {
height: 25px !important;
}

La copie ecran oubliée

Non je vous confirme que la modification a fonctionné. Il faut juste effacer le cache de votre navigateur pour voir le changement.

Super ça marche ! Merci