Jump to content

MODULES PRESTASHOP - Editorials3Slider et s3Slider slideshow

jolvil

By jolvil
in Modules et thèmes gratuits

 Share

Recommended Posts

gribouille Newbie

gribouille

Posted
Posted

Bonjour, ce module est vraiment super. ;-)

Merci à vous ...

Si je peux me permettre, ce qui serait pratique c'est de pouvoir gérer les options directement en admin ( upload des images, titres, ulrs, ... ) plutôt que de passer par le tpl et css ... au risque de tout bugger quand on n'est pas expert comme moi ;-) . Je bidouille mais bon, on est jamais à l'abri ... :cheese:

Bon courage et merci de votre contribution.

Link to comment
Share on other sites
untempo Newbie

untempo

Posted
Posted

Pour les novices comme moi, pour installer le module, il suffit de copier le répertoire entier contenant les fichiers sur le serveur dans le dossier modules puis d'aller dans l'admin. Vous trouverez le module à installer, puis configurer.
Pensez à désinstaller le module "éditeur de page d'accueil" (si installé) et modifier la position du module si vous avez installé les "produits phares" (moi le slideshow était en dessous ;-))


Pour Jolvil, 1000 MERCIS ! c'est super...

Link to comment
Share on other sites
jolvil Newbie

jolvil

Posted
  • Author
Posted
Si je peux me permettre, ce qui serait pratique c’est de pouvoir gérer les options directement en admin ( upload des images, titres, ulrs, … ) plutôt que de passer par le tpl et css


D'autres posts proposaient le slider en inclant des lignes de codes, là on a un module qui simplifie l'install, maintenant si vous voulez arranger ce module je n'y vois aucun inconvenient, j'ai moi meme arrangé un peu un module deja donné sur le forum, malheureusement mais compétences sont limitées...
Link to comment
Share on other sites
Ehinarr Newbie

Ehinarr

Posted
Posted

Si j'ai bien compris, le module editorials3slider.zip est le module editorial modifié (slideshow-di-halaman-depan) et contenant le fichier css. s3slider.zip est la version modifié pour ne pas écraser l'original module éditoriale et améliorée par vous?

Link to comment
Share on other sites
jolvil Newbie

jolvil

Posted
  • Author
Posted
Si j'ai bien compris, le module editorials3slider.zip est le module editorial modifié (slideshow-di-halaman-depan) et contenant le fichier css. s3slider.zip est la version modifié pour ne pas écraser l'original module éditoriale et améliorée par vous?


Non

editorials3slider est le module editorial avec le slider à la place de l'image

s3slider c'est juste le slider tout seul sous forme de module
Link to comment
Share on other sites
holyknight Newbie

holyknight

Posted
Posted
Pour les novices comme moi, pour installer le module, il suffit de copier le répertoire entier contenant les fichiers sur le serveur dans le dossier modules puis d'aller dans l'admin. Vous trouverez le module à installer, puis configurer.
Pensez à désinstaller le module "éditeur de page d'accueil" (si installé) et modifier la position du module si vous avez installé les "produits phares" (moi le slideshow était en dessous ;-))


Pour Jolvil, 1000 MERCIS ! c'est super...


Je n'arrive pas à modifier la position du module, ça doit être tout bête mais là je sèche :-(
Link to comment
Share on other sites
Ehinarr Newbie

Ehinarr

Posted
Posted

Merci JOLVIL,

Où régler la période de transition entre les images?

s3slider.tpl?

$(document).ready(function() {$('#slider').s3Slider({timeOut: 4000});});



Ou s3slider.js?

var timeOut     = (vars.timeOut != undefined) ? vars.timeOut : 4000;

Link to comment
Share on other sites
Micro Project Newbie

Micro Project

Posted
Posted

Module excellentissime, très très bon rendu (merci jolvil)

