Jump to content

Problème affichage miniatures page d'accueil

Chapeau_The
 Share

Recommended Posts

Chapeau_The Newbie

Chapeau_The

Posted
Posted (edited)

Bonjour,

 

Avant de poster j'ai cherché une réponse à mon problème et je suis plus ou moins tombé sur des cas similaires mais aucunes solutions n'a fonctionnées (entre autre cette solution http://blog.manit4c.com/2013/01/22/mes-images-ne-saffiche-plus-sous-ie-avec-prestashop-1-5-3/)

 

Je post donc mon problème.

 

J'ai acheté un thème sur la boutique prestashop (Vintage II-Buhoc) compatible v1.5.3.1. L'installation sur la v 1.5.3 s'est bien déroulé sauf que les miniatures sur la page d'accueil des produits phares et nouveaux produits ne s'affichent pas. Quand on clic sur un des produits j'arrive bien sur mon produits et ses images mais elles ne veulent pas apparaitre en page d'accueil.

 

Je précise que j'ai désactivé les URL rewritable et que j'ai renommé mon thème en default.

 

Quelqu'un pourrait m'aider svp je viens de passer la journée à chercher une solution.

 

Merci pour votre aide et vos réponses.

post-504296-0-61953900-1362852398_thumb.png

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

Chapeau_The

Posted
  • Author
Posted

Bonjour,

 

Merci de prendre le temps de répondre à mon problème. Ca ne vient pas d'IE 9 car j'ai testé sur Firefox, Chrome et Safari et le problème persiste.

 

L'url du site : http://www.chapeau-the.fr/index.php

 

Quand on clique sur le produit en page d'accueil on arrive bien sur l'image du produit. Mais le problème est identique lorsque je vais directement dans la rubrique en question : http://www.chapeau-the.fr/index.php?id_category=10&controller=category

 

Merci pour votre aide.

 

Cdt

Link to comment
Share on other sites
Szed Newbie

Szed

Posted
Posted

L'image que le thème essaye de charger sur la home et dans la catégorie n'existe tout simplement pas.

GET http://www.chapeau-t...productlist.jpg 404 (Not Found)

 

Je suis pas sur, mais normalement le thème devrais faire appel a une image nommé différemment (comme 30-large-défaut sur la page produit).

 

Donc je dirais que le soucis vient lors de l'appel de l'image dans votre template :)

Link to comment
Share on other sites
Szed Newbie

Szed

Posted
Posted

Comparait les deux codes HTML.

Si le module par défaut apparait bien, vous devrais pouvoir récupérer le bon code.

Dans le .tpl du module par défaut, chercher la balise "<img " et son attribut src=""

Comparer avec le module que vous utilisez et vous devriez voir la différence.

Link to comment
Share on other sites
Chapeau_The Newbie

Chapeau_The

Posted
  • Author
Posted (edited)

Bonjour,

 

Tout d'abord j'ai essayé la solution de Szed et ça fontionne :)

 

J'ai donc trouvé le .tpl du module par défault homefeatured et je l'ai comparé avec le .tpl de mon thème qui s'appelle homefeatured_mod. Et effectivement au niveau de l'attribut src="" le code était différent :

 

Mon thème <img src="{$link->getImageLink($product.link_rewrite, $product.id_image, 'productlist')}"

 

Thème par défault : "{$link->getImageLink($product.link_rewrite, $product.id_image, 'home_default')}"

 

Idem pour le fichier homenewproduct.tpl j'ai modifié productlist par home_default.

 

Par contre j'ai toujours mon problème d'affichage lorsque je clique sur ma catégorie :

 

http://www.chapeau-t...roller=category

 

Quel fichier tpl dois-je modifier svp ?

 

Encore merci pour votre aide

 

De plus au niveau de la qualité de l'image en page d'accueil est-ce normal quelle soit dégradée ?

 

Cdt

Edited by Chapeau_The (see edit history)
Link to comment
Share on other sites
Szed Newbie

Szed

Posted
Posted

Même chose pour la catégorie :)

Le template à vérifier doit être product-list.tpl.

 

Concernant la dégradation, il faudrait être sur que les attributs width et height de ta balise img reprennent bien ceux de la taille home_default :)

Link to comment
Share on other sites
Szed Newbie

Szed

Posted
Posted

Il se trouve normalement dans le dossier de votre thème. Vous devez avoir plein de .tpl, donc un product-list.tpl

Si vous ouvrez votre category.tpl, vous pourrais voir qu'il va appeler le product-list.tpl pour s'occuper de l'affichage de la liste de produit :)

Link to comment
Share on other sites
Chapeau_The Newbie

Chapeau_The

Posted
  • Author
Posted

Merci mais je ne vois pas bien à quel endroit ce trouve cette variable "li" ? elle se trouve dans le fichier product-list.tpl ? J'ai trouvé uniquement cette ligne :

 

 

<li class="ajax_block_product {if $smarty.foreach.products.first}first_item{elseif $smarty.foreach.products.last}last_item{/if} {if $smarty.foreach.products.index % 2}alternate_item{else}item{/if} {if $smarty.foreach.products.iteration%$nbItemsPerLine == 0}last_item_of_line mobile_no_margin{/if} clearfix">

<div class="left_block">

 

Que dois-je faire ?

 

Merci

Link to comment
Share on other sites
Szed Newbie

Szed

Posted
Posted

"li", c'est votre élément liste HTML.

Ensuite, c'est juste du css :)

 

.grid_view #product_list li {
float: left;
margin: 0 30px 20px 2px;
text-align: center;
width: 271px;
height: 270px;
position: relative;
border: 6px solid #fff;
-moz-border-image: url(../img/thumb-bg.png) 4 6 6 4 stretch stretch;
-webkit-border-image: url(../img/thumb-bg.png) 4 6 6 4 stretch stretch;
-o-border-image: url(../img/thumb-bg.png) 4 6 6 4 stretch stretch;
border-image: url(../img/thumb-bg.png) 4 6 6 4 fill stretch stretch;
border-width: 4px 6px 6px 4px;
padding: 8px;
}

 

C'est le height:270px; qui applique une hauteur a vos blocs produit dans la page catégorie :)

Vous devez passer ca a "320px" par exemple, dans product-list.css ligne 274

Link to comment
Share on other sites
Chapeau_The Newbie

Chapeau_The

Posted
  • Author
Posted

C'est juste parfait :)

 

Merci pour votre aide.

 

Je profite de ce post pour vous demander quelle est la marche à suivre pour modifier voir pour supprimer les liens qui sont tout en haut : CONTACT et PLAN DU SITE ? Je n'ai pas trouvé dans le back office.

 

Encore merci

Link to comment
Share on other sites
Szed Newbie

Szed

Posted
Posted

C'est le module Block Permanents.

 

En régle général, si tu ne trouves pas dans le BO, c'est que c'est un module. Et en inspectant le code (F12 si tu es sous Chrome, FIrefug si tu es sous Firefox), tu peux rapidement trouvé le nom du module :)

Link to comment
Share on other sites
Chapeau_The Newbie

Chapeau_The

Posted
  • Author
Posted

OK merci :)

 

Dans le BO il n'y a pas la possibilité de modifier les liens du header (ou alors j'ai pas trouvé). J'ai donc ouvert le fichier blockpermanentlinks-header.tpl de mon thème et j'ai mis en commentaire les liens du header. Je pense que c'était la seule méthode

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