Jump to content

[RESOLU] Je touche au but, mais j'ai besoin de votre aide

BoutikShop69
 Share

Recommended Posts

BoutikShop69 Newbie

BoutikShop69

Posted
Posted (edited)

Bonjour

 

Je travaille sur la fonction comparaison de prestashop, je suis en 1.4.4.0, qui me pose problème, quoi que je fasse, l'image et le prix restent superposé l'un sur l'autre.

 

Voir cette page pour exemple : http://www.myshoppin...charme-nuisette

 

Puis, choisir (pour mieux comprendre) : Nuisette ..... Bianca, Nuisette Aya, et Nuisette Brittany.

 

Pourquoi ces 3 articles, allez-vous me dire. Tout simplement pour avoir : 1 article = prix normal - 1 article = nouveau et 1 article = prix réduit.

 

Voici un exemple de ce que j'aimerai obtenir : https://www.yabonga....e_product_list=

 

Il faut d'abord cocher des produits à comparer ici : http://www.yabonga.eu/14-schmuck

 

Comment y arriver, pour obtenir ce résultat ? J'ai réussi le plus lourd, mais me reste encore ce problème de chevauchement.

 

Lorsque on est sur la page catégorie où j'ai en ce moment une vente flash, on peut voir sur la 3ème ligne en bas un décalage par rapport aux autres blocs, quand une nouvelle mention comme ici : prix réduit, s'ajoute.

 

Comment fixer les blocs pour que leur contenu, ne bougent pas ?

 

En vous remerciant par avance pour le temps que vous prendrez à me lire, et vous souhaitant cordialement, une bonne après-midi. ^_^

Edited by shooping (see edit history)
Link to comment
Share on other sites
binassmax Newbie

binassmax

Posted
Posted (edited)

'lut

 

C'est un soucis de css donc dans ton global.css ligne 944 essaie :

 

 

#center_column div.products_block a.product_image {

background-color: transparent;

display: block;

height: auto;

padding: 0;

}

 

mais il y d'autre petits trucs à régler aussi ,je pense à l'espace séparant la description de la photo etc

Edited by binassmax (see edit history)
  • Like 1
Link to comment
Share on other sites
BoutikShop69 Newbie

BoutikShop69

Posted
  • Author
Posted

'lut

 

C'est un soucis de css donc dans ton global.css ligne 944 essaie :

 

 

#center_column div.products_block a.product_image {

background-color: transparent;

display: block;

height: auto;

padding: 0;

}

 

mais il y d'autre petits trucs à régler aussi ,je pense à l'espace séparant la description de la photo etc

 

 

 

Bonjour

 

Je vais essayer :)

 

Sinon vous pensez à quoi, pour les autres petits trucs ? ^_^

 

Merci de m'avoir lu, et pour votre réponse.

 

Cordialement

Link to comment
Share on other sites
BoutikShop69 Newbie

BoutikShop69

Posted
  • Author
Posted (edited)

Mission réussie !!! :P

 

Dans le global.css j'ai également retouché la ligne au-dessus de celle indiquée : auto!important - height : 110px ; height-min: 110px;

 

et je l'ai baissé à : 70 px ; dans le comparator.css : j'ai remplacé height : 80px par auto à la ligne : .product_discount.

 

Il me reste encore ce problème de décalage que je mentionnais dans mon post précédent par rapport à la page : product_list quand on a une mention supplémentaire qui s'ajoute à l'intérieur du bloc. :wacko:

 

Puis-je encore à nouveau, solliciter votre aide ?

 

Encore merci pour la réponse précédente, car elle vient de m'enlever une lourde épine du pied. :D

 

Dommage qu'on ne puisse pas afficher deux lignes de 3 produits :-(

 

Ah si, est-ce qu'on peut supprimer l'image de la poubelle ou pas ?

 

PS. Ce problème d'affichage en escalier, est également repris dans la page comparaison. :wacko:

 

Mais bon, l'aspect est déjà plus sympa ! :)

Edited by shooping (see edit history)
Link to comment
Share on other sites
binassmax Newbie

binassmax

Posted
Posted (edited)

Je decripte petit à petit tes questions lol

 

pour virer la poubelle c'est ici:http://www.myshoppinglove.com/themes/MonTheme/css//comparator.css

ligne 80

enlève :

background: url("../../../../img/admin/delete.gif") no-repeat scroll 0 0 transparent;

 

 

Ton soucis de décalage c'est genre quand ya la mention "nouveau" ou "prix réduit" ?

Edited by binassmax (see edit history)
  • Like 1
Link to comment
Share on other sites
BoutikShop69 Newbie

BoutikShop69

Posted
  • Author