Petite question : comment intervertir l'apparition du bandeau transparent de manière qu'il soit en bas (comme dans l'image 3, par défaut) au lieu d'en haut (image 1, par défaut).

Je suppose que c'est dans le s3silder.js, mais je suis pas un pro en JScript...

Link to comment
Share on other sites
se7en Newbie

se7en

Posted
Posted

Hello Jolvil,

Je souhaiterais intégrer ce module sur toutes les pages, donc à priori dans le hook "Header of pages" mais les simples manipulations en BO ne suffisent visiblement pas.
Je pars bien sûr du module seul, mais je ne sais pas comment "l'injecter" ni à quel endroit. Y-a-t-il moins trivial que de recourir à une fonction {include file=/.../www/modules/s3slider/s3slider.tpl} ?
Merci de votre aide, l'objectif étant je le répète, d'afficher ce slider sur toutes les pages du site PS.

Vifs encouragements à tous ceux qui comme toi, oeuvrent pour l'ouverture et le partage du code ! ;-)
Take care

Link to comment
Share on other sites
mfrederic4 Newbie

mfrederic4

Posted
Posted

hello Jolvil,
Tout d'abord merci pour cet excellent module.
Ma question va sans doute paraitre nul a beaucoup de monde mais je la pose quand même! tout simplement comment changer les photos et quelle soit prise en compte (je suis néophyte et avide d'apprendre) et peut on rajouter un lien qui amènerait a l'article du produit en cliquant dessus?
par avance merci pour la reponse.

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

maxhome

Posted
Posted

Bonsoir,
Jolvil avant toutes choses bravo et merci pour ce slider, superbe travail...

Par contre suis-je le seul à avoir ce bug?

Dès que je rajoute le bloc recherche rapide dans un bloc, le slider disparait et petit icone en bas d'explorer me signalant une erreur...
Dès que je retire le bloc recherche rapide, tout redevient normal...

J'y comprends rien mais alors rien du tout là.....
Merci


Précisions:
Si bloc recherche à gauche plus de slider et erreur
Si bloc à droite, slider visible mais erreur

EDIT: 1h30 du mat, je devais plus avoir les yeux en face des trous, je pense que mon problème est plutôt dû à mes bidouillages qu'à ton slider....Je recommence, désolé

Link to comment
Share on other sites
untempo Newbie

untempo

Posted
Posted

ben c'est ce que j'ai fait (mes copier coller bout de code ;-)) mais ça bloque... voilà le code que j'ai copié :




Title photo 1
Text photo 1



Title photo 2
Text photo 2



Title photo 3
Text photo 3



Title photo 4
Text photo 4



Title photo 5
Text photo 5

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

maxhome

Posted
Posted

Merci Jolvil et encore bravo pour ton travail...génial
Bon week-end

Avant de partir,

Il y a un effet en haut et en bas pour le texte
Sur le site du script, on peut également faire gauche droite
Prévu avec ton module car j'ai juste essayé class="right" ou left mais cela ne marche pas

Merci

EDIT:
Je me réponds à moi-même
Pour ceux que cela interesse, les effets en plus gauche, droite je vous joins mon s3slider.css
Par contre j'ai du ajouter à l'effet right un bottom à 2px car sous ie8 uniquement l'effet démarrait trop bas de 2 pixel..
Pourquoi j'en sais rien mais là c'est tout bon!

Bien sur pour voir les effets right ou left: dans votre editorials3slider.tpl, pensez à mettre
class="left" ou class="right"

Pensez à remercier Jolvil pour son superbe boulot...
D'ailleur moi je lui dis encore merci

#slider {
    width: 536px; /* important to be same as image width */
    height: 228px; /* important to be same as image height */
    position: relative; /* important */
    overflow: hidden; /* important */
    margin: auto;
    margin-bottom: 20px;
}

#slider1, #slider2 {
    width: 536px; /* important to be same as image width */
    height: 228px; /* important to be same as image height */
    position: relative; /* important */
    overflow: hidden; /* important */
    margin: auto;
    margin-bottom: 20px;
}

#sliderContent, #slider1Content, #slider2Content {
    width: 536px; /* important to be same as image width or wider */
    height: 238px; /* add extra 10px for consistent height */
}

