[Module]Multislides en CSS

loulou66 · December 22, 2013

Coucou

Le père noël arrive en peu en avance et vous amener ce cadeaux baser sur ce module précédent :

http://www.prestashop.com/forums/topic/288984-block-promotion-en-css/

voici un module de slides multiples en CSS qui permet d'afficher au choix dans la/les colonne(s) le/les block(s) suivants :

- Promotions + compte à rebours sur la page produit

- Meilleures ventes

- Nouveaux produits

- Fabricants

les animations des slides sont en CSS seul le compteur sur le page produit est en JS

tester en locale sur une version 1.5.4.1 doit être compatible sur toutes les 1.5 et 1.6.

coter BO

4 onglets qui vous permettent de paramétrer chaque block à afficher

pour les effets ce sont toujours ceux de base et le différence n'est pas très perceptible sur de petit slides comme ceux-ci

Coter Client

pour le compteur sur la page produits l'affichage est baser sur le thème par défaut de PS il vous faudra donc mettre les mains dans le CSS pour l'adapter a votre thème j'ai rajouter des commentaire des ligne a modifier dans le fichier flipclock.css.

il s'agit essentiellement :

- des Largeur(width),

- des hauteur(height),

- des hauteur de police(font_size),

- des hauteur de lignes( line_height),

- et des décalage de label(top,left,right).

Utiliser chrome ou Firefox (F12) pour modifier et voir le résultat en live pour ensuite modifier le CSS

penser a vider les caches ou désactiver les caches dans les performances lors des modifs et des les remettre une fois fini.

voilou à vos test ^^

VERSION 1.22

- correction de la traduction

- Modification des CSS pour rendre l'affichage compatible pour le thème par défaut et les thèmes Graphileom

@++

Loulou66

multislides-V1_22.zip

Edited March 21, 2014 by loulou66 (see edit history)

vir21 · December 22, 2013

Je vais tester et merci beaucoup !

caeruleus · December 29, 2013

Merci pour cet excellent travail, j'ai testé le module sur un serveur de test en 1.5.6.1 et je rencontre quelques problèmes avec cette version (ce ne sont pas des critiques, mais des observations pour permettre d'améliorer le module).

1/ Les images "Enabled.gif" et "Disabled.gif n'apparaissent pas dans le BO, et je ne les retrouvent pas dans l'archive.

2/ L'arrêt du défilement au passage de la souris serait un petit plus à prévoir dans une prochaine version.

3/ Les différents blocs ne défilent pas à la même vitesse, j'ai pourtant tout configuré à l'identique.

4/ Il manque une pause de quelques secondes entre le défilement de chaque article.

5/ Il y a un blanc de quelques secondes à la fin des scrollings aussi bien en infini qu'en aller-retour (avant que la séquence ne redémarre)

Voir la vidéo à cette adresse :

http://www.dailymotion.com/video/x18zcke_2013-12-28-478-1

6/ Il manque un "E" à "meilleures ventes" (en BO et FO + texte "Pas de meilleures ventes en ce moment").

7/ Le lien sur le bouton "Tous les nouveaux produits" est invalide (erreur 404).

8/ Le compte à rebours ne tient pas compte de la date de début des promotions.

Exemple : si nous sommes le 29/12 et que je configure une promo du 10/01 au 31/01 : dans la fiche produit, la remise (avec le prix barré ne s'affiche pas (normal car la promo n'a pas encore démarrée) mais le compte à rebours affiche "Promo" plus que 33 jours .... alors que la promo ne démarre que le 10/01.

Il faudrait faire une requette sur la date et heure de début, si passé on affiche le décompte jusqu’à la date de fin, si date future on affiche pas le décompte.

9/ Petit soucis de présentation du décompte, les textes "jours - heures - minutes - sec." sont décallés, il serait préférable de les centrer au dessus de leurs compteurs respectifs (avec un tableau transparent par exemple).

10/ Si la base comporte plus de 10 articles en promotion, le block n'en affiche que 10.

11/ Le nouveau module n'est plus compatible avec mon thème alors que les anciennes versions (java et css) l'étaient.

Liste des problèmes rencontrés avec mon thème :

