Probléme personnalisation des fiches produits/ css

  • Posts: 90
  • Thank you received: 1
11 years 8 months ago #130563

Hikashop 2,2
Joomla 2,5

Bonjour à tous,

Je rencontre un gros soucie avec la personnalisation css des fiches produits.

Je suis pas un pro du css mais je part sur le principe que si je met une balise à une place avec les codes margin, je devrais toujours retrouver cette balise à cette même place peu importe ou sur la fiche produit.

Et bien sur Hikashop pas du tout.

j'ai donc personnaliser avec firefox et firebug une seul fiche produits qui est cette fiche produit de reference sur le site ici:

la reference
78.239.20.4/byb/index.php/collection/product/17-abaya-manteau

Et qui est parfaite actuellement; en faite c'est comme çà que je voudrais présenter toutes les autres fiches produits.

mais leprobléme c'est que toutes les autres fichies produits sont pas exactement comme celle la ??
voici ici comment çà ce présente .

78.239.20.4/byb/index.php/collection/product/24-l-urban

Et je sais pas pourquoi j'ai une seul autre fiches qui elle présente n'importe comment ???

regarder ici:
gros probleme ici
78.239.20.4/byb/index.php/collection/product/27-l-urban-silk


je sais plus quoi faire car la plus rien n'est cooérent ??

J'attend une bonne aide de votre part la dessus pour me sortir de se peintraint ...

merci à vous tous de votre super extension

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

  • Posts: 84142
  • Thank you received: 13647
  • MODERATOR
11 years 8 months ago #130697

Bonjour,

HikaShop dispose d'une option "layout of product page" qui se trouve dans la configuration mais aussi pour chaque catégorie et chaque produit et qui permet de sélectionner le layout (default, reverse, tabular, ou un autre que vous avez rajouté). D'après ce que je vois sur vos pages, vous utilisez des layouts différents pour les différents produits et donc cela donne des résultats différents.

The following user(s) said Thank You: michael10fr

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

  • Posts: 90
  • Thank you received: 1
11 years 8 months ago #130709

Merci nicolas pouvez vous me dire comment utiliser le même layout pour tout le site ?
Je connais pas comment l'appliquer à tout le site ce que je voudrais c'est avoir le layout de reference partout ?

Ou çà se paramettre ?

et quel layout dois je mettre pour tout les pages produits SVP ?

voici la reference


78.239.20.4/byb/index.php/collection/product/17-abaya-manteau

merci de votre aide

si je pouvez avoir sois un imprime écran soit un petit tuto pour maider à regler celui la partout

a reference
78.239.20.4/byb/index.php/collection/product/17-abaya-manteau

merci Nicolas

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

  • Posts: 84142
  • Thank you received: 13647
  • MODERATOR
11 years 8 months ago #130714

Comme je vous ai expliqué, vous avez l'option "layout on product page" dans la configuration, dans les catéogries et dans les produits.
Donc il faut configuré l'option dans la configuration et ensuite vérifier l'option dans chaque catégorie/produit pour qu'elles aient toutes la même valeur.
D'après ce que je vois, il faudra que ce soit "default".

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

  • Posts: 90
  • Thank you received: 1
11 years 8 months ago #130716

Bonsoir Nicolas,

J'ai chercher et trouver comment changer tout les catégories en défaut.

Donc j'ai editer chaque catégories et j'ai tout forcer en défaut et comme même çà continue , j'ai toujours des décalages ?

je vous joins un imprime écran de ce que j'ai fais ?? çà ne marche pas ?

J'ai pas trouver dans la conifuration générale ou on régler çà par contre mais je me dit si je force toutes les categories çà devrais marcher ? et bien non çà ne change rien ?

si vous avez une solution merci , dsl de mon ignorance ,je suis noob sur hikashop...

ci-join imprime écran des modifs faite .

Attachments:

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

  • Posts: 90
  • Thank you received: 1
11 years 8 months ago #130770

Bonjour ,

Petit up :dry:

SVP

Je suis bloquer sans votre aide

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

  • Posts: 13201
  • Thank you received: 2322
11 years 8 months ago #130836

Bonjour,

Il se peut que vous ayez forcé un affichage différent pour le produit "27-l-urban-silk" car la "Mise en page de la page produit" peut, comme l'a stipulé nicolas, être paramétré dans la configuration générale, configuré par menu, par module, par catégories, et par produits afin de pouvoir personnaliser sa boutique dans les moindres détails.

Merci de vérifier dans le backend, le produit "27-l-urban-silk" si il n'a pas une mise en page personnalisée.