.sliderImage, .slider1Image, .slider2Image {
   float: left;
   position: relative;
   display: none;
}
.sliderImage span {
   position: absolute;
   font: 10px/15px Arial, Helvetica, sans-serif;
   padding: 2px 13px;
   width: 510px;
   background-color: #000;
   filter: alpha(opacity=70);
   -moz-opacity: 0.7;
   -khtml-opacity: 0.7;
   opacity: 0.7;
   color: #fff;
   display: none;
}

.slider1Image span, .slider2Image span {
   position: absolute;
   font: 10px/15px Arial, Helvetica, sans-serif;
   padding: 2px 13px;
   width: 510px;
   background-color: #000;
   filter: alpha(opacity=70);
   -moz-opacity: 0.7;
   -khtml-opacity: 0.7;
   opacity: 0.7;
   color: #fff;
   display: none;
}
.clear {
   clear: both;
}
.sliderImage span strong, .slider1Image span strong, .slider2Image span strong {


   font-size: 14px;
}
.top {
   top: 0;
   left: 0;
}
.bottom {
   bottom: 0;
   left: 0;
}
.left {
   top: 0;
   left: 0;
   width: 110px !important;
   height: 224px;
}
.right {
   right: 0;
   bottom: 2px;
   width: 110px !important;
   height: 224px;
}
ul { list-style-type: none;}

Link to comment
Share on other sites
Maury Girard Newbie

Maury Girard

Posted
Posted

Nan ce n'est pas de l allemand mais du Turc
et si vous regarde par la


traduction faite avec google

le mesage laissé par Sase ou Chasssis ( avec la page de tradcution
Posté le: 14 Février 2009 10:38 PM
stipule bien qu'il y a un probleme avec la version 1.1 de ce kit

et basar67
Posté le: 15 Février 2009 12:14 AM
dit bien que son theme est comptatible prestashop 1.0 et non 1.1
vous voilà fixé
Link to comment
Share on other sites
se7en Newbie

se7en

Posted
Posted

Hello world,

Que modifier dans quel fichier (.js ?) pour faire tourner le slider en boucle, indéfiniment ou un grand nombre de fois ?

Merci d'avance de votre aide ;-)
Et merci encore à l'auteur !

Link to comment
Share on other sites
maxhome Newbie

maxhome

Posted
Posted

si tu n'as pas touché au s3slider.js, je vois pas...
Logiquement le module de Jolvil est un régal de simplicité à installer.
Tu modifies le tpl, éventuellement tu y ajoutes un href pour le lien sur chaque image, le reste on touche pas...

Qu'as-tu modifié exactement???
Même sans modif de ta part il boucle pas(module d'origine)?

Link to comment
Share on other sites
se7en Newbie

se7en

Posted
Posted

Merci maxhome de partager la réflexion avec moi.

Effectivement ce module est simple mais c'est bien pour cela que je n'ai touché à rien d'autre que la liste des en html.

J'utilise le module seul et non le module qui remplace l'image du module éditorial ; est-ce que ça pourrait être une piste ? (J'avais posté plus haut dans cette conversation au sujet du mode d'intégration dans le cas du module seul, mais sans susciter de réponse...)

Link to comment
Share on other sites
se7en Newbie

se7en

Posted
Posted

Oui j'utilise s3slider directement intégré dans mon header.tpl avec un {include file=//home/www/modules/s3slider/s3slider.tpl}
Mais je viens de trouver le problème : Visiblement il s'arrête de boucler quand au moins une des entrées de la liste html n'a pas son , ce qui est curieux puisqu'on sort du flux, ça ne devrait pas empêcher la bon fonctionnement du script, nope ?
Bref c'est un détail loin d'être bloquant ; je n'ai pas perdu trop de temps ;-()

Merci maxhome pour ton aide...
Encore merci pour ton travail Jolvil ! ;-)

See u
Take care

Link to comment
Share on other sites
  • 1 month later...
mudplanet Newbie

mudplanet

Posted
Posted

Salut,

Tout d'abord, félicitation au dev, chapeau bas. Moi qui suis une quiche en js, ... bref : respect.

Une personne a demandé dans ce fil comment intégrer ce module comme bloc dans toutes les pages, mais apparement la réponse n'a pas été postée (existe-t-elle ?).

Personnellement, j'ai modifié le css pour indiquer une dimension compatible avec les colonnes (j'utilise ps1.2 avec le thème par défaut). J'ai modifié les tailles des images pour que tout cela soit cohérent. Mais rien n'apparaît ...