a- Les cadres autour des blocs (propres à mon thème) n'apparaissent plus, probablement du au fait qu'il y a plusieurs titres dans le même bloc.

b- Le compte à rebours est trop large et s'affiche sur 2 lignes (l'ancien décompte s'affichait très bien).

c- Dommage que l'on ne puisse pas réorganiser l'ordre d'affichage des 4 blocks dans le Live Edit, car 4 blocks distincts auraient offert plus de souplesse de mise en page.

Sinon, cela reste du très bon boulot.

vir21 · December 31, 2013

Bonjour,

Pour ma part, hormis les images "Enabled.gif" et "Disabled.gif n'apparaissent pas dans le BO, les liens vers les produits ne fonctionnent pas, de plus cela me désactive les liens de l'ensemble du site quand le module est activé.

Mes droits sont en 755, je suis en version 1.5.6.1, url simplifiées.

Une idée ?

Merci.

loulou66 · January 7, 2014

Coucou

Bonne année a tous

Merci pour les retours

1/ Les images "Enabled.gif" et "Disabled.gif n'apparaissent pas dans le BO, et je ne les retrouvent pas dans l'archive.

ajout des images GIF dans le module

2/ L'arrêt du défilement au passage de la souris serait un petit plus à prévoir dans une prochaine version.

je regarde ça.

3/ Les différents blocs ne défilent pas à la même vitesse, j'ai pourtant tout configuré à l'identique.

4/ Il manque une pause de quelques secondes entre le défilement de chaque article.

5/ Il y a un blanc de quelques secondes à la fin des scrollings aussi bien en infini qu'en aller-retour (avant que la séquence ne redémarre)

oui ya un problème quel sont le temps d'affichage et le temps de transition que tu as configurer ?

6/ Il manque un "E" à "meilleures ventes" (en BO et FO + texte "Pas de meilleures ventes en ce moment").

corriger.

7/ Le lien sur le bouton "Tous les nouveaux produits" est invalide (erreur 404).

correction des liens de redirection des boutons.

8/ Le compte à rebours ne tient pas compte de la date de début des promotions.

Exemple : si nous sommes le 29/12 et que je configure une promo du 10/01 au 31/01 : dans la fiche produit, la remise (avec le prix barré ne s'affiche pas (normal car la promo n'a pas encore démarrée) mais le compte à rebours affiche "Promo" plus que 33 jours .... alors que la promo ne démarre que le 10/01.

corrections des conditions nécessaire a l'affichage du countdown

10/ Si la base comporte plus de 10 articles en promotion, le block n'en affiche que 10.

c'est voulu le module ce sert des fonction de PS qui récupére que 10 produits max

9/ Petit soucis de présentation du décompte, les textes "jours - heures - minutes - sec." sont décallés, il serait préférable de les centrer au dessus de leurs compteurs respectifs (avec un tableau transparent par exemple).

11/ Le nouveau module n'est plus compatible avec mon thème alors que les anciennes versions (java et css) l'étaient.

Liste des problèmes rencontrés avec mon thème :

a- Les cadres autour des blocs (propres à mon thème) n'apparaissent plus, probablement du au fait qu'il y a plusieurs titres dans le même bloc.

b- Le compte à rebours est trop large et s'affiche sur 2 lignes (l'ancien décompte s'affichait très bien).

c- Dommage que l'on ne puisse pas réorganiser l'ordre d'affichage des 4 blocks dans le Live Edit, car 4 blocks distincts auraient offert plus de souplesse de mise en page.

comme je l'ai souligner dans le 1er post il faut que tu adapte les CSS à ton thème

pour les live edit la position du module utilise qu'un seul et unique block donc les 4 block ne forme en fait qu'un seul block mais tu peut modifier l'ordre d'affichage en modifiant le TPL il y a des repères dedans.

VERSION 1.1

correction des bug citer ci-dessus

@++

loulou66

caeruleus · January 7, 2014

oui ya un problème quel sont le temps d'affichage et le temps de transition que tu as configurer ?

Bonjour, j'ai laissé les temps par défaut qui étaient identiques pour les 4 blocs, et dans la vidéo que j'ai publier la différence de vitesse est flagrante entre certains blocs.

