Jump to content

[Module] Sélection De Produits Dans Slideshow


Recommended Posts

Salut à toute la communauté.

 

Je fais suite à un sujet trouvé dans la section modules payants et appels d'offres ici.

 

J'ai donc développé ce module simple, qui vous permettra de sélectionner les produits d'une catégorie choisie et de configurer le nombre de produits affichés.

 

Pour rendre cela agréable, j'ai utilisé les ressources du slideshow ici.

 

Compatible prestashop 1.5.x.

 

J'espère que cela pourra servir ! :)

 

Contenu du fichier script.js pour les besoins de la config du slideshow :

 

auto: true,			 // Boolean: Animate automatically, true or false
speed: 500,			 // Integer: Speed of the transition, in milliseconds
timeout: 4000,		  // Integer: Time between slide transitions, in milliseconds
pager: true,			// Boolean: Show pager, true or false
nav: false,			 // Boolean: Show navigation, true or false
random: false,		  // Boolean: Randomize the order of the slides, true or false
pause: false,		   // Boolean: Pause on hover, true or false
pauseControls: false,	// Boolean: Pause when hovering controls, true or false
prevText: "Previous",   // String: Text for the "previous" button
nextText: "Next",	   // String: Text for the "next" button
maxwidth: "",		   // Integer: Max-width of the slideshow, in pixels
navContainer: "",	   // Selector: Where controls should be appended to, default is after the 'ul'
manualControls: "",	 // Selector: Declare custom pager navigation
namespace: "rslides",   // String: Change the default namespace used
before: function(){},   // Function: Before callback
after: function(){}	 // Function: After callback

 

Télécharger le module (gratuit)

 

Salut à toute la communauté.

 

Je fais suite à un sujet trouvé dans la section modules payants et appels d'offres ici.

 

J'ai donc développé ce module simple, qui vous permettra de sélectionner les produits d'une catégorie choisie et de configurer le nombre de produits affichés.

 

Pour rendre cela agréable, j'ai utilisé les ressources du slideshow ici.

 

Compatible prestashop 1.5.x.

 

J'espère que cela pourra servir ! :)

 

Contenu du fichier script.js pour les besoins de la config du slideshow :

 

auto: true,			 // Boolean: Animate automatically, true or false
speed: 500,			 // Integer: Speed of the transition, in milliseconds
timeout: 4000,		  // Integer: Time between slide transitions, in milliseconds
pager: true,			// Boolean: Show pager, true or false
nav: false,			 // Boolean: Show navigation, true or false
random: false,		  // Boolean: Randomize the order of the slides, true or false
pause: false,		   // Boolean: Pause on hover, true or false
pauseControls: false,	// Boolean: Pause when hovering controls, true or false
prevText: "Previous",   // String: Text for the "previous" button
nextText: "Next",	   // String: Text for the "next" button
maxwidth: "",		   // Integer: Max-width of the slideshow, in pixels
navContainer: "",	   // Selector: Where controls should be appended to, default is after the 'ul'
manualControls: "",	 // Selector: Declare custom pager navigation
namespace: "rslides",   // String: Change the default namespace used
before: function(){},   // Function: Before callback
after: function(){}	 // Function: After callback

 

Télécharger le module (gratuit)

post-46954-0-07128400-1362583877_thumb.jpg

aselectV1.0.zip

aselectV2.3.zip

Edited by arnaud1900 (see edit history)
  • Like 1
Link to comment
Share on other sites

MAJ : V1.1

 

- suppression de la ligne 79 qui ne servait à rien :rolleyes:

 

Testé sur 1.5.3 marche pas résultat page blanche :(Fatal error: Call to undefined method ImageType::getFormatedName() in /modules/aselect/aselect.php on line 79

 

Alors j'ai regardé et je me suis rendu compte que cette ligne ne servait à rien. Du coup vous pouvez la supprimer ou télécharger le module v1.1

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

Salut Arnaud,

 

Je viens de tester ton module, il fonctionne parfaitement et merci de ta contribution, par contre, j'ai mis 10 au nombre de produits à afficher, mais seulement 4 apparaissent, est-ce normal ?

 

Merci

 

Salut Fehim, j'ai fait des modifes sur le css. Peux-tu me dire si cela change quelque chose?

Sinon vérifie bien la catégorie que tu a sélectionée et le nombre de produits quelle contient (on sait jamais) ;)

Link to comment
Share on other sites

  • 2 weeks later...
  • 1 month later...

M.A.J V2.2 :

- ajout des champs pour modifier plusieurs options du slideshow directement dans l'admin du module :

 

auto : Activer ou Désactiver le défilement automatique

speed : Vitesse des changements en milliseconde

timeout : Durée de la pause entre deux changements

pager : Activer ou Désactiver la pagination

nav : Activer ou Désactiver la navigation avec les flèches

random : Activer ou Désactiver l'ordre aléatoire des affichages produits

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