Le Maître à bord a-t-il une solution ?

Merci d'avance
Patrice

Link to comment
Share on other sites
gribouille Newbie

gribouille

Posted
Posted

Bonjour est-ce à moi que s'adresse ce post ?
Car là je ne vois pas mon pseudo, ni mon post ....


Salut,

Tout d'abord, félicitation au dev, chapeau bas. Moi qui suis une quiche en js, ... bref : respect.

Une personne a demandé dans ce fil comment intégrer ce module comme bloc dans toutes les pages, mais apparement la réponse n'a pas été postée (existe-t-elle ?).

Personnellement, j'ai modifié le css pour indiquer une dimension compatible avec les colonnes (j'utilise ps1.2 avec le thème par défaut). J'ai modifié les tailles des images pour que tout cela soit cohérent. Mais rien n'apparaît ...

Le Maître à bord a-t-il une solution ?

Merci d'avance
Patrice
Link to comment
Share on other sites
Atch Newbie

Atch

Posted
Posted
Salut,

Tout d'abord, félicitation au dev, chapeau bas. Moi qui suis une quiche en js, ... bref : respect.

Une personne a demandé dans ce fil comment intégrer ce module comme bloc dans toutes les pages, mais apparement la réponse n'a pas été postée (existe-t-elle ?).

Personnellement, j'ai modifié le css pour indiquer une dimension compatible avec les colonnes (j'utilise ps1.2 avec le thème par défaut). J'ai modifié les tailles des images pour que tout cela soit cohérent. Mais rien n'apparaît ...

Le Maître à bord a-t-il une solution ?

Merci d'avance
Patrice


Salut,

As tu modifié le fichier PHP pour accepter l'affichage du module dans les Hook left et right?

V++

Atch
Link to comment
Share on other sites
mudplanet Newbie

mudplanet

Posted
Posted
Lit bien le premier post en prenant le temps de comprendre tous les mots et tu auras la réponse a ta question.


Ok, j'ai l'impression que tu as une (longue) dent contre moi (pourquoi ? tu as tes ragnagnas ?). tes réponses sont particulièrement acides et désagréables. J'ai lu le post entier, et je dois être vraiment con.

Pour info, je parle bien du module s3slider et non editorials3slider. Concernant s3slider, donc, j'ai essaye de l'installer dans une colonne sur l'ensemble des pages, mais il n'apparaît pas. J'ai adapté les dimensions dans le CSS, j'ai retaillé les photos, etc. Mais bon, puisque la réponse est déjà indiquée dans ce post, ne te fatigue pas à la rendre plus claire.

Merci quand même
Link to comment
Share on other sites
Atch Newbie

Atch

Posted
Posted
Lit bien le premier post en prenant le temps de comprendre tous les mots et tu auras la réponse a ta question.


Ok, j'ai l'impression que tu as une (longue) dent contre moi (pourquoi ? tu as tes ragnagnas ?). tes réponses sont particulièrement acides et désagréables. J'ai lu le post entier, et je dois être vraiment con.

Pour info, je parle bien du module s3slider et non editorials3slider. Concernant s3slider, donc, j'ai essaye de l'installer dans une colonne sur l'ensemble des pages, mais il n'apparaît pas. J'ai adapté les dimensions dans le CSS, j'ai retaillé les photos, etc. Mais bon, puisque la réponse est déjà indiquée dans ce post, ne te fatigue pas à la rendre plus claire.

Merci quand même


re,

sans rentrer dans votre conflit, je t'ai donnée une info 4/5 messages plus haut qui devrait fonctionner ;)

V++

Atch
Link to comment
Share on other sites
jolvil Newbie

jolvil

Posted
  • Author
Posted

un néophite je veux bien mais un consultant en developpement informatique ne devrai pas poser des questions dont les réponses sont déja données... et de plus sur 3 lignes. C'est comme ceux qui posent des questions abordées 100 fois sur le forum.... un peu recherche ne fait pas de mal.