Pour l'adaptation des CSS à mon thème, je vais tenter de m'y mettre mais je ne suis pas sur d'y arriver, quelle est la liste des fichiers à adapter ?

Merci pour la correction rapide des nombreux bugs signalés, je testerais la nouvelle version 1.1 prochainement.

loulou66 · January 8, 2014

coucou

pour les fichiers a adapter a ton thème il s'agit de

multislides.css pour les blocks

et

flipclock.css pour le compteur

dans les dossier CSS

est-ce que ton site est en ligne pour regarder le problème de temps ?

@++

loulou66

caeruleus · January 8, 2014

Bonjour,

@ loulou66 : merci pour le nom des fichiers je regarderais si j'arrive à y apporter les modifications.

Je n'ai pas testé le module sur un site en ligne, mais sur un serveur de test (en ligne) et j'ai depuis effacé les fichiers.

voici une vidéo du décalage des vitesses entre les blocs, et les blancs entre chaque renouvellement :

http://www.dailymotion.com/video/x18zcke_2013-12-28-478-1

@ bibiyanki : le compte à rebours se déclenche automatiquement en ajoutant un prix spécifique (remise) dans une fiche produit.

loulou66 · January 9, 2014

coucou

@ bbibiyanki

oui cela affiche les promo ou les soldes suivant que tu configure les produits en BO si tu veut que le block promo seul tu as ce module

http://www.prestashop.com/forums/topic/288984-block-promotion-en-css/

@++

loulou66

loulou66 · January 10, 2014

coucou

VERSION 1.11

correction des messages d'erreur pour le block fabricants si pas de fabricants existant.

@++

loulou66

caeruleus · January 10, 2014

Bonjour,

Je n'ai pas eu le temps de tester la version 1.1 cette semaine, je testerais la 1.11 en milieu de semaine prochaine.

PS : Idem pour mes MP, j'y répondrais début de semaine également ;-)

@+ et bon week-end.

caeruleus · January 22, 2014

@ bibiyanki :

Le compte à rebours ne s'affiche que sur les pages produits, pour éviter de charger 10 compteurs sur toutes les pages et augmenter d'autant le temps de chargement des pages.

@ loulou66 :

