Emplacement description et prix

  • Posts: 149
  • Thank you received: 6
10 years 11 months ago #129893

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

Please Log in or Create an account to join the conversation.

  • Posts: 82569
  • Thank you received: 13291
  • MODERATOR
10 years 11 months ago #129945

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.

Please Log in or Create an account to join the conversation.

  • Posts: 149
  • Thank you received: 6
10 years 11 months ago #130039

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

The following user(s) said Thank You: fahmi

Please Log in or Create an account to join the conversation.

  • Posts: 13201
  • Thank you received: 2322
10 years 11 months ago #130079

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.

Please Log in or Create an account to join the conversation.

  • Posts: 149
  • Thank you received: 6
10 years 11 months ago #130173

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

Please Log in or Create an account to join the conversation.

  • Posts: 12953
  • Thank you received: 1778
10 years 11 months ago #130201

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 :
  <div id="hikashop_product_description_main" class="hikashop_product_description_main">
    <?php
    //DISPLAY the product description
    echo JHTML::_('content.prepare',preg_replace('#<hr *id="system-readmore" */>#i','',$this->element->product_description));
    ?>
  </div>
Après :
<div id="hikashop_product_right_part" class="hikashop_product_right_part span6">

Please Log in or Create an account to join the conversation.

  • Posts: 149
  • Thank you received: 6
10 years 11 months ago #130443

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

Please Log in or Create an account to join the conversation.

  • Posts: 13201
  • Thank you received: 2322
10 years 11 months ago #130489

Bonjour,

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

Last edit: 10 years 11 months ago by Xavier.

Please Log in or Create an account to join the conversation.

  • Posts: 149
  • Thank you received: 6
10 years 11 months ago #130495

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

Please Log in or Create an account to join the conversation.

  • Posts: 82569
  • Thank you received: 13291
  • MODERATOR
10 years 11 months ago #130551

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

Attachments:

Please Log in or Create an account to join the conversation.

  • Posts: 149
  • Thank you received: 6
10 years 11 months ago #130566

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

Please Log in or Create an account to join the conversation.

  • Posts: 149
  • Thank you received: 6
10 years 11 months ago #130568

La copie ecran oubliée

Attachments:

Please Log in or Create an account to join the conversation.

  • Posts: 82569
  • Thank you received: 13291
  • MODERATOR
10 years 11 months ago #130700

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

The following user(s) said Thank You: Papounet01

Please Log in or Create an account to join the conversation.

  • Posts: 149
  • Thank you received: 6
10 years 11 months ago #130731

Super ça marche ! Merci

Please Log in or Create an account to join the conversation.

Time to create page: 0.121 seconds
Powered by Kunena Forum