Link to comment
Share on other sites
mudplanet Newbie

mudplanet

Posted
Posted
Lit bien le premier post en prenant le temps de comprendre tous les mots et tu auras la réponse a ta question.


Ok, j'ai l'impression que tu as une (longue) dent contre moi (pourquoi ? tu as tes ragnagnas ?). tes réponses sont particulièrement acides et désagréables. J'ai lu le post entier, et je dois être vraiment con.

Pour info, je parle bien du module s3slider et non editorials3slider. Concernant s3slider, donc, j'ai essaye de l'installer dans une colonne sur l'ensemble des pages, mais il n'apparaît pas. J'ai adapté les dimensions dans le CSS, j'ai retaillé les photos, etc. Mais bon, puisque la réponse est déjà indiquée dans ce post, ne te fatigue pas à la rendre plus claire.

Merci quand même


re,

sans rentrer dans votre conflit, je t'ai donnée une info 4/5 messages plus haut qui devrait fonctionner ;)

V++

Atch


Merci Atch, effectivement je confirme : je suis donc con. J'assume. J'avais raté ton post.
Je vais donc regarder dans cette direction.
Link to comment
Share on other sites
mudplanet Newbie

mudplanet

Posted
Posted

As tu modifié le fichier PHP pour accepter l'affichage du module dans les Hook left et right?


Bonjour Atch,

J'ai cherché de quel fichier PHP tu parles, mais il y en a plusieurs (...). Sérieusement, s'agit-il de la fonction install() du fichier s3slider ? J'ai trouvé dedans la ligne

return $this->registerHook('home');



et j'ai essayé de remplacer home par left (puisque c'est le coté qui m'intéresse), mais cela ne change pas grand chose. Cela dit, il y a tellement de causes possible pour que rien ne s'affiche ...

Merci pour ton aide précise
Patrice

Link to comment
Share on other sites
Atch Newbie

Atch

Posted
Posted

Oui c'est dans ce fichier mais ça se joue un peu plus bas :

cherche :

function hookHome($params)
   {        
       {
           {
               global $cookie, $smarty;
               $smarty->assign(array(                                        
                   'this_path' => $this->_path
               ));
               return $this->display(__FILE__, 's3slider.tpl');
           }
       }
       return false;
   }



et ajoute à la suite :

function hookLeftColumn($params)
   {
       return $this->hookHome($params);
   }



ensuite tu vas dans ton administration et tu te rends dans :

Admin/modules/positions ---> greffer

Greffer module slide dans leftcolumn et valider.

Normalement il devrait etre là ;)

V++

Atch

Link to comment
Share on other sites
Medusa Newbie

Medusa

Posted
Posted

J'aurais deux petites questions supplémentaires..
Savez vous si on peut inclure plusieurs fois le s3slider sur une page mais avec des images differentes..par exemple l'une dans le homepage et l'une dans une colonne, et si oui...euh comment??

D'autres part, les commentaires que l'on renseigne dans le .tpl ne prennent pas en compte les accents et symboles quand ils retranscrits sur le site dans le slider. Savez vous comment et quel fichier modifier pour regler ce probleme?

merci d'avance pour le temps que l'on m'aura accordé...

edit: j'ai répondu moi même à la deuxième question, et c'est tout simple. J'avais essayé une première fois mais il me semblait que cela ne marchait pas. Il suffit de mettre les codes caractères spéciaux correspondants. Par contre, si quelqu'un peut me dire comment se passer de cette méthode un peu fastidieuse...

Link to comment
Share on other sites
mudplanet Newbie

mudplanet

Posted
Posted

J'ai fait une modification rapide pour afficher, sur les pages autres que la page d'accueil, afin que les images affichées soient en relation avec la catégorie en cours.

Si cette modification intéresse quelqu'un, je partage, mais c'est vraiment une petite modif qui n'est pas hyper-pratique à utiliser (tout doit être fait à la main dans les fichiers, etc. Ca va si on ne change pas les catégories tous les jours, sinon ...).
Pour finaliser ce genre de modification, il faudrait faire une page de paramétrage, mais je ne sais pas (encore) faire sous PS.