Posted

Bonsoir

 

Merci pour ton aide ^_^

 

J'ai remarqué que j'ai le même affichage en escalier, quand on est dans la page comparaison.

 

Il suffit de prendre à nouveau 2 produits + la nuisette Brittany pour s'en rendre compte.

 

J'attaquerai tes corrections, demain dans la journée, et je publierai le résultat. :P

 

Bonne soirée.

Link to comment
Share on other sites
BoutikShop69 Newbie

BoutikShop69

Posted
  • Author
Posted (edited)

pour virer la poubelle c'est ici:http://www.myshoppinglove.com/themes/MonTheme/css//comparator.css

ligne 80

enlève :

background: url("../../../../img/admin/delete.gif") no-repeat scroll 0 0 transparent;

 

 

Bonjour

 

C'est fait ! La poubelle s'est virée sans problème. ;)

 

Merci, car je devais être une des rares à l'avoir conservé ... ce truc. :P

 

Par contre, j'ai l'impression que je n'ai pas réussi à justifier les paragraphes descriptions, dans le module comparaison. cf. Nuisette Akantha.

 

Bon dimanche.

:)

Edited by shooping (see edit history)
Link to comment
Share on other sites
BoutikShop69 Newbie

BoutikShop69

Posted
  • Author
Posted (edited)

'lut

 

C'est un soucis de css donc dans ton global.css ligne 944 essaie :

 

 

#center_column div.products_block a.product_image {

background-color: transparent;

display: block;

height: auto;

padding: 0;

}

 

mais il y d'autre petits trucs à régler aussi ,je pense à l'espace séparant la description de la photo etc

 

:huh: Hello

 

Le problème n'est finalement pas résolu, car ce morceau de code modifie l'espace entre l'image et le prix, dans le bloc nouveaux produit à l'accueil :o

 

Et j'ai dû revenir aux anciennes valeurs, ce qui a pour effet de re-superposer le prix sur l'image dans le comparateur :ph34r:

 

Help :(

Edited by shooping (see edit history)
Link to comment
Share on other sites
BoutikShop69 Newbie

BoutikShop69

Posted
  • Author
Posted (edited)

Je commence à avoir une réaction, mais ce n'est pas encore ça ....

 

J'ai réussi à ajouter la classe suivante dans le comparator.css, au-dessus de .product_discount, qui est pris en compte sans toutefois pouvoir remonter et ou descendre le prix, que j'ai agrandi exprès pour mieux voir.

 

p.price_container {

color:#000000;

font-weight:bold;

font-size: 20px;

text-transform:uppercase;

text-align:center;

}

 

Et si possible, j'aimerai justifier le texte des descriptions juste au-dessus de la photo.

 

Un peu d'aide serait la bienvenue.

 

Cordialement.

Edited by shooping (see edit history)
Link to comment
Share on other sites
BoutikShop69 Newbie

BoutikShop69

Posted
  • Author
Posted (edited)

Bonsoir

 

J'ai encore besoin d'aide. :wacko:

 

Car maintenant que j'ai réussi à régler une partie du problème, quand on retire un produit dans le comparateur, l'image se décale à gauche. :mellow:

 

Enfin j'ai toujours ce problème de désalignement dans la page catégorie et le comparateur, quand une nouvelle mention s'ajoute : type "Comparateur", "Promo" ..... "Vente Flash". :blink:

 

D'avance merci.

Edited by shooping (see edit history)
Link to comment
Share on other sites
binassmax Newbie

binassmax

Posted
Posted

pour le décalage ds ton css comparator.css à la dernière ligne met:

 

 

.product_image {

 

 

display: inline-block;

margin: 0 auto !important;

}

 

 

puis cherche:

.product_desc a

et change par ce qu'il y a dessous

 

{

display: block;

height: 30px ! important;

text-align: justify;

text-decoration: none;

}

Link to comment
Share on other sites
BoutikShop69 Newbie

BoutikShop69

Posted
  • Author
Posted

pour le décalage ds ton css comparator.css à la dernière ligne met:

 

 

.product_image {

 

 

display: inline-block;

margin: 0 auto !important;

}

 

 

puis cherche:

.product_desc a

et change par ce qu'il y a dessous

 

{

display: block;

height: 30px ! important;

text-align: justify;

text-decoration: none;

}

 

Bonjour,

 

Merci pour ton aide, mais ça ne fonctionne pas.

 

L'image continue de se décaler à gauche quand on retire un produit.

 

Si une autre idée, elle est la bienvenue. :)

 

Bonne journée.

Link to comment
Share on other sites
BoutikShop69 Newbie

BoutikShop69

Posted
  • Author