M.A.J V2.2 :

- ajout des champs pour modifier plusieurs options du slideshow directement dans l'admin du module :

 

auto : Activer ou Désactiver le défilement automatique

speed : Vitesse des changements en milliseconde

timeout : Durée de la pause entre deux changements

pager : Activer ou Désactiver la pagination

nav : Activer ou Désactiver la navigation avec les flèches

random : Activer ou Désactiver l'ordre aléatoire des affichages produits

 

Super sympas la mise à jour. Par contre je me permet de t'apporter mon avis pour les prochaines MAJ s'il y'en a :

 

- le fait que la description du produit figure n'est pas très bien, car selon la longueur de celle-ci le module a tendance à prendre toute la longueur de la colonne pour l'afficher, je pense que simplement le titre devrait figurer.

 

Voilà, c'est tout ce que je peux dire pour le moment, merci à toi.

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

Bonjour

 

Par défaut votre module s'installe dans la colonne de gauche, or j'ai passé mon thème en deux colonnes : centrale + droite.

 

Est-il possible de modifier le hook, pour le faire apparaître là où on veut ? Soit la colonne de droite, soit à la place de l'éditeur de texte ou encore pour remplacer les scènes ?

 

Cordialement.

Link to comment
Share on other sites

Désolé de pas répondre de suite, le forum ne m'envoie pas de mail lorsque quelqu'un laisse un message dans mes posts (pourtant l'option est activée).

 

Vous pouvez déjà greffez le module dans la colonne de droite, pour ce qui est de la colonne centrale je regarde ça.

  • Like 1
Link to comment
Share on other sites

Rebonjour

 

Merci pour votre réponse, mais ça ne fonctionne pas quand je veux greffer votre module sur la colonne de droite, en modifiant le hook la modification est bien présente en BO, mais ne s'affiche pas en front office :-(

 

Si on pouvait effectivement le placer en haut du site, à l'accueil ou sur les pages produits, ça pourrait être sympa ....

 

Cordialement

Link to comment
Share on other sites

M.A.J sur la version 2.2:

- Ajout du hook HomeContent

- modification du css pour que cela soit ajusté à la colonne du centre (HomeContent)

 

Rebonjour

 

Merci pour votre réponse, mais ça ne fonctionne pas quand je veux greffer votre module sur la colonne de droite, en modifiant le hook la modification est bien présente en BO, mais ne s'affiche pas en front office :-(

 

Si on pouvait effectivement le placer en haut du site, à l'accueil ou sur les pages produits, ça pourrait être sympa ....

 

Cordialement

 

Quelle version du module vous utilisez ?

  • Like 1
Link to comment
Share on other sites

Très bonne mise à jour, encore merci arnaud ! Mais personnellement, j'aimerai ne voir que le titre du produit, est-ce possible ? Comment dois-je faire ? Merci

 

J'ai remarquer un certain bug je pense, parfois le prix s'affiche sur la même ligne que la description et est de couleur noir, au lieu d'être en rouge ?

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

Bon bein pour moi ça ne fonctionne toujours pas :o

 

Le module se greffe toujours par défaut sur la colonne gauche, et ne reconnaît pas la droite et la home page, quand je veux le greffer dessus, ça me répond que le module ne peut pas être greffé sur ces hook.

 

error2.pngCe module ne peut être greffé sur ce hook.

 

:ph34r:

Link to comment
Share on other sites

Très bonne mise à jour, encore merci arnaud ! Mais personnellement, j'aimerai ne voir que le titre du produit, est-ce possible ? Comment dois-je faire ? Merci

 

J'ai remarquer un certain bug je pense, parfois le prix s'affiche sur la même ligne que la description et est de couleur noir, au lieu d'être en rouge ?

 

Pour afficher uniquement le titre, il faut aller dans le fichier dossier du module ->views->template->hook->aselect.tpl

 

Et modifier ce code:

    // titre du produit
  <p id="name">{$prd.name}</p>
   // description du produit
  {$prd.description_short|truncate:100:"...":true}
 // prix du produit
  <p id="price">{if !$priceDisplay}{convertPrice price=$prd.price}{else}{convertPrice price=$product.price_tax_exc}{/if}</p>

par

  <p id="name">{$prd.name}</p>

A ce moment vous n'aurez plus que le nom du produit.

 

Bon bein pour moi ça ne fonctionne toujours pas :o

 

Le module se greffe toujours par défaut sur la colonne gauche, et ne reconnaît pas la droite et la home page, quand je veux le greffer dessus, ça me répond que le module ne peut pas être greffé sur ces hook.

 

error2.pngCe module ne peut être greffé sur ce hook.

 

:ph34r:

 

ok. Bon faut croire que la version pour prestashop 1.5 n'est pas super bien prise en compte sur l'autre version.

Je vais mettre à jour la version 1.0

Link to comment
Share on other sites

Pour afficher uniquement le titre, il faut aller dans le fichier dossier du module ->views->template->hook->aselect.tpl

 

Et modifier ce code:

 // titre du produit
  <p id="name">{$prd.name}</p>
// description du produit
  {$prd.description_short|truncate:100:"...":true}
 // prix du produit
  <p id="price">{if !$priceDisplay}{convertPrice price=$prd.price}{else}{convertPrice price=$product.price_tax_exc}{/if}</p>

par

  <p id="name">{$prd.name}</p>

A ce moment vous n'aurez plus que le nom du produit.

 

Par ça plutôt :

// titre du produit
  <p id="name">{$prd.name}</p>
 // prix du produit
  <p id="price">{if !$priceDisplay}{convertPrice price=$prd.price}{else}{convertPrice price=$product.price_tax_exc}{/if}</p>

 

Ca marche nickel !! Merci beaucoup, parcontre toujours ce soucis "d'instabilité" quant au fait que l'affichage s'allonge selon la longueur du titre ? Sans truncate, est-ce possible de donner une longueur à l'affichage pour qu'au final tout les litres s'affiche dans un même espace ?

 

Merci encore

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

Par ça plutôt :

// titre du produit
  <p id="name">{$prd.name}</p>
 // prix du produit
  <p id="price">{if !$priceDisplay}{convertPrice price=$prd.price}{else}{convertPrice price=$product.price_tax_exc}{/if}</p>

 

Ca marche nickel !! Merci beaucoup, parcontre toujours ce soucis "d'instabilité" quant au fait que l'affichage s'allonge selon la longueur du titre ? Sans truncate, est-ce possible de donner une longueur à l'affichage pour qu'au final tout les litres s'affiche dans un même espace ?

 

Merci encore

 

Cela dépend du design de votre site. Par conséquent, il faudrait faire les modifications dans le css en donnant, par exemple, une hauteur fixe à vos titres de produits.

Link to comment
Share on other sites

Cela dépend du design de votre site. Par conséquent, il faudrait faire les modifications dans le css en donnant, par exemple, une hauteur fixe à vos titres de produits.

 

J'utilise le thème par défaut de presta 1.5, comment procéder pour donner une hauteur fixe ?

 

Merci

Link to comment
Share on other sites

J'utilise le thème par défaut de presta 1.5, comment procéder pour donner une hauteur fixe ?

 

Merci

Allez dans le fichier css->rslide.css ligne 94

remplacez

p#name {
 text-align: left;
 font-size: 13px;
 font-weight: bold;
}