@Medusa: je n'ai pas fait en sorte de pouvoir afficher plusieurs blocs s3sliddr sur la même page, mais en dupliquant le module et en changeant son nom (proprement), cela doit être théoriquement possible.

Link to comment
Share on other sites
mademoiselle Newbie

mademoiselle

Posted
Posted
On voit qu'à partir de la 6eme image il n'y a plus

Title photo x

Text photo x


Bonsoir Jolvil,

J'espère un jour être capable de faire des modules comme le tiens : merci à toi !

Comme tu vois, j'annonce la couleur : je suis débutante, après le download et l'ajout de mes images dans le dossier s3Slider (sans l'éditorial ici ), j'ai client-ftpété sur public_html, installé depuis l'admin PS ( Version 1.2.1, thème presta ) et éffectivement mes photos n'apparaissent pas malgré la suppréssion de qlqs unes de tes images, du coup, ça défile : ok pour les tiennes et rien pour les miennes, j'ai creusé la discussion par ici et avant de faire (encore) une boulette, j'aimerai savoir si mon raisonnement est le bon :

Je dois donner un titre à mes photos, éventuellement un texte et faire le lien vers elles : ok.
MAIS
- Dois-je le faire de l'éditeur de texte ou de l'éditeur de code, (éditeur html ?) depuis le panneau d'admin de mon hébergeur (Planethoster) ?

- Sur ce copier-coller ci-dessous, au niveau "img src="{$this_path}" : ceci est-il un terme générique pour indiqué que la source va être annoncé par, ici "5.jpg" alt="5">, le nom de la photo ? En ce cas, je n'ai pas besoin de toucher à ce code mais juste de changer le titre pour celui de ma photo, c'est ça ?
Où alors comment fait-on pour savoir quel est le lien de la photo en question ?


5
Title photo 5

Text photo 5



Je refais un copier-coller mais avec ce que je pense être juste, ce serait sympa de me dire si je m'approche où si je me pends ! :-S
C'est la 5 èmè photo à défillé normallement...



5
Miss Baroque

BlAbLaBLAaA



Ensuite je répète pour les 5 photos, voir plus comme tu l'as expliqué ici...

Alors ? :shut: 8-/

Merci d'avance,
Sidney
Link to comment
Share on other sites
mfrederic4 Newbie

mfrederic4

Posted
Posted

Bonsoir,
Petit soucis avec le module S3slider V1.0 utilisé sous prestashop V1.1.0.5 .
J'ai construit mon site sous MOZILLA FIREFOX V.5.0 et la aucun problème. Mais après un test en local sous IE8 le module S3slider V1.0 est invisible sur mon site, j'ai à la place un espace vide!
Qu'elle modif faut il apporter pour un bon fonctionnement?
Merci à vous.

Link to comment
Share on other sites
mfrederic4 Newbie

mfrederic4

Posted
Posted

Apres avoir fait des recherches j 'ai trouvé qu'on pouvais rajouter ceci:
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
voila ma modif

         {$HOOK_HEADER}
   </head>
   <body {if $page_name}id="{$page_name|escape:'htmlall':'UTF-8'}"{/if}>
   <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
{if !$content_only}


           <!-- Header -->




                   {$HOOK_TOP}



Mais toujours le même problème ... peut être que j ai mal placé “<meta http-equiv=“X-UA-Compatible” content=“IE=EmulateIE7” />”

j'ai modifié l'emplacement de <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" .

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html >
   <head>
       <base href="{$protocol}{$smarty.server.HTTP_HOST|escape:'htmlall':'UTF-8'}{$base_dir}" />
       <title>{$meta_title|escape:'htmlall':'UTF-8'}</title>
       <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
{if isset($meta_description) AND $meta_description}
       <meta name="description" content="{$meta_description|escape:htmlall:'UTF-8'}" />



Mais cela n'a rien changé!

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

JohnZZ

Posted
Posted

Merci pour ce module, en particulier pour l'intégration à l'éditorial.
Je me demandais s'il était possible d'intégrer les numéros en bas à droite, à l'image du module Slideshow ou mieux encore comme ce que fait Materiel.net c'est-à-dire intégrer à l'image la barre de numéros, mais n'apparaissant que si la souris approche la publicité. J'ai commencé à faire quelques tests, mais je doute que mon niveau en javascript soit suffisant pour aboutir à un résultat satisfaisant (à vrai dire j'ai eu des résultats plutôt inattendus qu'autre chose)... :gulp:

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

sebcaraibes

Posted
Posted

Bonjour,

nouveau venu sur prestashop, j'ain installé le module editorials3slider, sans problème.
Module génial, merci à son concepteur.

Par contre là ou je bloque c'est dans la modification du fichier css et tpl.
Existe t'il un tuto pour débutant ?
J'ai vu beaucoup sur le sujet mais pas tout compris...

Peut on faire un lien vers chaque produit correspondant à l'image ?

Merci par avance.
Ci-joint l'adresse de mon site

www.sexandfun972.net, critiques et remarques, commentaires sont les bienvenus...

sébcaraibes

Link to comment
Share on other sites
GillesNew Newbie

GillesNew

Posted
Posted

Bonjour,

je ne connais pas le module par coeur mais je l'utlise également.

Tu dois jouer avec une zone blanche en haut en bas de ton module afin de laisser la place au bandeau d'écriture.

Dans mon cas, j'ai choisi le chevauchement partiel, car j'opte pour une image la plus grande possible afin d'augmenter la visibilité. Le texte perd surement un peu en visibilité ...

En fait, c'est donc à toi de composer ton association IMAGE + BANDEAU en fonction du blanc qui borde l'image.

Link to comment
Share on other sites
GillesNew Newbie

GillesNew

Posted
Posted

le S3Slider t'impose une format d'image ebn PX que je n'ai pas ici et maintenant mais que tu pourras trouver sur tous les forums par exemple.

tu colles ton image dans ce cadre (qui est donc imposé par le module), mais pas sur toute la hauteur.

Je vais raisonner en cm (et non pas en PX) pour smplfier :
si par exemple, ton cadre du slider mesure 7 cm de haut X 10 cm de large

Tu colles un logo à l'intérieur qui ne fait que 4 cm de haut par exemple, ce qui laisse 1.5 cm en haut et en bas.

Pour cela, soit tu as ILLUSTRATOR ou PHOTOSHOP, soit tu "bricoles" comme je le fais car les licences présédentes sont chères, et tu retouche la photo dans PAINT ou dans MICROSOFT PICTURE MANAGER...

j'espère être complet

Link to comment
Share on other sites
lionhell Newbie

lionhell

Posted
Posted

Bonjour, j'utilise l'excellent menu haut horizontal v1.3 et le s3slider.

J'ai remarqué que les images du slider recouvrent le menu .... j'ai essayé de modifier quelques z-index à droite et à gauche mais je n'ai pas trouvé la solution.

Quelqu'un sait-il ce qu'il faut modifier pour que le menu horizontal reste au-dessus ??

Link to comment
Share on other sites
  • 3 weeks later...
untempo Newbie

untempo

Posted
Posted

Salut Jolvil, Atch et les autres ;-))

J'ai voulu modifié la taille d'affichage des images du slider et j'ai donc modifié le fichier s3slider.css mais ça ne marche pas :-(
Voici le code : 

#slider {
    width: 536px; /* important to be same as image width */
    height: 402px; /* important to be same as image height */
    position: relative; /* important */
    overflow: hidden; /* important */
    margin: auto;
    margin-bottom: 20px;
}
#sliderContent {
    width: 536px; /* important to be same as image width or wider */
    height: 422px; /* add extra 10px for consistent height */
}
   .sliderImage {float: left;position: relative;display: none;}
   .sliderImage span {
   position: absolute;
   font: 10px/15px Arial, Helvetica, sans-serif;
   padding: 2px 13px;
   width: 510px;
   background-color: #000;
   filter: alpha(opacity=50);
   -moz-opacity: 0.5;
   -khtml-opacity: 0.5;
   opacity: 0.5;
   color: #fff;
   display: none;
}
.sliderImage span strong {font-size: 14px;}
.top {top: 0;left: 0;}
.bottom {bottom: 0;left: 0;}
ul { list-style-type: none;}



Dois-je modifié un autre fichier ?
Merci de votre aide!

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

tids

Posted
Posted

Salut à tous,
j' utilise également ce slider, merci au dev.
Savez vous si il est possible de paramétrer la durée de transition entre les images ? pas la durée d' affichage des images, simplement la durée de transition ;)