Posted (edited)

Code qui fonctionne très bien quand on a : 3 images

 

.product_image

{

float: center;

padding-left: 6px;

display: inline-block;

}

 

Mais dès qu'on en retire 1 voire le 2ème produit, l'image reste à gauche.

 

Comme sur 80 % des boutiques que j'ai pu voir, sauf sur celle-ci : leboncoin-ducouple.fr.

 

Mais comment font-ils ????? :huh:

 

Ce que je voudrais : Fixer l'image au centre, et qu'elle y reste même quand la largeur de la colonne s'agrandit, du fait qu'on retire un produit.

 

D'avance merci. ^_^

Edited by shooping (see edit history)
Link to comment
Share on other sites
BoutikShop69 Newbie

BoutikShop69

Posted
  • Author
Posted (edited)

Je commence à désespérer ..... rien ne fonctionne.

 

Ni les overflow, ni les positions : fixed - relative ou absolute .... nada.

 

Pas même : Fixer des limites avec max-width

 

J'en peux plus :unsure: :blink:

 

Et maintenant le comparateur ne veut plus fonctionner, il ne récupère plus les ID Produits :o

 

products-comparison.php?compare_product_list=

 

Alors que 3 produits sont cochés, et que la fonction comparateur est activée.

Edited by shooping (see edit history)
Link to comment
Share on other sites
BoutikShop69 Newbie

BoutikShop69

Posted
  • Author
Posted (edited)

si ton image reste à gauche avec 2 produits c'est justement à cause de ton padding-left

c'est lui qui oblige l'image a resté à gauche

 

Désolé j'aurai peut etre plus de temps demain (je travaille pas) ;)

 

Bonsoir

 

Oui et non, car par défaut toutes les boutiques qui utilisent le comparateur de presta, ont le même résultat que moi.

 

Sauf celles qui arrivent à bloquer l'image à l'intérieur, de la colonne : elle n'est pas fixe puisque quand on a 3 produits, la largeur de la colonne est de 342px, quand il n'y en a plus que 2 voire 1, la colonne s'élargit encore.

 

Quand on a une largeur fixe, comme dans les modules homefeatured et nouveaux produits, on peut diviser cette largeur et répartir les pixels restant de chaque côté de l'image pour donner les marges autour.

 

Mais là, le vrai problème c'est que le conteneur est flottant.

 

Pour le reste, je viens de demander à l'hébergeur de restaurer mon site à la date d'hier soir :)

 

Donc même moi j'attend jusqu'à demain, pour reprendre mes essais.

 

Et j'aimerai réussir à aller dans la bonne direction. ^_^

 

Merci d'avoir pris le temps, de me lire.

 

Bonne soirée.

Edited by shooping (see edit history)
Link to comment
Share on other sites
Mellow Newbie

Mellow

Posted
Posted

Bonjour,

 

J'arrive en cours de sujet et il n'est pas simple de suivre toutes les modifs effectuées précédemment...

Mais pour le dernier problème (qui est maintenant le plus important) je pense que la comparaison ne fonctionne plus parce que tu as du modifier (ou remplacer) le fichier product-compare.tpl car il y manque un morceau de code :

 

Et si ton hébergeur restaure le site à une date antérieur et que ça ne corrige pas le problème, c'est que ce fichier à du être modifié/remplacé il y a quelques temps déjà, et le nouveau fichier a été pris en compte à l'occasion d'une recompilation du cache smarty.

 

Donc dans product-compare.tpl il faut remplacer

<form method="get" action="{$link->getPageLink('products-comparison.php', true)}" onsubmit="true">

par

<form method="get" action="{$link->getPageLink('products-comparison.php', true)}" onsubmit="return checkBeforeComparison();">

 

Ensuite :

- effacer le cache smarty (/tools/smarty/compile/ <- tout supprimer sauf index.php)

ou

- backoffice -> Préférences -> Performances -> activer "Forcer la compilation" (puis désactiver après avoir consulté une page de catégorie)

 

avec ça, ça devrait fonctionner à nouveau, et on pourra regarder le reste... ;)

  • Like 1
Link to comment
Share on other sites
BoutikShop69 Newbie

BoutikShop69

Posted
  • Author
Posted

Bonjour Mellow,

 

Merci pour ta réponse. Pour l'instant je suis en attente, car apparemment l'hébergeur n'a toujours pas effectué la restauration :huh:

 

Il faut que j'attend jusqu'à 17 h ce soir, pour pouvoir les joindre, et voir pourquoi ils n'ont pas effectué ce que je leur ai demandé.

 

