Jump to content

L'image nouveau ne s'affiche pas sur le produit

frechinfoweb
 Share

Recommended Posts

frechinfoweb Newbie

frechinfoweb

Posted
Posted

Bonjour,

 

Je suis créateur de site internet mais fait totalement fait à la main et également hébergeur de site web et j'héberge une cliente qui a voulu en faire un sous prestashop mais à des problèmes.

Suite à la suppression d'un thème payant, j'ai réinstallé une version propre et mis la sauvegarde de la base de données du site et remit au fur et à mesure tous les éléments en place sauf que sur l'accueil produit phare le logo nouveau sur le produit ne s'affiche plus et marque nouveau en bas de l'image.

Je voudrais donc savoir comment faire pour de nouveau le remettre.

 

Infos :

sur le site c'est ceci : <span class="new">Nouveau</span>

dans global.css, je ne vois que cette ligne :

 

.ie7 #featured-products_block_center .product_image span.new {top:-20px;right:-19px}

 

Merci d'avance de votre réponse,

 

Cordialement,

M.FRECHIN

Link to comment
Share on other sites
utaku Newbie

utaku

Posted
Posted

Bonjour,

 

Avez vous une url du dit site ? pour vous aider.

 

Personnellement, j'ai pas le " modèle " de base de PS concernant les produits phares, mais voici le code que j'ai dans le fichier Homefeature.css , du module produit phares.

 

#featured-products_block_center .product_image span.new {
display: block;
position: absolute;
top: 15px;
right:-30px;
padding: 1px 4px;
width: 101px;
font-size:10px;
color: #fff;
text-align: center;
text-transform: uppercase;
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform:rotate(45deg);
-ms-transform: rotate(45deg);
background-color: #990000
}

 

j'utilise également Firebug pour FireFox, celui-ci aide à faire des testes et des ajustements pour le CSS.

 

J'espère que ceci vous aidera

 

bien a vous

 

johan

Link to comment
Share on other sites
frechinfoweb Newbie

frechinfoweb

Posted
  • Author
Posted

Bonjour,

 

merci à vous johan, j'ai la même chose dans ce fichier, c'est vrai que j'avais oublié de mettre cette partie la et donc j'ai même changé les miens par les votres au cas ou qu'il y ai quelque chose que je n'aurais pas remarqué j'ai beau faire CTRL+F5 pour réinitialisé le site rien à faire site en question www.sabrinashop.fr si cela peut vous aider à y voir plus clair

 

Cordialement,

M.FRECHIN

Link to comment
Share on other sites
frechinfoweb Newbie

frechinfoweb

Posted
  • Author
Posted

Alors la vous venez certainement de me retirer une épine du pied car quand j'ai voulu mettre 3 produits l'un à côté de l'autre c'est à cet endroit que j'ai été voir au départ car c'est ici qu'il prend en compte mais je n'est que le tpl donc je vais mettre tous les fichiers et je vous redit si c'est ok

 

cordialement,

M.FRECHIN

Link to comment
Share on other sites
  • 2 months later...
lordbdp Newbie

lordbdp

Posted
Posted (edited)

Je relance le sujet car je souhaite afficher une image "nouveau" sous l'image du produit et je me retrouve avec le texte Nouveau en plus que je n'arrive pas à supprimer, et mon image qui ne s'affiche pas complètement.

Voilà ce que j'ai mis :

dans le .tpl :

<a href="{$product.link|escape:'htmlall':'UTF-8'}" class="product_img_link" title="{$product.name|escape:'htmlall':'UTF-8'}">
 <img src="{$link->getImageLink($product.link_rewrite, $product.id_image, 'home_default')}" alt="{$product.legend|escape:'htmlall':'UTF-8'}" {if isset($homeSize)} width="{$homeSize.width}" height="{$homeSize.height}"{/if} />
 {if isset($product.new) && $product.new == 1}<span class="new">{l s='New'}</span>{/if}
</a>

 

dans le .css :

ul#product_list li span.new {
background: transparent url(../img/nouveau.gif) repeat-x scroll 0%;
}

 

Vous pouvez voir le résultat sur mon site en test.

 

Si je supprime 

{l s='New'}

dans le .tpl je n'ai plus rien donc je suis obligé de le laisser en attendant de trouver comment retirer le texte...

 

Que dois-je modifier svp ?

 

Merci.

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

lordbdp

Posted
Posted

Merci déjà je n'ai plus le texte Nouveau en plus. En revanche l'image ne s'affiche pas complètement même si je lui dit de me l'afficher :

ul#product_list li span.new {
color:transparent;
background: url(../img/nouveau.gif) no-repeat;
width:100%;
height:100%;
}

Link to comment
Share on other sites
frechinfoweb Newbie

frechinfoweb

Posted
  • Author
Posted

D'accord alors je pense qu'il suffit de mettre la taille de l'image exacte soit :

 

ul#product_list li span.new {
color:transparent;
background: url(../img/nouveau.gif) no-repeat;
width:taille largeur px;
height:taille hauteur px;
}

 

Cordialement,

M.FRECHIN

Link to comment
Share on other sites
BoutikShop69 Newbie

BoutikShop69

Posted
Posted (edited)

Par contre, je voudrai rééquilibrer les infos à l'intérieur de ces blocs, l'espace laissé vide par le mot nouveau, et quand la mention prix réduit s'ajoute .... http://www.myshoppin...charme-nuisette

 

Sinon si je remets une image pour remplacer le mot "nouveau", comment la centrer sous l'image ?

 

D'avance merci pour votre aide.

 

Cordialement.

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

frechinfoweb

Posted
  • Author
Posted (edited)

Voilà dans global.css mettre 180px en height à la place de 200px :

 

ul.sw_view#product_list li div.center_block {
float: left;
width: 100%;
height: 180px;
}

 

Pour qu'il soit dans le rectangle rose mais cela restera décalé car quand il y a pas prix réduit ! la div n'existe pas.

 

Après si d'autre modification faudra me contacter directement dans ma société sur le support en ligne : www.frechinfoweb.com ou par e-mail [email protected]

Cordialement,

M.FRECHIN

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

BoutikShop69

Posted
Posted (edited)

Merci pour votre réponse, ça fonctionnait mais en même temps ça me créait une superposition ailleurs, du coup j'ai agrandi :

 

ul.sw_view#product_list li {

height : 300px à 330px;

 

Ca règle mon problème de marge quand : Prix réduit ! s'ajoute mais ça me crée un escalier à l'intérieur des autres blocs :-(

 

Si je remets une image pour le mot nouveau, est-ce qu'on peut la centrer ? Sinon comment enlever le vide ?

 

Cordialement.

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

frechinfoweb

Posted
  • Author
Posted

Justement en faites quand un produit est en prix réduit! il créer un bloc ce qui fait décendre ce qui ce trouve en dessous. Ce qu'il faudrai c'est afficher le même bloc mais vide pour que l'on ai toujours la même hauteur sur tous les produits ;)

 

Cordialement,

M.FRECHIN

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

BoutikShop69

Posted
Posted

Oui, mais comment faire cela ???

 

Sinon, on a remis une image "nouveau", à la place du texte qui en fait n'est pas supprimé mais masqué, bon d'accord les moteurs de recherche n'aiment pas en général, mais là en l’occurrence, le lien : texte-image existe toujours ^_^

 

Faites un test en choisissant 3 produits aux choix dans la page que j'ai mis plus haut, et vous verrez un autre décalage :ph34r:

 

A nouveau merci, pour votre réponse.

 

:lol:

Link to comment
Share on other sites
frechinfoweb Newbie

frechinfoweb

Posted
  • Author
Posted

Je ne peux pas passer du temps gratuitement sur votre problème vu que c'est mon travail et que je suis payer 0.84c d'euros la minute pour faire cela.

 

Et cela ne se fait pas en quelques secondes car c'est prestashop :/

 

J'ai répondu à vos questions de base pour vous débloquer mais tout vous faire je ne peux malheureusement pas.

 

C'est pour cela que je ne fait pas du tout du CMS à la base, je suis plus basé sur du site fait main qui sont encore mieux référencé qu'un CMS ;) Mais quand un client à un problème avec un CMS PrestaShop et qu'il paye j'aide et je fait directement la modification moi même car c'est long à faire ces test là :/

 

Cordialement,

M.FRECHIN

Link to comment
Share on other sites
BoutikShop69 Newbie

BoutikShop69

Posted
Posted

Bonjour

 

 

Est-ce votre tarif si vous intervenez ? Ici nous ne sommes pas dans la section "Offre Payante".

 

Moi aussi je préfère les sites fait à la main, c'est d'ailleurs comme ça que j'ai commencé : frontpage, dreamweaver ....

 

Un cms est différent, et pour moi prestashop est plus complexe, car tout est séparé ....

 

Je ne demande pas à ce que on me fasse tout, mais qu'on m'explique, et si vraiment je ne comprend pas, je passe la main.

 

C'est parce que j'ai appris à mettre les mains dans le cambouis, que j'ai fait évoluer le theme de base.

 

Cordialement

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

lordbdp

Posted
Posted

D'accord alors je pense qu'il suffit de mettre la taille de l'image exacte soit :

 

ul#product_list li span.new {
color:transparent;
background: url(../img/nouveau.gif) no-repeat;
width:taille largeur px;
height:taille hauteur px;
}

 

Pas de changement :(

Link to comment
Share on other sites
frechinfoweb Newbie

frechinfoweb

Posted
  • Author
Posted

Oui c'est vraiment mon prix après il y a plus de détail ici : http://assistance.frechinfoweb.com

 

Je le sais qu'on est pas dans la partie "Offre payante" mais à la base c'était moi qui avais un petit problème de CSS pas un autre utilisateur hier j'ai répondu car cela m'a pris quelques secondes mais après votre souci est un peu plus long donc je ne peux vous dire comme cela me faut les accès à votre FTP, que je face une sauvegarde pour que je modifie votre site, etc... :/

 

Cordialement,

M.FRECHIN

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