merci !

Link to comment
Share on other sites
EnveloppeBulle Newbie

EnveloppeBulle

Posted
Posted

salut @ tous

loin de moi l'intention de perturber ou parasyter ce post, mais j'utilisais ce slider avant (Merci Jolvil !), et j'ai découvert un script gratuit tout à fait intéressant. J'avais alors essayé d'adapter cela dans le module mais finalement, j'ai intégré le script bêtement dans presta. Bon ça marche, mais ce n'est pas un "vrai" module (c'est un peu là où mes compétences se limitent : je n'ai encore jamais créé de module).
Donc voici ma contrib : http://www.prestashop.com/forums/viewthread/35368/developpement_et_modules/modification_editorial_un_image_slider_en_3d_
Si vous (les dévs qualifiés) pensiez que cela mériterait une adaptation en module, alors ne vous gênez pas ! je suis sûr que cela intéressera beaucoup de gens :)
@+
et surtout bonne continuation !

Link to comment
Share on other sites
  • 3 months later...
sirozz Newbie

sirozz

Posted
Posted

Pour les novices, j'ai modifié le fichier editorial.php pour autoriser la modification et l'upload des images directement dans la configuration du module. Cela a été réalisé en 1 heure et en creusant un peu, il doit y avoir quelques bugs ! Donc à tester seulement et à ne pas utiliser en production.

editorial.php

Link to comment
Share on other sites
  • 4 months later...
  • 1 month later...
  • 6 months later...
  • 3 months later...
keltik Newbie

keltik

Posted
Posted

Bonjour,

voilà un module utile vu le nombre de posts.
Merci à Jolvil.
Je suis en train de le mettre en place sur un site.
Je l'ai mis dans la colonne de droite en modifiant le fichier php. Pas de problèmes.
J'ai modifié le fichier le fichier css. Tout cela marche nickel.
Le diaporama fonctionne mais entre 2 images j'ai l'apparition rapide de l'image de Prestashop avec un point d'interrogation signifiant qu'il ne trouve pas l'image (img/404.gif) ?
Je ne comprends pas, je n'ai que 2 images et elles s'affichent bien.
J'avais testé avec les 5 images par défaut et elles s'affichaient bien et j'avais le même problème.
Comme je ne vois aucun appel d'autres images dans les fichiers, je ne vois pas d'où viens l'erreur.
Une réponse ?
Merci.

Link to comment
Share on other sites
leofougere Newbie

leofougere

Posted
Posted

Bonjour @ tous

Je commence à me mettre à prestashop.

J'ai bien reussi a modifier mes images pour le slider mais je n'arrive pas a en ajouter
Je suis sur une base de test en local avce wamp 2.1 et prestashop 1.4.2.5
Je suis avec le theme de base de prestashop
en fait j'ai l'impression qu'il ne prend pas en compte mes modif dans le fichier tpl

<!-- Module Editorials3Slider -->
<style type="text/css">@import url({$this_path}s3slider.css);</style>

[removed][removed]





Magasin Ancenis




Outillage




Terre




Verre




Four Cesame




Title photo 6
Text photo 6





   {if $xml->body->$logo_subheading}{$xml->body->$logo_subheading|stripslashes}{/if} 
   {if $xml->body->$title}{$xml->body->$title|stripslashes}{/if}
   {if $xml->body->$subheading}{$xml->body->$subheading|stripslashes}{/if}
   {if $xml->body->$paragraph}{$xml->body->$paragraph|stripslashes}{/if}

<!-- /Module Editorials3Slider -->


est ce que vous auriez une idée

Merci de vos réponses

Link to comment
Share on other sites
  • 8 months 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...