En fait, il y a plus que cela, c'est un fichier en php qui a généré une erreur au niveau de compil/theme/smarty, et j'ai effectivement une donnée de rompue, je pensais que c'était au niveau d'une des tables, puisque l'ID produit n'est plus récupéré ....

 

A suivre, donc. ^_^

Link to comment
Share on other sites
BoutikShop69 Newbie

BoutikShop69

Posted
  • Author
Posted

Bonjour,

 

J'arrive en cours de sujet et il n'est pas simple de suivre toutes les modifs effectuées précédemment...

Mais pour le dernier problème (qui est maintenant le plus important) je pense que la comparaison ne fonctionne plus parce que tu as du modifier (ou remplacer) le fichier product-compare.tpl car il y manque un morceau de code :

 

Et si ton hébergeur restaure le site à une date antérieur et que ça ne corrige pas le problème, c'est que ce fichier à du être modifié/remplacé il y a quelques temps déjà, et le nouveau fichier a été pris en compte à l'occasion d'une recompilation du cache smarty.

 

Donc dans product-compare.tpl il faut remplacer

<form method="get" action="{$link->getPageLink('products-comparison.php', true)}" onsubmit="true">

par

<form method="get" action="{$link->getPageLink('products-comparison.php', true)}" onsubmit="return checkBeforeComparison();">

 

Ensuite :

- effacer le cache smarty (/tools/smarty/compile/ <- tout supprimer sauf index.php)

ou

- backoffice -> Préférences -> Performances -> activer "Forcer la compilation" (puis désactiver après avoir consulté une page de catégorie)

 

avec ça, ça devrait fonctionner à nouveau, et on pourra regarder le reste... ;)

 

Bon finalement, ils ont du faire quelque chose suite à mes messages que je leur ai laissé ce matin :lol:

 

J'ai pu faire la manipulation ci-dessus, et ça refonctionne !!! :D

 

Par contre j'ai un nouveau décalage quand on affiche 3 produits, dans le comparateur .....

 

Maintenant tu peux aller voir, pour l'autre problème ^_^

 

A nouveau, merci pour ton aide.

Link to comment
Share on other sites
Mellow Newbie

Mellow

Posted
Posted (edited)

OK, wait and see alors...

 

Par curiosité, d’où vient cette info de fichier php qui aurait provoqué une erreur ? de ton hébergeur ?

 

[Edit]

Oups!!!

nos messages se sont croisé on dirait ;)

Je vais regarder pour le reste....

Edited by Mellow (see edit history)
  • Like 1
Link to comment
Share on other sites
BoutikShop69 Newbie

BoutikShop69

Posted
  • Author
Posted

OK, wait and see alors...

 

Par curiosité, d’où vient cette info de fichier php qui aurait provoqué une erreur ? de ton hébergeur ?

 

Non, j'ai suivi un tuto css sur un forum .... et j'ai malheureusement provoqué un conflit, qui a généré une erreur qui a d'abord cassé un des fichiers .... puis provoqué une erreur dans compil-smarty, je lui avais mis une bonne gifle, car compil en bo ne donnait rien non plus, il a fallut que j'aille le faire manuellement :unsure:

Link to comment
Share on other sites
BoutikShop69 Newbie

BoutikShop69

Posted
  • Author
Posted (edited)

ok,

 

Bon, la comparaison fonctionne mais la mise en page est parti en vrille :wacko:

Le template products-comparison.tpl semble également corrompu. il faudrait le remplacer par l'original...

 

Fait. Tu peux y retourner ^_^

 

Par contre je suis obligé de vider manuellement le dossier Compil dans le répertoire smarty, sinon la nouvelle recompile n'est pas pris en compte ...

Edited by shooping (see edit history)
Link to comment
Share on other sites
Mellow Newbie

Mellow

Posted
Posted

ok,

 

maintenant pour le décalage de l'image, dans comparator.css

supprime :

.product_image {
float:center;
display: inline-block;
}

et remplace par :

.comparison_product_infos a.product_image {
width: 100%!important;
}

ça devrait suffire à centrer ton image quelque soit le nombre de produits

 

 