Désolé pour le retard pour tester la nouvelle version (début d'année difficile)

J'ai refais l'install en 1.11 sur une version PS 1.5.6.2 (propre, sans maj ni modifications).

Je t'envois le lien de mon serveur "test" en MP.

je reprends la même numérotation que précédemment (post #3) pour les bugs, ça évitera de tout mélanger lol.

1/ Les images "Enabled.gif" et "Disabled.gif n'apparaissent toujours pas dans le BO, par contre elles sont désormais présentes dans l'archive, il faut juste renommer les premières lettres des noms en majuscules sur le serveur et ensuite elles apparaissent correctement.

2/ L'arrêt du défilement au passage de la souris serait toujours un petit plus (à prévoir dans une prochaine version).

3/ Les différents blocs ne défilent toujours pas à la même vitesse, j'ai pourtant tout configuré à l'identique (laissé par défaut affichage 4 et transition 1 pour les 4 blocs).

4/ Il manque toujours une pause de quelques secondes entre le défilement de chaque article.

5/ Il y a toujours un blanc de quelques secondes à la fin des scrollings aussi bien en infini qu'en aller-retour (avant que la séquence ne redémarre).

6/ Les "E" manquants à "meilleures ventes" sont corrigés dans le FO, mais pas dans le BO (c'est déjà moins gênant car non visible par les clients lol)

7/ Les liens des boutons sont ok à présent.

8/ Le compte à rebours est ok également, il tient maintenant compte des dates de commencement des promos.

9/ Petit soucis de présentation du décompte, les textes "jours - heures - minutes - sec." sont toujours décalés, il serait préférable de les centrer au dessus de leurs compteurs respectifs (avec un tableau transparent par exemple).

9bis/ Le décompte est trop large et s'affiche sur 2 lignes dès que la promo dure plus de 99 jours.

10/ Ce n'était pas un bug, alors on fera avec, lol

11/ Je verrais plus tard pour l'adaptation à mon thème

12/ Nouveau problème : j'ai du renommer le dossier "multislides_default" en "multislides" pour pouvoir installer le module, l'install était impossible avec le "_default".

Je t'envois mon lien en MP, et encore merci pour ce module.

Edited January 22, 2014 by caeruleus (see edit history)

Fehmi135 · January 27, 2014

Salut à tous,

Question bête du jour, comment installer le module ? ^^

caeruleus · January 27, 2014

Comme tous les autres modules, sauf qu'il faut supprimer le "_default" dans le nom du dossier, sinon il refuse de s'installer (tout du moins chez moi, mais cela dépend peut être de la version de PS utilisée).

Fehmi135 · January 28, 2014

Ah oui je n'avais pas supprimer le "_default", merci du coup de main ^^

Et merci également au developpeur de ce module qui m'a l'air plutôt sympas, à tester plus profondément. C'est vrai qu'il me semble que les vitesses ne sont pas identiques.

loulou66 · January 28, 2014

coucou

mise a jour du nom du dossier dans l'archive

@Caeruleus

j'ai regarder ton site Test il y un problème dans le calcul des pourcentages pour les slides je regarde cela

@++

loulou66

cyril83 · January 28, 2014

Comme tous les autres modules, sauf qu'il faut supprimer le "_default" dans le nom du dossier, sinon il refuse de s'installer (tout du moins chez moi, mais cela dépend peut être de la version de PS utilisée).

Bjr chez moi ( en 1.5.6.2) il marque module correctement installé mais quand je vais dans la liste des modules il est introuvable ?

Pourquoi?

Fehmi135 · January 28, 2014

Bjr chez moi ( en 1.5.6.2) il marque module correctement installé mais quand je vais dans la liste des modules il est introuvable ?

Pourquoi?

Vérifie bien que tes filtres n'affiche pas seulement les modules installés : le module s'appelle Block à Carrousel Multiples en CSS

caeruleus · January 28, 2014

Bjr chez moi ( en 1.5.6.2) il marque module correctement installé mais quand je vais dans la liste des modules il est introuvable ?

Pourquoi?

Il me faisait la même chose avant de renomer le nom du dossier (module correctement installé, mais pourtant inexistant).

Renome le dossier, ou télécharge la nouvelle archive.

caeruleus · January 28, 2014

coucou

mise a jour du nom du dossier dans l'archive

@Caeruleus

j'ai regarder ton site Test il y un problème dans le calcul des pourcentages pour les slides je regarde cela

@++

loulou66

Merci, j'ai vraiment hâte de tester la prochaine mise à jour ;-)

cyril83 · January 28, 2014

Bjr effectivement il faut modifier le nom du dossier pour qu il puisse s'installer proprement .

Mais beaucoup de problème sur ce module à commencer par un problème de boucle, déjà annoncé sur le premier module (blanc de près d'une mn en fin de boucle ? tourne aussi de manière saccadé et personnellement (il est vrai que je l'ai arrangé à ma sauce) je préfère le premier décompte on avait deux choix: vente flash ou soldes et ce coté flash était aussi très réussi, d'autant plus que le bandeau promo bave un peu.Mais il est vrai que ça on peu le faire soit même.Sinon je remercie le créateur de ce superbe module qui ne demande qu à être amélioré.

loulou66 · January 29, 2014

Coucou

VERSION 1.2

- Suppression de_default dans le nom du dossier de l'archive

- Correction des traductions

- Correction des noms des images Enable et Disable pour la BO

- Modifications du calculs des varaibles pour les slides

- Rajout de fichiers data pour les block "Promotions" , "Meilleures Ventes", "Nouveaux produits" pour que les slide fonctionnent correctement avec des produits compris entre 2 et 10

@Caeruleus

Avec cette nouvelle version tes problèmes de slide devrait être résolu en effet j'avais tabler que tous le monde avait plus de 10 produits à faire défiler donc si il y avait moins de 10 produits cela faussait tous les calculs. J'ai donc corriger le problème les slides maintenant fonctionnent a partir de 2 produits jusqu’à 10 produits max

Il pourra néanmoins avoir un différence de défilement entre le slides ne contenant pas le même nombre de produits

@Fehmi135

Pour ce qui est des Meilleures ventes en effet je pense que la requete Sql GetBestSlaesLight du fichier classes/Productsales.php prend les 10 produits base sur la quantité en stock et non sur les ventes reel des produits

essaye des modifier le fichier classes/ProductSales.php

ligne 145 :

ps.`quantity` AS sales, p.`ean13`, p.`upc`, cl.`link_rewrite` AS category

par

ps.`sale_nbr` AS sales, p.`ean13`, p.`upc`, cl.`link_rewrite` AS category

ou sales_nbr correspond bien au nombre de ventes des produits dans la Base de Données dans la table 'product_sale'

j'ai tester sur mon serveur local et ça s'approche bien des ventes des produits

@++

loulou66

Edited January 29, 2014 by loulou66 (see edit history)

caeruleus · January 29, 2014

Bonjour,

Très bon travail avec de nombreuses améliorations, on approche bientôt de la perfection !

Cependant j'ai toujours quelques erreurs (voir mon serveur test mis à jour avec v.1.2).

- Pour les images enabled et disabled, c'est devenu l'inverse, avant le script les appelait avec une majuscule et les fichiers étaient en minuscules, maintenant il faut renommer les images sur le serveur FTP en minuscules (on va y arriver - lol).

- Je ne remarque toujours aucune différence entre les 5 effets de transition. (mais ce n'est pas grave).

- Entre le dernier produit et le retour sur le premier (nouveau cycle) il n'y a pas de "slide" ce qui gâche quand même le rendu final de l'animation et donne un effet brouillon (voir mon serveur test).

- Le décompte à rebours est toujours affiché sur 2 lignes si la promo dure plus de 99 jours. (voir photo)

- Les textes "jours, heures, minutes, sec." ne sont toujours pas centrés par rapport à leurs compteurs respectifs. (voir photo)

- Il manque encore un dernier "E" dans "Activer le block Meilleures ventes" lol.

- Un dernier point que je n'avais pas remarqué dans les anciennes versions : Le texte "Masquez si pas de promotions" est à remplacer dans les 3 blocks (meilleures ventes, nouveaux produits, fabricants) par "Masquer si pas de [terme correspondant au block]". Et en profiter pour remplacer "Masquez" par "Masquer".

La perfection se rapproche à grands pas !

caeruleus · January 29, 2014

J'ai oublié de poster l'image lol

loulou66 · January 31, 2014

coucou

VERSION 1.21

- Correction divers bug dans les fichiers data

- Ajout de la traduction pour l'image du compteur

- Modification des CSS pour rendre l'affichage compatible pour le thème par défaut et les thèmes Graphileom

- Ajout de la pause du slide lorsque la souris passe dessus

-Divers correction images et traduction

@++

loulou66

Edited January 31, 2014 by loulou66 (see edit history)

Fehmi135 · January 31, 2014

Un grand merci à loulou pour ces efforts !

Je viens de tester la nouvelles version, c'est vraiment pas mal du tout! Par contre je sais pas vous, mais les images paraissent de très mauvaises qualités, et je pense que du "home_default" serait mieux que du "medium_default" en terme de taille.

J'ai trouvé un module qui à l'air vraiment très bien au vu de ses caractéristiques :

Les produits hors stocks ne sont pas affichés.
Possibilité de modifier le nombre de produits affichés.
Calcul sur une période et non sur tout l'historique de votre boutique.
Possibilité d'éliminer des produits de l'affichage.

Mais il n'a malheureusement pas l'air à jour. Peut être pourrais-tu t'inspirer de quelques fonctions ou bien tout bonnement mettre à jour ce module prochainement.

Je le met en pièce jointe.

Il a été proposé je crois en 2009 gratuitement sur le forum, et il est également téléchargeable ici :

http://comcevoir.com/content/module-meilleures-ventes-pour-prestashop

rcblockbestsellers.zip

Edited January 31, 2014 by Fehmi135 (see edit history)

caeruleus · January 31, 2014

Bonjour,

2 version en 2 jours, et de nombreuses améliorations apportées, Loulou66 est très réactif !

Et surtout le module est devenu compatible avec les thèmes Graphileom.

Cette fois, il n'y a plus de gros soucis, je vais enfin pouvoir passer le module en prod.

Il reste quelques petites améliorations ou corrections à faire, mais vraiment sans gravité ni extrême urgence car ça reste pleinement fonctionnel.

- Pour le thème par défaut c'est ok, mais avec le thème graphiléom les images ne sont pas centrées (décalées vers la droite) dans les blocs nouveaux produits et fabricants (je n'ai pas testé le blocs meilleurs ventes, car sur serveur test).

Probablement une position forcée au lieu d'un <center> mais je ne trouve pas ou.

La capture écran : (à gauche thème natif, à droite thème graphileom)

- Les textes jours, heures, min. et sec. sont toujours décentrés par rapport à leurs compteurs respectifs. (voir photo post #25).

- Dans le BO, le texte "Masquez si pas de promotions" est à remplacer par "Masquer (avec un R) si pas de [texte correspondant au block].

- Un slide de transition entre le dernier produit et le retour au 1er produit, serait un gros plus graphique.

Ce problème n’apparaît qu'en sélectionnant le mode "infini", c'est ok pour le mode aller/retour.

Un grand merci à Loulou66 pour ce superbe module, ainsi que pour la gratuité.

============

@ Fehmi135 :

Les images ne sont pas de très bonnes qualités, car elles sont agrandies de 58*58 (en natif) à 80*80 ce qui augmente la pixellisation des images. Le "medium_default" est très bien car des images plus grandes pour ensuite être réduites seraient bien trop lourdes à charger.

Tu peut essayer d'y remédier en affichant les images à leurs tailles d'origines (cad 58*58) en réalisant les modifications suivantes :

Editer le fichier : multislides/multislides.tpl

Lignes 18, 65, 103, 139 (remplacer) width="80px" height="80px" (par) width="58px" height="58px"

@+

Edited January 31, 2014 by caeruleus (see edit history)

loulou66 · March 19, 2014

Coucou

desolé le suivi du sujet etait desactivé

@Caeruleus

pour le décalage dans les block dans le fichier global.css ligne 320

change padding: 8px; en padding: 8px 0;

pour le compteur dans le fichier flipclock.css du module ligne 67

change margin:5px; en margin:3px;

@++

loulou66

caeruleus · March 21, 2014

Bonjour, et merci pour ces précisions.

- Si je modifie le "global.css" ça résous le problème pour les blocs qui sont décalés vers la droite, mais ça décale vers la gauche tous les blocs qui étaient centrés (y compris les blocs natifs).

Pour bien faire il faudrait intervenir dans chaque bloc concerné, je pense qu'il sagit du fichier "multislides.css" mais je n'y arrive pas.

- Pour le compteur, le problème de largeur (avec affichage sur 2 colonnes) a été résolu avec la dernière version 1.2.1

Le problème qui persiste est que les textes (jours, heures, min, sec) ne sont pas centrés avec leurs compteurs respectifs, la mise en tableau serait l'idéal mais je bloque.

Merci.

loulou66 · March 21, 2014

Coucou

VERSION 1.22

- correction de la traduction

- Modification des CSS pour rendre l'affichage compatible pour le thème par défaut et les thèmes Graphileom

@Caereleus cela devrait corriger tes problèmes

a savoir pour les mot jours, heures, minutes, secondes

voir le fichier flipclock.css lignes 203, 206,209,212

et il y aura forcement un décalage suivant le nombre de jours ( a 3 ou 2 chiffres)

@++

Loulou66

scea · March 21, 2014

Bonsoir

Merci pour le module.

Ma question est sur le module multislide, est t il possible d'augmenter le nombre d'article qui défilent ? je souhaiterai faire defilier en fait tous mes produits.

Si vous avez la solution, je suis preneur.

Merci à tous

loulou66 · March 21, 2014

Coucou

pas avec le module en css car les fichier data sont predefini pour 10 article max

avec du javascript j'en ai un de coter(celui d'origine) il faudrai que je l'adapte

si tu veut que les promotions il y a ce module

http://www.prestashop.com/forums/topic/41520-module-module-de-promotion-et-des-fabriquants-avec-carrousel-v2/page-5?do=findComment&comment=1090423

@++

Loulou66

scea · March 22, 2014

Hello Loulou 66

Merci de ta réponse , en fait je souhaite faire défiler tous mes produits en page d'accueil !

donc ma question était : peux t on modifier ce module ( predefini d'origine pour 10 articles max ) pour faire défiler tous mes articles ? et pas seulement que la rubrique promotion, nouveaux articles ou autres....

Peux être connaissez vous un module qui fait ceci ?

Merci à tous de vos réponses et bon week end à tous

JC

caeruleus · March 27, 2014

Bonjour,

Merci pour ces mises à jours !

Pour éviter le décalage des mots jours, heures, min., sec. Il faudrait essayer une mise en tableau, ce qui permettrait de centrer le texte dans les cellules, la largeur des cellules ne serait pas définie dans le code source ce qui aurait pour effet d'adapter la taille des cellules à leur contenu (1,2, ou 3 jours). La police de caractère pourrait être réduite pour que le texte "heures" ne dépasse pas en largeur les 2 chiffres du compteur.

Voici un exemple, avec un tableau visible, il suffirait de le rendre invisible (border 0) pour le rendu final.

1er compteur = l'affichage actuel

2eme compteur = mise en tableau (jours sur 3 chiffres)

3eme compteur = mise en tableau (jours sur 2 chiffres)

le nombre de chiffres des jours détermine la largeur de la colonne, et le mot "jours" se centre automatiquement dans sa cellule.

Cordialement, et encore merci pour ce superbe module gratuit

io.nature · April 4, 2014

bonjour,

j'ai installer pour essai le module sur prestashop 1.6.0.5 :

installation : RAS

le défilement des produits, la navigation sur le site sont nickel , mais....

le bug : impossibilité de visionner une fiche article, page blanche.....

voilà pour l'info

merci encore loulou66 pour ton travail

askinjew · May 2, 2014

Coucou

Le père noël arrive en peu en avance et vous amener ce cadeaux baser sur ce module précédent :

http://www.prestashop.com/forums/topic/288984-block-promotion-en-css/

voici un module de slides multiples en CSS qui permet d'afficher au choix dans la/les colonne(s) le/les block(s) suivants :

- Promotions + compte à rebours sur la page produit

- Meilleures ventes

- Nouveaux produits

- Fabricants

les animations des slides sont en CSS seul le compteur sur le page produit est en JS

tester en locale sur une version 1.5.4.1 doit être compatible sur toutes les 1.5 et 1.6.

coter BO

4 onglets qui vous permettent de paramétrer chaque block à afficher

pour les effets ce sont toujours ceux de base et le différence n'est pas très perceptible sur de petit slides comme ceux-ci

Coter Client

pour le compteur sur la page produits l'affichage est baser sur le thème par défaut de PS il vous faudra donc mettre les mains dans le CSS pour l'adapter a votre thème j'ai rajouter des commentaire des ligne a modifier dans le fichier flipclock.css.

il s'agit essentiellement :

- des Largeur(width),

- des hauteur(height),

- des hauteur de police(font_size),

- des hauteur de lignes( line_height),

- et des décalage de label(top,left,right).

Utiliser chrome ou Firefox (F12) pour modifier et voir le résultat en live pour ensuite modifier le CSS

penser a vider les caches ou désactiver les caches dans les performances lors des modifs et des les remettre une fois fini.

voilou à vos test ^^

VERSION 1.22

- correction de la traduction

- Modification des CSS pour rendre l'affichage compatible pour le thème par défaut et les thèmes Graphileom

@++

Loulou66

thanks alot perfect nice modül.

askinjew · May 5, 2014

hi l have littel prob.

can you help me plz.

ok now.

multislides.tpl

18- <img src="{$link->getImageLink($product.link_rewrite, $product.id_image, 'medium_default')}" alt="{$product.legend|escape:htmlall:'UTF-8'}" title="{$product.name|escape:htmlall:'UTF-8'}" width="80px" height="80px"/>

change with this:

18-<img src="{$link->getImageLink($product.link_rewrite, $product.id_image, 'large_default')}" alt="{$product.legend|escape:htmlall:'UTF-8'}" title="{$product.name|escape:htmlall:'UTF-8'}" width="80px" height="80px"/>

thanks alot for this modül...

Edited May 5, 2014 by askinjew (see edit history)

[Module]Multislides en CSS

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment