Jump to content

Inserer un gif animé

slide
 Share

Recommended Posts

slide Newbie

slide

Posted
Posted

Bonjour

 

j'essaie d'insérer un gif animer dans mon module configurateur de thème.

Je sauvegarder il m'affiche juste la première image du gif mais ne joue pas toutes les parties.

Y a t il un moyen de faire fonctionner un gif animer dans le module Configurateur de thème 

 

Prestashop 1.6.0.5

 

Merci

 

Slide

 

 

Link to comment
Share on other sites
  • 1 month later...
MusikMachineMan Explorer

MusikMachineMan

Posted
Posted

Salut à tous, en ce qui me concerne,

le gif animé fonctionne bien mais dès que je l'insère dans le slider, il ne m'affiche que la 1ère image, puis passe au slide suivant après le délai voulu.

Quelqu'un aurait-il une idée de la manip à réaliser car là, je bloque...

Merci d'avance

Link to comment
Share on other sites
  • 6 months later...
loulou66 Rookie

loulou66

Posted
Posted

Coucou

 

Prestashop ne gère pas les gif  donc quand le module homslider sauvegarde ton image gif il la transforme en jpg

 

par contre tu peut modifier manuellement le tpl pour que ton image gif  apparaisse en 1er ou dernier slide

dans theme/ton_theme/modules/homslider/homslider.tpl

donc soit avant le {foreach .....} pour le 1er slide ajouter
<li class="homeslider-container">
        <a href="le liens de la page a afficher quand on click sur l'image">
	<img src="{$link->getMediaLink("`$smarty.const._MODULE_DIR_`homeslider/images/`nom de ton image.gif`")}" width="100%" height="100%"{/if} />
	</a>
/** si tu veut une description sur ton image ajoutes le ligne ci dessous **/
	<div class="homeslider-description">{$slide.description}</div>
</li>

ou apres le {/foreach} pour l'avoir en dernier slide 

copies ton image dans modules/homslider/images

 

j'ai enlever le "title" de la balise <a> et la "legend" de <img> tu peut les ajouter si tu veut en prenant exemple du code dans le tpl

 

@++

 

Loulou66

Link to comment
Share on other sites
  • 2 years later...
Phil12v Newbie

Phil12v

Posted
Posted

Bonjour y a plus simple, envoi ton image gif via ton configurateur de theme,

ensuite via ftp dans le dossier modules/themeconfigurator/img tu retrouve ton image sous forme de 946b131ff4ee30e5198d9f6a9d1ace5e455dac19_image.gif

 

tu renomme ton image d'origine image.gif par 946b131ff4ee30e5198d9f6a9d1ace5e455dac19_image.gif et tu l'envoi.

 

@+Phil

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

pikastore

Posted
Posted

Bonjour à tous

 

Ce n'est peut être pas le meme problème mais j'aimerais rajouter une petite image dans le nom des produits dans ma boutique car pour des raison pratiques j'aimerais différencier certains produits similaires qui ont une variante (cartes de collection) et visuellement ce serait mieux que le système prestashop des caractéristiques.

 

J'ai essayé tout simplement de mettre une balise img dans le nom directement dans la base de donnée mais sans surprise cela ne marche pas. 

 

Existe t il un moyen de le faire ?

 

J'ai joint 2 image de ce que je souhaiterais faire, cela vaut tous les discours ^^

 

post-1112244-0-99152700-1492846428_thumb.png

post-1112244-0-84568100-1492846439_thumb.png

 

Merci d'avance pour votre aide !

Link to comment
Share on other sites
loulou66 Rookie

loulou66

Posted
Posted

Coucou

 

Cela n'est pas possible car tu ne peut pas enregistrer en Back Office ton image dans le nom du produit et en Front Office le nom est dans une variable

par contre tu peut ajouter ton image avant ou après le nom

 

@++

 

Loulou66

Link to comment
Share on other sites
pikastore Newbie

pikastore

Posted
Posted

Merci pour la réponse rapide

 

Comment procéder dans ce cas pour insérer une image avant le nom ? sachant que l'image sera different d'un produit a un autre (5 images différentes en tout) et de plus je pense utiliser ce procédé pour insérer un drapeau pour d'autres produits selon qu'ils soient français, anglais ou japonais.

 

Autre question : l'image apparaitra t elle dans le panier du coup ?

Link to comment
Share on other sites
loulou66 Rookie

loulou66

Posted
Posted

Coucou

 

Alors 1ere option

 

Il faut faire des conditions tu peut par exemples de servir du champ "Code barre upc" si tu ne l'utilise pas en rajoutant dedans un chiffre

 
par exemple
1 = drapeau français

2 = drapeau anglais

3 = une image

etc....

 

et dans le fichier product.tpl (page produit)

{if $product->upc == 1}
    <img src="{$img_dir}drapeau_francais.png" alt="alt_de_limage" width="width_de_limage" height="height_de_limage" />
{elseif $product->upc == 2}
    <img src="{$img_dir}drapeau_anglais.png" alt="alt_de_limage" width="width_de_limage" height="height_de_limage" />
{elseif $product->upc == 3}
    <img src="{$img_dir}nom_de_limage.png" alt="alt_de_limage" width="width_de_limage" height="height_de_limage" />
{/if}

alt_de_limage / width_de_limage / height_de_limage à remplacer par les valeur que tu désire

les images devront être placés dans le dossier themes/ton_theme/img

 

pour le product_list.tpl (page catégories ou module utilisant ce tpl comme les produit phares) il faut remplacer

$product->upc
par
$product.upc

2ieme option un peu plus complexe

 

ajouter des bouton en BO

pour une ps 1.6
https://www.prestashop.com/forums/topic/192268-ajouter-un-bandeau-nouveau-sur-les-nouveaux-produits/?p=1660238

 

pour une ps 1.5

https://www.prestashop.com/forums/topic/192268-ajouter-un-bandeau-nouveau-sur-les-nouveaux-produits/?p=1660687

 

@++

 

Loulou66

Link to comment
Share on other sites
pikastore Newbie

pikastore

Posted
Posted

Alors j'ai bien modifié product.tpl, par contre je ne sais pas ou rajouter les lignes que tu m'as donné, je les ai mise juste avant

 

{if !$content_only}

<div class="container">
<div class="top-hr"></div>
</div>
{/if}
 
j'ai mes 3 images dans le dossiers img de mon theme mais par contre je ne trouve pas la ligne ou modifier dans product-list.tpl ... 
 
quoiqu'il arrive rien n'a changé sur ma page, pas de drapeau en vu. j'ai bien modifier l'url par {$img_dir}FR.png
 
heeelp ^^
Link to comment
Share on other sites
loulou66 Rookie

loulou66

Posted
Posted

Coucou

 

pour le product-list.tpl recherche $product.name

<a class="product-name" href="{$product.link|escape:'html':'UTF-8'}" title="{$product.name|escape:'html':'UTF-8'}" itemprop="url" >
   {$product.name|truncate:45:'...'|escape:'html':'UTF-8'}
</a>

devient

avant le nom
<a class="product-name" href="{$product.link|escape:'html':'UTF-8'}" title="{$product.name|escape:'html':'UTF-8'}" itemprop="url" >
   ici les condition
  {$product.name|truncate:45:'...'|escape:'html':'UTF-8'}
</a>

apres le nom
<a class="product-name" href="{$product.link|escape:'html':'UTF-8'}" title="{$product.name|escape:'html':'UTF-8'}" itemprop="url" >
   {$product.name|truncate:45:'...'|escape:'html':'UTF-8'}
   ici les condition
</a>

@++

 

Loulou66

Link to comment
Share on other sites
pikastore Newbie

pikastore

Posted
Posted

a priori product-list.tpl est bien modifié ... mais toujours rien ... (j'ai modifié les -> en . pour les conditions)

 

peut être que j'ai raté un truc dans product.tpl ? je met ton code n'importe ou ? je ne pense pas ...

 

désolé mais le code prestashop est un enfer !!! 

 

merci de m'accorder du temps

Link to comment
Share on other sites
pikastore Newbie

pikastore

Posted
Posted

Ah ce satané cache ... yeah ça fonctionne !!! top !! merci !

 

par contre ça ne fonctionne pas lorsque je clique sur le produit (ni dans le panier d'ailleurs), seulement dans la liste de la catégorie. Je vais faire mon chiant jusqu'au bout ... dans quel fichier doit on insérer le code pour que le drapeau s'affiche aussi dans le panier et sur la page du produit ?

 

(avec ma reconnaissance éternelle)

Link to comment
Share on other sites
pikastore Newbie

pikastore

Posted
Posted (edited)

Salut

 

Merci, Liste produit et détail produit ok c'est top ! Mais j'ai essayé toute la journée pour le panier et rien a faire .... il n'y a pas le dossier /view/ donc j'ai fait avec le fichier blockcart.tpl à la racine de modules/blockcart/

 

J'ai tenté de bougé un peu le code en fonction des lignes proposées mais aucun affichage.

 

PS : j'ai une requête spéciale concernant la gestion de la tva de prestashop, je peux passer en MP ou je pose la question directement ici ?

Edited by pikastore (see edit history)
Link to comment
Share on other sites
  • 3 months later...
glt mc Newbie

glt mc

Posted
Posted

Bonjour,

 

Je souhaite intégrer dans mon article de blog plusieurs gifs entre mes textes afin de rendre mon article plus vivant et illustrer de manière animée mes explications. Pourriez-vous m'aider ?

 

Merci

Link to comment
Share on other sites
  • 8 months later...
Phil12v Newbie

Phil12v

Posted
Posted

En février 2017 j'avais posté cette solution qui fonctionne

1) Envoi ton image gif via ton configurateur de theme,

2) ensuite via ftp dans le dossier modules/themeconfigurator/img tu retrouve ton image sous forme de 946b131ff4ee30e5198d9f6a9d1ace5e455dac19_image.gif

3) tu renomme ton image d'origine image.gif par le même nom : 946b131ff4ee30e5198d9f6a9d1ace5e455dac19_image.gif

4) tu l'envoi dans le dossier : modules/themeconfigurator/img

 

@+Phil

Link to comment
Share on other sites
  • 2 weeks later...

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