Pour la compilation forcée, elle doit normalement rester désactiver, et on l'active lorsqu'il y a eu une modif sur un fichier .tpl (juste le temps de recharger la page en question pour qu'elle soit recompilée)

Mais le cache smarty peut être assez capricieux des fois...

  • Like 1
Link to comment
Share on other sites
BoutikShop69 Newbie

BoutikShop69

Posted
  • Author
Posted (edited)

ok,

 

maintenant pour le décalage de l'image, dans comparator.css

supprime :

.product_image {
float:center;
display: inline-block;
}

et remplace par :

.comparison_product_infos a.product_image {
width: 100%!important;
}

ça devrait suffire à centrer ton image quelque soit le nombre de produits

 

 

Pour la compilation forcée, elle doit normalement rester désactiver, et on l'active lorsqu'il y a eu une modif sur un fichier .tpl (juste le temps de recharger la page en question pour qu'elle soit recompilée)

Mais le cache smarty peut être assez capricieux des fois...

 

Yes !!! :D :D :D :D

 

Ca fonctionne, j'en pouvais plus.....

 

Par contre j'ai encore un léger décalage dans mes boutons, quand on est sur ce type de page : http://www.myshoppin...a-lingerie-fine

 

2ème produit, sur la dernière ligne :P

 

A l'origine mon plus gros problème, était que tout descendait plus bas quand la mention "Vente Flash", "Promo".... s'ajoutait. Le décalage existe toujours, mais il est microscopique : 0,1em (height).

 

Après 1 semaine pour trouver et comprendre, 5 heures de travail, fichiers css : global et product-list cassé 2 ou 3 fois.

 

J'ai réussi à obtenir un beau résultat dans l'ensemble, à l'exception de ce dernier décalage ....

 

Ensuite faudrait que je mette une icône apple pour montrer que mon site à une version mobile ???

 

Juste une dernière petite question, quel est le fichier qui gère la traduction des mots comme : on_sale, en dehors de l'outil traduction en B.O. ?

 

Encore merci pour ton aide. ^_^ ^_^

Edited by shooping (see edit history)
Link to comment
Share on other sites
Mellow Newbie

Mellow

Posted
Posted (edited)

Par contre j'ai encore un léger décalage dans mes boutons, quand on est sur ce type de page : http://www.myshoppin...a-lingerie-fine

2ème produit, sur la dernière ligne :P

Hé ben s'il ne reste plus que ça, tu peux rajouter ceci dans product-list.css [édit] product_list.css :

ul#product_list li span.exclusive {
margin-top: 1em;
}

:)

 

Après je ne pense pas qu'une icone spéciale Apple soit nécessaire, un téléphone c'est assez explicite je trouve.

Et la plupart des tablettes (et même smartphones...) affiche assez bien les sites en version normale.

 

[EDIT]

Juste une dernière petite question, quel est le fichier qui gère la traduction des mots comme : on_sale, en dehors de l'outil traduction en B.O. ?

Normalement toutes les traductions sont censées être présentes en BO...

Si tu as un "On sale" qui traine quelque part, c'est peut-être une image. (voir dans /themes/MonTheme/img/...)

Edited by Mellow (see edit history)
  • Like 1
Link to comment
Share on other sites
BoutikShop69 Newbie

BoutikShop69

Posted
  • Author
Posted

Merci pour ton avis :)

 

C'est woorank qui me parle sans arrêt de cette icône .....

 

Après j'ai un décalage d'affichage sur la version mobile, et j'ai vu sur le forum qu'il était conseillé d'ajouter les codes suivants :

 

sur certains android mobile, si la liste des produits se cache, il suffit d'aller dans /themes/prestashop_mobile/, trouver global.css, ajouter

br.clear {

clear: both;

line-height: 0;

font-size: 0;

height: 0

}

et encore ça, mais à quel endroit les 2 morceaux de codes ? :huh::

 

en ajoutant : .center_column {clear: both}

 

Encore merci, pour toute l'aide que tu m'apporte. ^_^

Link to comment
Share on other sites
Mellow Newbie

Mellow

Posted
Posted

Je n'ai pas de mobile android pour tester, mais les deux codes seraient logiquement à ajouter à la fin du fichier /themes/prestashop_mobile/css/global.css

 

Et en tout cas ça ne peut pas faire de mal de rajouter ce code

"clear: both;" en gros ça veut dire "rien à droite et rien à gauche" donc ça fixe ton contenu dans la zone d'affichage de l'écran ;)

  • Like 1
Link to comment
Share on other sites
BoutikShop69 Newbie

BoutikShop69

Posted
  • Author
Posted

Hé ben s'il ne reste plus que ça, tu peux rajouter ceci dans product-list.css [édit] product_list.css :

ul#product_list li span.exclusive {
margin-top: 1em;
}

:)

 

Et aussi dans global.css, car c'est une partie de code ajouté qui gère cet affichage ;)

 

Après je ne pense pas qu'une icone spéciale Apple soit nécessaire, un téléphone c'est assez explicite je trouve.

Et la plupart des tablettes (et même smartphones...) affiche assez bien les sites en version normale.

 

[EDIT]

 

Normalement toutes les traductions sont censées être présentes en BO...

Si tu as un "On sale" qui traine quelque part, c'est peut-être une image. (voir dans /themes/MonTheme/img/...)

 