par :

p#name {
 text-align: left;
 font-size: 13px;
 font-weight: bold;
 display: block;
 height: 30px;
}

 

Prenez le temps d'apprendre le css, c'est quasi obligatoire dans l'intégration

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

Allez dans le fichier css->rslide.css ligne 94

remplacez

p#name {
 text-align: left;
 font-size: 13px;
 font-weight: bold;
}

par :

p#name {
 text-align: left;
 font-size: 13px;
 font-weight: bold;
 display: block;
 height: 30px;
}

 

Prenez le temps d'apprendre le css, c'est quasi obligatoire dans l'intégration

 

Merci beaucoup je vais essayer ça ! Oui je suis débutant, j'apprends tous les jours de nouvelles choses, c'est sympas !

Je rapporte un nouveau bug : Lorsqu'on active les flèches de navigation, sous Firefox, il y'a un décalage de l'image vers la droite qui se retrouve sous la fleche droite.

 

Merci

Link to comment
Share on other sites

Merci beaucoup je vais essayer ça ! Oui je suis débutant, j'apprends tous les jours de nouvelles choses, c'est sympas !

Je rapporte un nouveau bug : Lorsqu'on active les flèches de navigation, sous Firefox, il y'a un décalage de l'image vers la droite qui se retrouve sous la fleche droite.

 

Merci

Je viens de mettre à jour le module V2.2.

 

SInon dans le css :

rajouter à la ligne 3 dans .rslides {

float:left;

et à la ligne 36 dans .rslides_tabs {

clear:both;

Link to comment
Share on other sites

  • 1 month later...
  • 2 weeks later...
  • 2 weeks later...

Bonjour à tous

 

J'ai un souci d'affichage avec ie 8&9, il me bloque l'affichage du site page accueil produit catégories, et aucuns soucis avec chrome et ff.

 

Peut être que la cause n'est pas le module lui même mais la non compatibilité de 2 modules, par contre si je désactive aselect le site fonctionne parfaitement en local et sur le serveur de test avec ie 8 & 9

 

Avez-vous une idée ?

 

Ps 1.4.6.2

Aselect V1.1

 

Par avance merci.

Link to comment
Share on other sites

  • 2 months later...
  • 1 month later...
  • 4 weeks later...
  • 3 weeks later...
Guest
This topic is now closed to further replies.
×
×
  • Create New...