Et pour la partie description qui ne prend pas la largeur, c'est parceque aucune largeur n'est définie.
Il faut ajouter une largeur sur la classe: hikashop_product_description_main

Last edit: 11 years 8 months ago by Xavier.
The following user(s) said Thank You: michael10fr

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

  • Posts: 90
  • Thank you received: 1
11 years 8 months ago #130871

Xavier merci pour ta réponse , j'ai enfin trouver le probléme de SILK en effet y'avais appliquer un autre modele dans le produit lui même, une mauvaise manipulation.

Merci 1000 fois.

Par contre pour ta deuxiéme réponse que tu a dit:

Et pour la partie description qui ne prend pas la largeur, c'est parceque aucune largeur n'est définie.
Il faut ajouter une largeur sur la classe: hikashop_product_description_main

Pourquoi dans ce cas la page reference ici

78.239.20.4/byb/index.php/collection/product/17-abaya-manteau

n'a pas ce probléme pourtant ya pas cette largeur ??

merci pour ta réponse.

Et j'oublier peu tu me dire comment enlever les bouton + et - et le compteur de de produit qui est coller au bouton ajouter panier ?

en faite je voudrais juste le bouton ajouter panier seul ?

merci

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

  • Posts: 12953
  • Thank you received: 1778
11 years 8 months ago #130903

Bonjour,

1. Le champs description de votre produit n'a pas l'air d'avoir de problème, avez vous résolu votre problème ?
Aussi, il semble y avoir un léger souci au niveau de votre champs de caractéristique causé par ce code CSS :

.hikashop_product_characteristics {
margin-bottom: -27px;
margin-left: -88px;
margin-top: -329px;
2. Pour afficher uniquement le bouton "ajouter au panier" via votre page produit, il vous suffira d'éditer le fichier "show_default" de la vue "product" de votre template de front-end, et d'ajouter le code au début du fichier:
<?php $this->params->set('show_quantity_field',0); ?>

Last edit: 11 years 8 months ago by Mohamed Thelji.
The following user(s) said Thank You: michael10fr

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

  • Posts: 90
  • Thank you received: 1
11 years 8 months ago #130938

Merci beaucoup Xavier et Mohamed pour votre super solution !! excelent comme toujours !! B) :lol:

Maintenant j'ai un autre probléme sur mon site ici :

78.239.20.4/byb/index.php/collection

dés qu'on clique sur n'importe quel image ou produit , j'ai la page qui se déforme et qui se reforme ???

pouvez vous me dire ce qui cloche ?

car normalement quand je clique sur un produit je devrais avoir un page qui arrive sans ce contracter et ce détracter ?

Merci de votre aide.

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

  • Posts: 13201
  • Thank you received: 2322
11 years 8 months ago #130946

Ceci est dû au temps de chargement de la page, les éléments sont affichés et ensuite les propriétés css sont appliquées.

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

  • Posts: 90
  • Thank you received: 1
11 years 8 months ago #130947

On peu rien changer pour çà ?

ya rien à faire ?

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

  • Posts: 13201
  • Thank you received: 2322
11 years 8 months ago #131012

Bonjour,

Il y a des choses à faire, mais cela peut être du côté serveur, ou dans Joomla.
Je pense qu'il y a des composants qui permettent d'optimiser son site sous Joomla.

En optimisations, il peut y avoir: utiliser des images de taille optimisée, compresser le css, compresser le javascript, et plein d'autres choses. Cela n'est pas lié à HikaShop.

The following user(s) said Thank You: michael10fr

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

  • Posts: 90
  • Thank you received: 1
11 years 8 months ago #131116

ok super merci

je vais utilisé jch optimiser

merci du tuyaux en tout cas

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

  • Posts: 90
  • Thank you received: 1
11 years 8 months ago #131394

Bonsoir,

Sur mon site je rencontre un autre probléme , j'ai ajouter le panier en haut du site mais apparement si je réduit le navigateur le panier ne bouge pas ?

c'est à dire que si le navigateur et plus petit le panier ne sera pas vue??

j'aimerais aussi rajouter un autre menu à coté comme sur l'impression écran ci-dessous.

vous pouvez faire le test sur le site voici le lien:

78.239.20.4/byb/

essayer de réduit votre navigateur vous verrais que le panier ne bouge ?

et en plus j'aimerais rajouter un autre menu a coté en module avec un lien vers une page ?

commen tfaire pour que tout bouge en meme temps en responsive design ?

merci de votre aide .

Attachments:

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

  • Posts: 90
  • Thank you received: 1
11 years 8 months ago #131398

finalement j'ai trouvé .

en faite le probléme est du a un codage de position qui qui était mal inbriqué dans le fichiers index.php le template fait par artisteer.

