Jump to content

Problèmes images dans panier de commande

EtapDesign
 Share

Recommended Posts

EtapDesign Newbie

EtapDesign

Posted
Posted

Bonsoir tout le monde,

 

Voilà toutes les images s'affichent correctement mais celles qui se trouvent dans le panier de commande sont très floues, j'ai essayé de modifier les dimensions des images dans le BO de façon à ce qu'elles respectent les proportions des images importées, mais rien n'y fait.

 

Quelqu'un a déjà eu le même problème?

 

Merci pour vos éventuelles réponses;

 

Cordialement.

Link to comment
Share on other sites
SiteProjet Newbie

SiteProjet

Posted
Posted

Bonjour.

 

Un lien que l'on puisse checker ça ?

Sinon avez-vous pensé à regénérer les miniatures et à vider vos différents caches ?

 

Par "panier de commande", vous parler du block panier ou d'un module de votre thème ou du récapitulatif du panier avant de passer au paiement ? Dans le second cas il s'agit d'un bug que j'ai rencontré plusieurs fois chez des clients.

 

Cordialement

Link to comment
Share on other sites
EtapDesign Newbie

EtapDesign

Posted
  • Author
Posted

Bonjour, merci déjà pour ta réponse.

 

C'est la page qui se trouve juste avant le paiement lorsque l'utilisateur se rend à son panier.

 

Faites l'essai en ajoutant un produit et en vous rendant dans le panier de commande :

 

http://www.shilton.fr/boutique-en-ligne-shilton/7-t-shirt-homme

 

Sinon, par rapport à la regénération des miniatures et à vider les différents caches...tout ça a été fait.

 

Cordialement.

Link to comment
Share on other sites
SiteProjet Newbie

SiteProjet

Posted
Posted

Rebonjour.

 

En effet. Par rapport à ça deux solutions : soit vous ajustez votre css en fonction des paramètres définis dans votre BO. Soit vous ajustez les différentes taille d'images de votre BO en fonction de celles fournies par le concepteur du thème (choix idéal).

 

Les tailles peuvent être modifiées dans : Préférences>Images

Si vous avez acheté votre template en ligne, en général vous avez un PDF associé avec la procédure d'installation, l'ordre des modules et les tailles des différentes images).

Link to comment
Share on other sites
EtapDesign Newbie

EtapDesign

Posted
  • Author
Posted (edited)

Excusez moi mais j'ai un autre renseignement, imaginons que je ne veux pas toucher le BO, en effet, sinon ca modifiera également la taille des images dans un autre endroit.

 

Je peux donc dans le fichier tpl modifier "small" par "medium" et modifier le css aux dimensions de medium?

Je demande ça parce que j'ai fais la modification dans mon fichier .tpl :

 

<img src="{$pic_dir}{$picture.value}_small" alt="" class="customizationUploaded" />

 

par

 

<img src="{$pic_dir}{$picture.value}_medium" alt="" class="customizationUploaded" />

 

Mais cela ne marche pas!

 

Si vous avez une idée.

 

Cordialement.

Edited by EtapDesign (see edit history)
Link to comment
Share on other sites
SiteProjet Newbie

SiteProjet

Posted
Posted

Bonjour.

 

Chez moi votre affichage semble correct. Vous avez pensé à vider le cache de votre navigateur ?

Sinon évitez de toucher au code. A mon sens la modif est plutôt à faire dans le global.css de votre template :

 

 

 

 

td.cart_product a img 
{


height: 45px;
width: 45px;
}

Link to comment
Share on other sites
EtapDesign Newbie

EtapDesign

Posted
  • Author
Posted

Oui mais j'aimerais plutôt le mettre à 90px... mais lorsque le je l'applique au css, c'est floue, c'est normal étant donné que small dans mon BO est à 45px X 45px.

 

J'aimerais donc dans le fichier .tpl de shopping-cart faire appel à "medium" plutôt que "small" mais en faisant les modifications ci-dessus, cela ne se fait pas.

Link to comment
Share on other sites
SiteProjet Newbie

SiteProjet

Posted
Posted (edited)

C'est vraiment plus propre de procéder via le BO que de modifier directement votre product.tpl; d'autant que ces modification sauteront à la prochaines MAJ de votre thème et seront moins facile à remettre en place qu'une modif au BO.

 

Et effectivement, pensez bien à vider votre cache, y compris celui de votre navigateur.

Edited by SiteProjet (see edit history)
Link to comment
Share on other sites
EtapDesign Newbie

EtapDesign

Posted
  • Author
Posted (edited)

Je suis tout à fait d'accord avec vous, mais dans ce cas, toutes les images "small" vont être transformées...notamment celles qui sont dans mon panier déroulant. En effet, si je modifie via le BO, les images dans le panier déroulant seront bien trop grandes, et c'est pour cette raison que j'ai voulu procéder ainsi.

 

Les prochaines MAJ de prestashop, vous voulez dire? Parce qu'en qui concerne le thème, j'en avais pris un à la base super simple, que j'ai modifié quasiment en totalité, mis à part quelques détails.

 

Donc si je venais à procéder à une MAJ de prestashop, je remettrais exactement les fichiers du thème, non?

 

Je vous pose la question parce que je suis sur la version 1.4.8 et que je n'ai encore jamais procédé à de MAJ.

 

Bonne fin de soirée.

 

Cordialement.

Edited by EtapDesign (see edit history)
Link to comment
Share on other sites
SiteProjet Newbie

SiteProjet

Posted
Posted

Bonjour.

 

Si votre thème est compatible avec la nouvelle version, alors il vous suffit de le remettre tel quel. Veillez juste à ne pas avoir effectué de modifications dans le core.

 

Concernant vos fichiers, à mon sens vous aurez un meilleur rendu en réduisant la taille de vos images via le CSS sur le panier. La modification du type à même le fichier product me semble plus hasardeuse et à bien moins de chance d'être pérenne en cas de MAJ.

 

Vous êtes parvenu à régler ce soucis ?

J'aimerais donc dans le fichier .tpl de shopping-cart faire appel à "medium" plutôt que "small" mais en faisant les modifications ci-dessus, cela ne se fait pas.
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...