Ce n'est pas une image, mais un mot, j'avais remplacé en solde ! Par : en promo ! directement dans le BO, le souci c'est que depuis la casse, j'ai des dérèglement par ci par là.

 

Et là mon : en promo, s'affiche en : vente flash ! :unsure: J'en ai conclu avec l'hébergeur qu'il valait mieux repartir sur du propre à la date du 22 mai, car smarty continue à mal fonctionner également. Quitte à refaire les corrections que tu m'as faite, quand tu as accepté de me guider ;)

Link to comment
Share on other sites
BoutikShop69 Newbie

BoutikShop69

Posted
  • Author
Posted (edited)

Hé ben s'il ne reste plus que ça, tu peux rajouter ceci dans product-list.css [édit] product_list.css :

ul#product_list li span.exclusive {
margin-top: 1em;
}

 

 

Coucou, me voilà de retour ^_^

 

Ce code fonctionne nickel, mais je n'avais pas la ligne dans le fichier, je l'ai ajouté :D

http://www.myshoppin...a-lingerie-fine

 

C'est correctement aligné partout, voir la 3ème ligne.

 

Par contre si tu as une idée pour régler le problème suivant sur cette page :

http://www.myshoppin...-burlesque.html

 

J'ai mis cet article en promotion - comme indiqué plus haut, j'ai remplacé la mention : En Solde ! - Par : En Promo ! En BO, et c'est toujours présent à ce niveau. Or, non seulement ça s'affiche : Vente Flash, mais en plus l'image que j'utilise tout en ayant gardé le même nom : onsale_fr.gif d'origine n'apparaît plus. :wacko:

 

Et ce malgré la restauration complète du site, après 3 jours d'attente :angry:

 

Sinon tout le reste est de nouveau fonctionnel.

 

Voilà pour les nouvelles, si tu pouvais m'y jeter un petit coup d'oeil, j'ai remis le comparateur en forme :D

 

A bientôt, bonne soirée.

Edited by shooping (see edit history)
Link to comment
Share on other sites
BoutikShop69 Newbie

BoutikShop69

Posted
  • Author
Posted (edited)

Bonjour

 

Je m'auto-répond : il fallait juste recocher afficher l'icone en solde (promo) sur la fiche du produit en bo, et le tout s'affiche, mais si on oublie de cocher c'est la mention vente flash - anciennement prix réduit - qui s'affiche ....

 

Drôle de phénomène, tout de même. :blink:

 

Il me reste encore toutefois, quelques points à régler, sur une autre partie de mon site.

 

Bon dimanche à tous, et infiniment merci pour toute l'aide apportée. ^_^

Edited by shooping (see edit history)
Link to comment
Share on other sites
BoutikShop69 Newbie

BoutikShop69

Posted
  • Author
Posted (edited)

Bonjour Mellow,

 

Je profite que tu sois de passage pour te montrer ceci ;) : http://www.myshoppin.../contactez-nous

 

Tu laisserai google maps placé à cet endroit ? Plus haut ou plus bas ?

 

Je peux le déplacer au-dessus ou en-dessous du cadre formulaire ^_^

 

Sinon j'ai encore deux autres formulaires sur la boutique, comme celui de l'inscription .....

 

Encore merci pour le regard, que tu as porté sur mon problème. ;)

 

Et puis, je vais aussi attaquer les corrections pour la version mobile.

Edited by shooping (see edit history)
Link to comment
Share on other sites
Mellow Newbie

Mellow

Posted
Posted

Bonjour,

 

Bon ben je vois que les choses avancent.

 

Pour google maps, je ne sais pas si c'est vraiment utile sur le formulaire de contact...

Il y a le block et la page "Magasins" qui sont prévu pour donner toutes les infos utiles sur un magasin physique (avec justement un plan google maps)

Link to comment
Share on other sites
BoutikShop69 Newbie

BoutikShop69

Posted
  • Author
Posted (edited)

Bonjour,

 

Bon ben je vois que les choses avancent.

 

Pour google maps, je ne sais pas si c'est vraiment utile sur le formulaire de contact...

Il y a le block et la page "Magasins" qui sont prévu pour donner toutes les infos utiles sur un magasin physique (avec justement un plan google maps)

 

Arf, la colonne de droite n'est pas encore assez longue ..... :D

 

C'est mieux de le laisser en-tête comme je l'ai fait ?

 

Ou il vaut mieux le descendre plus bas sous le formulaire ?

Edited by shooping (see edit history)
Link to comment
Share on other sites
Mellow Newbie

Mellow

Posted
Posted