donc j'ai déplace le code php des position top1 top2 top3 dans la balise du logo entre les deux div puis j'ai mis un float right au lieu d'une postion margin avec 1200px et la miracle il s'adapte à la position et largeur du navigateur.

merci comme même à vous

si je rencontre un autre probleme svp ,je viendrais vous demandez de l'aide .. puisque je ne suis pas codeur php*

merci à vous tous bonne equipe en tout cas ..

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

  • Posts: 90
  • Thank you received: 1
11 years 8 months ago #132748

Bonsoir à tous,

Je me permet de rouvrir ce topic pour plusieurs probléme de marge de balise css sur le prix dans hikashop.

Je m'explique sur la vue des catégories de mon site ici

78.239.20.4/byb/index.php/collection

il y a la même balise span de prix qui est:

span.hikashop_product_price_full

span.hikashop_product_price hikashop_product_price_0

span.hikashop_product_price_per_unit

qui apparait à une position voulu sur cette page.


mais si je vais plus en profondeur sur l'un des articles exemple ici

78.239.20.4/byb/index.php/collection/product/1-abaya-ethnique

on a la même nom de balise span du prix qui est sur une autre marge mais la complétement décaler ???

le probléme est que le nom des balise span du prix:

span.hikashop_product_price_full

span.hikashop_product_price hikashop_product_price_0

span.hikashop_product_price_per_unit

est le même que la vu des categories du prix et pas positionné au même endroit que dans la vue d'un seul produit.

alors si on bouge la position avec la balise margin sur la vue categorie , le prix changeras encore de place dans la vu un seul article ???

c'est casse tête sans fin ??

comment faire pour pouvoir positionné le prix à un endroit en vue categorie et positionné le même prix dans un autre emplacement dans la vue article d'un seul produit puisque c'est les même nom de balise et qu'un css margin appliquer à une balise ne peu pas avoir deux position différente celon la page afficher ? ?

merci de votre aide .


J'aimerais aussi savoir si on peu changer les logo des réseau sociaux par d'autre image ?

exemple de logo attacher à ce topic ?

Merci

Attachments:

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

  • Posts: 26260
  • Thank you received: 4042
  • MODERATOR
11 years 8 months ago #132753

Bonsoir,

Pour votre CSS, non ce n'est pas un casse-tête sans fin. Il faut utiliser un "id" parent afin de pouvoir faire des règles séparés (l'une sur la page produit, l'autre sur le listing produit).
Nous avons un magnifique tutorial expliquant les bases de la customization : www.hikashop.com/support/documentation/1...ize-the-display.html
Vous pouvez également trouver sur Internet, des articles plus poussés sur le CSS.

Pour les images des logos des réseaux sociaux, cela va être difficile puisque ce n'est pas géré par HikaShop mais par les réseaux sociaux eux même. Mais il est probable que cela soit modifiable, par contre cela ne relève pas d'HikaShop et est au délas de mes compétences de développeur logiciel.

Cordialement,


Jerome - Obsidev.com
HikaMarket & HikaSerial developer / HikaShop core dev team.

Also helping the HikaShop support team when having some time or couldn't sleep.
By the way, do not send me private message, use the "contact us" form instead.

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

  • Posts: 90
  • Thank you received: 1
11 years 8 months ago #132791

Bonjour Jerome,

J'ai en effet vue ce belle exemple tuto mas il ne correspond pas du tout à ce qui est dit ici :


çà c'est ok >>> Pour changer la couleur et la taille du prix que vous pouvez utiliser une propriété comme:
. Hikashop_product_price {color: # 99CC00; font-size: 14px;}

Si vous devez modifier la classe, par exemple, un seul module, vous pouvez préfixer l'identifiant du module au code CSS.
Lorsque vous utilisez le code CSS:
çà c'est faux ??? ou est le . # Module_25 hikashop_product_price {color: # 99CC00; font-size: 14px;} dans l'impression écran ????
la couleur et la taille du prix ne seront changées que dans le module avec l'id "module_25".


En effet il est faux regarder dans l'impression ecran

Attachments:

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

  • Posts: 26260
  • Thank you received: 4042
  • MODERATOR
11 years 8 months ago #132802

Bonsoir,

Désolé mais je ne comprends strictement rien à ce que vous avez écrit.

Dans la capture d'écran, je vois des classes et même des id. Tout est là !

Cordialement,


Jerome - Obsidev.com
HikaMarket & HikaSerial developer / HikaShop core dev team.

Also helping the HikaShop support team when having some time or couldn't sleep.
By the way, do not send me private message, use the "contact us" form instead.

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

Time to create page: 0.131 seconds
Powered by Kunena Forum