Tu n'es pas obligé de mettre le block magasins, un lien dans le footer le ferait aussi....

 

Sinon sur la page contact je mettrais le formulaire en haut, et le plan en dessous, et plus grand (en hauteur) car la bulle avec l'adresse est tronquée

  • Like 1
Link to comment
Share on other sites
BoutikShop69 Newbie

BoutikShop69

Posted
  • Author
Posted

Tu n'es pas obligé de mettre le block magasins, un lien dans le footer le ferait aussi....

 

Sinon sur la page contact je mettrais le formulaire en haut, et le plan en dessous, et plus grand (en hauteur) car la bulle avec l'adresse est tronquée

 

Quel serait la bonne hauteur ? Là elle est de 300 pixels.

Link to comment
Share on other sites
BoutikShop69 Newbie

BoutikShop69

Posted
  • Author
Posted

500 serait parfait je pense

à 500, si tu clique dans la bulle sur "more" puis "zoom here" le haut de la bulle arrive pile poil en haut de la carte :)

 

??? tu as quelle résolution d'écran ? Car sur mon 17 pouces, ça passe très bien, et je n'ai rien de tronqué.

Link to comment
Share on other sites
BoutikShop69 Newbie

BoutikShop69

Posted
  • Author
Posted (edited)

Tu as du déplacer le centrage de la carte manuellement, recharge la page (touche F5)

L'ors du chargement initial la carte est centrée sur l'adresse, et la bulle est au dessus...

 

Comment est-ce qu'on peut mettre un fichier ou une image ici ?

 

J'ai centré la carte, grâce à un width:100% ^_^

Edited by shooping (see edit history)
Link to comment
Share on other sites
Mellow Newbie

Mellow

Posted
Posted

lol non, tu voulais savoir comment afficher une image à cette endroit, non ? ;)

ce code te permettra d'afficher une image que tu aura préalablement placé dans ton dossier /img/

(code à placer dans le même fichier où tu a inséré le code de google maps)

  • Like 1
Link to comment
Share on other sites
BoutikShop69 Newbie

BoutikShop69

Posted
  • Author
Posted (edited)

lol non, tu voulais savoir comment afficher une image à cette endroit, non ? ;)

ce code te permettra d'afficher une image que tu aura préalablement placé dans ton dossier /img/

(code à placer dans le même fichier où tu a inséré le code de google maps)

 

Arf, on s'est mal compris. Non je voulais dire ici : sur le forum. :lol:

 

Sinon ce morceau de code, on peut l'utiliser dans d'autres fichiers ?

 

Et je reviens avec ce que je voulais te demander : normalement en BO, on peut exclure certaines pages, quand on veut par exemple qu'un module s'affiche sur la page d'accueil, produit ... mais pas dans la colonne de droite, quand on est sur la page contact ?

Edited by shooping (see edit history)
Link to comment
Share on other sites
Mellow Newbie

Mellow

Posted
Posted (edited)

Ha ok !

 

Alors "More Reply Options" puis "Attach Files"

 

allez, je quitte pour aujourd'hui, c'est l'heure de la sieste ici.... ;)

 

 

[édit]

Ce code peut aller dans n'importe quel fichier .tpl de ton thème

 

Dans le BO => Modules => Positions => tu repère ton module dans le "right column block", tu clique sur "éditer", et dans "Exceptions" tu entre "contact-form.php"

Edited by Mellow (see edit history)
  • Like 1
Link to comment
Share on other sites
BoutikShop69 Newbie

BoutikShop69

Posted
  • Author
Posted (edited)

ok ;)

 

Et pour nous, du repas, lol. Je regarderais tout ça attentivement, et je mettrais la suite ici.

 

Car de cette façon, ça me permettrait de voir ce qui est mieux, car il est possible qu'une fois le bas raccourci que laisser le lien google en haut soit bien aussi, et de toute façon je créerais une deuxième version avec le lien dessous, pour voir la différence.

 

Bonne soirée. :)

Edited by shooping (see edit history)
Link to comment
Share on other sites
BoutikShop69 Newbie

BoutikShop69

Posted
  • Author
Posted

Bonjour Mellow,

 

J'ai mis un peu de temps pour revenir cette fois :)

 

Mais c'est parce que j'ai passé du temps hier, à mettre en place le blog pour la boutique : http://myshoppinglove.skyrock.com/1.html

 

Donc aujourd'hui, je me suis occupé de l'image pour les Iphone (il faut la placer à la racine du site) : apple-touch-icon.png en 114x114 si possible.

 

Ca fonctionne comme pour le fichier de google analytic : le système apple se sert de l'image pour afficher une icône du site quand l'internaute, le mets en raccourci sur son téléphone.

 

Concernant le travail précédent sur ma page contact, si tu pouvais à défaut de m'indiquer ta résolution d'écran, me mettre un screen avec ce que tu vois, ça me permettrait de mieux comprendre. ^_^

 

En attendant, j'ai désactivé deux modules sur la droite, quand on affiche la page contact, et j'ai légèrement agrandi en hauteur l'image-lien renvoyé par google maps.

 

Pour ce qui est de ce code : [<divstyle="text-align:center;"><imgsrc="http://www.ton-site/img/ton-image.jpg"/></div> ] Comment lui adjoindre un lien de type : http .....

 

^_^

Link to comment
Share on other sites
BoutikShop69 Newbie

BoutikShop69

Posted
  • Author
Posted

 

Pour ce qui est de ce code : [<divstyle="text-align:center;"><imgsrc="http://www.ton-site/img/ton-image.jpg"/></div> ] Comment lui adjoindre un lien de type : http .....

 

^_^

 

Si tu as une idée par rapport à ma question ... Sinon pour l'image-lien sur ma page contact, je ne peux pas faire mieux car c'est google qui gère le code de l'affichage, donc suffit de bouger légèrement l'image map. ;)

 

L'icône apple pour les téléphones Iphone est active. Et j'ai de bon retour sur mon nouveau blog pour la boutique. ^_^

 

Bonne soirée.

Link to comment
Share on other sites
Mellow Newbie

Mellow

Posted
Posted

Concernant le travail précédent sur ma page contact, si tu pouvais à défaut de m'indiquer ta résolution d'écran, me mettre un screen avec ce que tu vois, ça me permettrait de mieux comprendre. ^_^

 

Ce que je vois c'est la même chose que toi, la résolution d'écran n'y change rien.

Simplement lorsqu'on arrive sur la page la bulle avec l'adresse n'apparait pas en entier. Mais ce n'est pas non plus catastrophique, comme tu dis il suffit de bouger la carte...

 

Pour ce qui est de ce code : [<divstyle="text-align:center;"><imgsrc="http://www.ton-site/img/ton-image.jpg"/></div> ] Comment lui adjoindre un lien de type : http .....

ça c'était un code pour afficher une image dans la page, mais on s'étaient mal compris et ça n'a rien à voir avec la carte de google.

 

Après, si tu veux utiliser ce code pour afficher une image quelconque et y ajouter un lien, c'est du HTML de base, une recherche sur google t'apportera toutes les infos necessaires ex: http://www.creation-...ript-page6.html -_-

  • Like 1
Link to comment
Share on other sites
BoutikShop69 Newbie

BoutikShop69

Posted
  • Author
Posted (edited)

Simplement lorsqu'on arrive sur la page la bulle avec l'adresse n'apparait pas en entier. Mais ce n'est pas non plus catastrophique, comme tu dis il suffit de bouger la carte...

 

+1 ;)

 

Après, si tu veux utiliser ce code pour afficher une image quelconque et y ajouter un lien, c'est du HTML de base, une recherche sur google t'apportera toutes les infos necessaires ex: http://www.creation-...ript-page6.html -_-

 

Bonjour

 

Merci pour le lien :D, ça à l'air sympa. J'avais l'habitude d'aller sur un autre site plutôt connu par ici, et c'est avec leurs explications que j'avais explosé mes fichiers.

 

Sinon je voudrai intégrer les liens de partages sur les réseaux sociaux directement avec du html, mais faudrait-il encore que je saches quels fichiers je dois modifier sur prestashop ????

 

En anglais, elle s'appelle comment la page produit ?

 

J'aurai également besoin d'ajouter un champ supplémentaire sur le formulaire d'inscription pour les pros, possible d'utiliser la procédure décrite ici ? : http://www.creation-du-web.com/honolulu/cours-html-javascript-page7.html

 

Enfin je voudrai justifier les paragraphes dans les différentes étapes de mon compte, et descendre / personnaliser si possible les icônes du bas.

 

Bonne journée. ^_^

Edited by shooping (see edit history)
Link to comment
Share on other sites
  • 3 weeks later...
BoutikShop69 Newbie

BoutikShop69

Posted
  • Author
Posted

Bonsoir

 

J'ai comme l'impression que ce post a atteint ses limites ^_^

 

Mais je vais devoir en réouvrir un autre voire plusieurs, car je suis loin d'avoir fini mes retouches. :ph34r:

 

Ce qui est intéressant dans tout cela, c'est que ce post laissera à d'autres la possibilité ce problème lié au comparateur de prestashop qui à la base n'est pas top. :wacko:

 

Cordialement.

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share
Go to topic listing
×
×
  • Create New...