THELIA Forum

Welcome to the THELIA support and discusssion forum

Announcement

Rejoignez la communauté sur le Discord Thelia : https://discord.gg/YgwpYEE3y3

Offline

#1 Slide Show

(28-11-2010 22:16:38)


Bonjour,

Petit question de faisabilité, y a-t-il un moyen d’avoir un Slide Show sur la page index administrable à partir du BO.

Merci d’avance pour l’infos ou si il existe une astuce.

Offline

#2 Re: Slide Show

(29-11-2010 09:04:52)


Bonjour Baxter,

Précise ta pensé mais je te préviens que ce que tu demandes paraît très spécifique et donc dépourvu de solution pré-existante, de plus ça paraît pas forcément facile à faire. ^^


Nytro Nytropeu !

Multi-squelettes <= all
Connexionauto <= all

Offline

#3 Re: Slide Show

(29-11-2010 12:50:53)


Bonjour Nyro,

Voila j’ai fait un site pour un pote qui souhaite modifier quand il en a envie  lui-même son bandeau de 700x80 en JS sur sa page index, qui est  fait avec jquery.nivo.slider.pack.js (pris comme exemple).  Bien sur il n’au aucune connaissance en infos d’où ma question, et je voulais savoir si il existe une appli de ce style qui aurais une interface d’administration ou voir un plugin pour Thélia.
Le but n’est que de gérer le changement des images, pas les effets du JS que je laisse par default.

Merci

Offline

#4 Re: Slide Show

(29-11-2010 13:09:02)


Bonjour,

C'est super simple, tu crées un contenu ou ce que tu veux, dans lequel tu mets les images utilisées pour ton slideshow et via l'admin tu montres à ton pote comment ajouter et modifier des images pour l'objet choisi.

Alfouine,


Au royaume des aveugles, les borgnes sont mal vus.

Offline

#5 Re: Slide Show

(29-11-2010 18:12:56)


Bonjour,

A vi pas mal comme idée faut que je pofine sa, il faudrait que je récupère la boucle image dans  les produit sans la gestion des vignettes et que j’applique mon JS a la place de celui par default. Suis-je sur la bonne route en procédant comme sa.

Merci alfouine

Offline

#6 Re: Slide Show

(29-11-2010 21:23:23)


Dans le principe c'est ça, tu intègres des boucles Thélia dans ton slideshow et comme cela tu peux gérer les images via le BO.

Alfouine,


Au royaume des aveugles, les borgnes sont mal vus.

Offline

#7 Re: Slide Show

(30-11-2010 11:19:00)


Héhé comme quoi la pensé simple (pas simpliste) fait tourner le monde. smile


Nytro Nytropeu !

Multi-squelettes <= all
Connexionauto <= all

Offline

#8 Re: Slide Show

(27-05-2015 11:51:55)


bonjour, j'ai besoin de créer un slider en back office avec deux modèles différents (image seule, vidéo + texte).Est ce que c'est possible d'intégrer un tel plugin dans modules ou je dois tous développer?

Merci de m'expliquer comment procéder pour ceux qui ont une idée.

Offline

#9 Re: Slide Show

(27-05-2015 12:08:59)


Tu peux créer facilement un slide show en utilisant un contenu pour stocker les documents media (images,  vidéos),  et les boucles content et images/document dans les templates front-office, le tout assaisonné d'un plugin jQuery adéquat, bien sûr.


OpenStudio Toulouse

Offline

#10 Re: Slide Show

(27-05-2015 13:29:57)


si je comprend bien, dans le backffice, j'ai dois gérer les documents media (images,  vidéos) et je dois créer une table pour les stocker.

Offline

#11 Re: Slide Show

(27-05-2015 13:58:12)


Absolument pas.

Tu vas utiliser un contenu (dans le back-office : Dossiers -> Contenus) pour stocker tes images (dans l'onglet Images) ou tes vidéos (dans l'onglet Documents).

Ensuite, dans ton template HTML, là où tu veux afficher tes slides, tu vas utiliser une boucle image (http://doc.thelia.net/en/documentation/loop/image.html) ou document (http://doc.thelia.net/en/documentation/ … ument.html) pour récupérer les fichiers, et construire le HTML de ton slide show. Exemple avec des images :

<div id="ton_carousel">
    <ul>
        {loop type="image" content="<id de ton contenu>" order="manual"}
        <li>
            <img src="{$IMAGE_URL}" alt="{$TITLE}">
        </li>
        {/loop}
    </ul>
</div>

Après tu utilises le plugin jQuery que tu veux pour l'animer.


OpenStudio Toulouse

Offline

#12 Re: Slide Show

(27-05-2015 15:08:21)


Merci pour la réponse,je comprend maintenant. Je dois avoir deux skins pour le choix de modèle (image ou vidéo), comment je peux procéder?

et merci une autre fois.

Offline

#13 Re: Slide Show

(27-05-2015 15:17:10)


Comment ça "deux skins" ?


OpenStudio Toulouse

Offline

#14 Re: Slide Show

(27-05-2015 15:28:43)


j'ai besoin de créer différents modèles de slide : un modèle composé des bulles de texte et un player vidéo  et un modèle composé uniquement d’une image. A la création d’un slide il faut pouvoir choisir le modèle et en fonction de celui-ci adapter les éléments à éditer. Par exemple, pour le modèle 1, il faut prévoir deux zones de texte avec un nombre de caractères limités pour pouvoir gérer le texte présent dans chacune des bulles et également la possibilité d’uploader une vidéo ou d’intégrer un lien vidéo YouTube ou Vimeo. Pour le modèle 2, il faut prévoir la possibilité d’uploader une image en précisant la taille nécessaire pour avoir un slide non déformé.

Last edited by AmalSghaier (27-05-2015 16:42:32)

Offline

#15 Re: Slide Show

(27-05-2015 18:10:22)


Tu peux te débrouiller avec les champs "résumé", "description" et "postscriptum" des images pour entrer tes informations textuelles.

La boucle image permet de redimensionner très précisément une image, il n'est pas nécessaire de préciser les tailles des images.

Et pour les "skins", tu a juste à les coder directement dans ton template (HTML / CSS / JS).

Voilà, je pense que tu sais tout.


OpenStudio Toulouse

Offline

#16 Re: Slide Show

(27-05-2015 19:07:44)


je vous remercie infiniment pour vos réponses.
J'ai essayé de suivre votre solution mais j'ai des problèmes d'upload des images : je ne peux ni les ajouter ni les supprimer.

Voilà l'erreur qui s'affiche lors du survol:

<!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <meta name="robots" content="noindex,nofollow" /> <style> /* Copyright (c) 2010, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.com/yui/license.html */ html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;} html { background: #eee; padding: 10px } img { border: 0; } #sf-resetcontent { width:970px; margin:0 auto; } .sf-reset { font: 11px Verdana, Arial, sans-serif; color: #333 } .sf-reset .clear { clear:both; height:0; font-size:0; line-height:0; } .sf-reset .clear_fix:after { display:block; height:0; clear:both; visibility:hidden; } .sf-reset .clear_fix { display:inline-block; } .sf-reset * html .clear_fix { height:1%; } .sf-reset .clear_fix { display:block; } .sf-reset, .sf-reset .block { margin: auto } .sf-reset abbr { border-bottom: 1px dotted #000; cursor: help; } .sf-reset p { font-size:14px; line-height:20px; color:#868686; padding-bottom:20px } .sf-reset strong { font-weight:bold; } .sf-reset a { color:#6c6159; cursor: default; } .sf-reset a img { border:none; } .sf-reset a:hover { text-decoration:underline; } .sf-reset em { font-style:italic; } .sf-reset h1, .sf-reset h2 { font: 20px Georgia, "Times New Roman", Times, serif } .sf-reset .exception_counter { background-color: #fff; color: #333; padding: 6px; float: left; margin-right: 10px; float: left; display: block; } .sf-reset .exception_title { margin-left: 3em; margin-bottom: 0.7em; display: block; } .sf-reset .exception_message { margin-left: 3em; display: block; } .sf-reset .traces li { font-size:12px; padding: 2px 4px; list-style-type:decimal; margin-left:20px; } .sf-reset .block { background-color:#FFFFFF; padding:10px 28px; margin-bottom:20px; -webkit-border-bottom-right-radius: 16px; -webkit-border-bottom-left-radius: 16px; -moz-border-radius-bottomright: 16px; -moz-border-radius-bottomleft: 16px; border-bottom-right-radius: 16px; border-bottom-left-radius: 16px; border-bottom:1px solid #ccc; border-right:1px solid #ccc; border-left:1px solid #ccc; } .sf-reset .block_exception { background-color:#ddd; color: #333; padding:20px; -webkit-border-top-left-radius: 16px; -webkit-border-top-right-radius: 16px; -moz-border-radius-topleft: 16px; -moz-border-radius-topright: 16px; border-top-left-radius: 16px; border-top-right-radius: 16px; border-top:1px solid #ccc; border-right:1px solid #ccc; border-left:1px solid #ccc; overflow: hidden; word-wrap: break-word; } .sf-reset a { background:none; color:#868686; text-decoration:none; } .sf-reset a:hover { background:none; color:#313131; text-decoration:underline; } .sf-reset ol { padding: 10px 0; } .sf-reset h1 { background-color:#FFFFFF; padding: 15px 28px; margin-bottom: 20px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; border: 1px solid #ccc; } </style> </head> <body> <div id="sf-resetcontent" class="sf-reset"> <h1>Whoops, looks like something went wrong.</h1> <h2 class="block_exception clear_fix"> <span class="exception_counter">1/1</span> <span class="exception_title"><abbr title="LogicException">LogicException</abbr> in <a title="C:\xampp\htdocs\printdesign\vendor\symfony\http-foundation\Symfony\Component\HttpFoundation\File\MimeType\MimeTypeGuesser.php line 127" ondblclick="var f=this.innerHTML;this.innerHTML=this.title;this.title=f;">MimeTypeGuesser.php line 127</a>:</span> <span class="exception_message">Unable to guess the mime type as no guessers are available (Did you enable the php_fileinfo extension?)</span> </h2> <div class="block"> <ol class="traces list_exception"> <li> in <a title="C:\xampp\htdocs\printdesign\vendor\symfony\http-foundation\Symfony\Component\HttpFoundation\File\MimeType\MimeTypeGuesser.php line 127" ondblclick="var f=this.innerHTML;this.innerHTML=this.title;this.title=f;">MimeTypeGuesser.php line 127</a></li> <li>at <abbr title="Symfony\Component\HttpFoundation\File\MimeType\MimeTypeGuesser">MimeTypeGuesser</abbr>->guess('C:\xampp\tmp\php1E52.tmp') in <a title="C:\xampp\htdocs\printdesign\vendor\symfony\http-foundation\Symfony\Component\HttpFoundation\File\File.php line 87" ondblclick="var f=this.innerHTML;this.innerHTML=this.title;this.title=f;">File.php line 87</a></li> <li>at <abbr title="Symfony\Component\HttpFoundation\File\File">File</abbr>->getMimeType() in <a title="C:\xampp\htdocs\printdesign\vendor\thelia\core\lib\Thelia\Controller\Admin\FileController.php line 143" ondblclick="var f=this.innerHTML;this.innerHTML=this.title;this.title=f;">FileController.php line 143</a></li> <li>at <abbr title="Thelia\Controller\Admin\FileController">FileController</abbr>->processImage(<em>object</em>(<abbr title="Symfony\Component\HttpFoundation\File\UploadedFile">UploadedFile</abbr>), '1', 'category', 'image', <em>array</em>('image/jpeg' => <em>array</em>('jpg', 'jpeg'), 'image/png' => <em>array</em>('png'), 'image/gif' => <em>array</em>('gif')), <em>array</em>()) in <a title="C:\xampp\htdocs\printdesign\vendor\thelia\core\lib\Thelia\Controller\Admin\FileController.php line 94" ondblclick="var f=this.innerHTML;this.innerHTML=this.title;this.title=f;">FileController.php line 94</a></li> <li>at <abbr title="Thelia\Controller\Admin\FileController">FileController</abbr>->saveFileAjaxAction('1', 'category', 'image', <em>array</em>('image/jpeg' => <em>array</em>('jpg', 'jpeg'), 'image/png' => <em>array</em>('png'), 'image/gif' => <em>array</em>('gif')), <em>array</em>()) in <a title="C:\xampp\htdocs\printdesign\vendor\thelia\core\lib\Thelia\Controller\Admin\FileController.php line 250" ondblclick="var f=this.innerHTML;this.innerHTML=this.title;this.title=f;">FileController.php line 250</a></li> <li>at <abbr title="Thelia\Controller\Admin\FileController">FileController</abbr>->saveImageAjaxAction('1', 'category')</li> <li>at <abbr title=""></abbr>call_user_func_array(<em>array</em>(<em>object</em>(<abbr title="Thelia\Controller\Admin\FileController">FileController</abbr>), 'saveImageAjaxAction'), <em>array</em>('1', 'category')) in <a title="C:\xampp\htdocs\printdesign\vendor\symfony\http-kernel\Symfony\Component\HttpKernel\HttpKernel.php line 117" ondblclick="var f=this.innerHTML;this.innerHTML=this.title;this.title=f;">HttpKernel.php line 117</a></li> <li>at <abbr title="Symfony\Component\HttpKernel\HttpKernel">HttpKernel</abbr>->handleRaw(<em>object</em>(<abbr title="Thelia\Core\HttpFoundation\Request">Request</abbr>), '1') in <a title="C:\xampp\htdocs\printdesign\vendor\symfony\http-kernel\Symfony\Component\HttpKernel\HttpKernel.php line 61" ondblclick="var f=this.innerHTML;this.innerHTML=this.title;this.title=f;">HttpKernel.php line 61</a></li> <li>at <abbr title="Symfony\Component\HttpKernel\HttpKernel">HttpKernel</abbr>->handle(<em>object</em>(<abbr title="Thelia\Core\HttpFoundation\Request">Request</abbr>), '1', <em>true</em>) in <a title="C:\xampp\htdocs\printdesign\vendor\thelia\core\lib\Thelia\Core\TheliaHttpKernel.php line 78" ondblclick="var f=this.innerHTML;this.innerHTML=this.title;this.title=f;">TheliaHttpKernel.php line 78</a></li> <li>at <abbr title="Thelia\Core\TheliaHttpKernel">TheliaHttpKernel</abbr>->handle(<em>object</em>(<abbr title="Thelia\Core\HttpFoundation\Request">Request</abbr>), '1', <em>true</em>) in <a title="C:\xampp\htdocs\printdesign\vendor\thelia\core\lib\Thelia\Core\Stack\ParamInitMiddleware.php line 86" ondblclick="var f=this.innerHTML;this.innerHTML=this.title;this.title=f;">ParamInitMiddleware.php line 86</a></li> <li>at <abbr title="Thelia\Core\Stack\ParamInitMiddleware">ParamInitMiddleware</abbr>->handle(<em>object</em>(<abbr title="Thelia\Core\HttpFoundation\Request">Request</abbr>), '1', <em>true</em>) in <a title="C:\xampp\htdocs\printdesign\vendor\thelia\core\lib\Thelia\Core\Stack\SessionMiddleware.php line 80" ondblclick="var f=this.innerHTML;this.innerHTML=this.title;this.title=f;">SessionMiddleware.php line 80</a></li> <li>at <abbr title="Thelia\Core\Stack\SessionMiddleware">SessionMiddleware</abbr>->handle(<em>object</em>(<abbr title="Thelia\Core\HttpFoundation\Request">Request</abbr>), '1', <em>true</em>) in <a title="C:\xampp\htdocs\printdesign\vendor\stack\builder\src\Stack\StackedHttpKernel.php line 23" ondblclick="var f=this.innerHTML;this.innerHTML=this.title;this.title=f;">StackedHttpKernel.php line 23</a></li> <li>at <abbr title="Stack\StackedHttpKernel">StackedHttpKernel</abbr>->handle(<em>object</em>(<abbr title="Thelia\Core\HttpFoundation\Request">Request</abbr>), '1', <em>true</em>) in <a title="C:\xampp\htdocs\printdesign\vendor\symfony\http-kernel\Symfony\Component\HttpKernel\Kernel.php line 188" ondblclick="var f=this.innerHTML;this.innerHTML=this.title;this.title=f;">Kernel.php line 188</a></li> <li>at <abbr title="Symfony\Component\HttpKernel\Kernel">Kernel</abbr>->handle(<em>object</em>(<abbr title="Thelia\Core\HttpFoundation\Request">Request</abbr>)) in <a title="C:\xampp\htdocs\printdesign\web\index_dev.php line 36" ondblclick="var f=this.innerHTML;this.innerHTML=this.title;this.title=f;">index_dev.php line 36</a></li> </ol> </div> </div> </body> </html>

Offline

#17 Re: Slide Show

(27-05-2015 19:17:09)


L'extension PHP file_info n'est sans doute pas activée. Une recherche sur le forum te permettras de trouver la solution.


OpenStudio Toulouse

Offline

#18 Re: Slide Show

(27-05-2015 21:34:46)


Problème résolu. Merci ROADSTER31.

Offline

#19 Re: Slide Show

(28-05-2015 10:26:03)


J'ai un problème d'affichage des images après upload et j'ai essayé de le résoudre mais je n'arrive pas. Est ce que ça a une relation avec le plugin TinyMCE.
Ce problème est présent dans d'autres discussions mais solution.
Merci en avance.

Offline

#20 Re: Slide Show

(28-05-2015 10:29:36)


J'ai un problème d'affichage des images après upload

Oui, on a vu, pas la peine de poster partout, ça saoule plus qu'autre chose.

Mais comme on n'habite pas dans ta tête, tu peux nous expliquer quel est le problème, et ce qu'il se passe exactement ?


OpenStudio Toulouse

Offline

#21 Re: Slide Show

(28-05-2015 10:58:46)


Je m'excuse ROADSTER31 pour le dérangement.
Aprés l'upload, les images s'affichent gris avec un texte dessus : 'Image file not found'.
Lorque je vérifie la table image_folder, les images sont ajoutés mais le problème ils n’appariaient pas en back office.
voilà un imprime écran explicatif:

image file not found

Offline

#22 Re: Slide Show

(28-05-2015 11:20:27)


Et les fichiers image existent dans local/media/images/content ?


OpenStudio Toulouse

Offline

#23 Re: Slide Show

(28-05-2015 11:25:32)


oui ça existe.

Offline

#24 Re: Slide Show

(28-05-2015 12:00:10)


Bon, alors là comme ça, je ne sais pas.


OpenStudio Toulouse

Offline

#25 Re: Slide Show

(28-05-2015 13:34:46)


J'ai testé la demo du back office Thelia, les images s'affichent correctement. En comparent mon site avec la demo j'ai remarqué que l'url  géneré est la cause.Dans mon cas, l'url est toujours "http://placehold.it/200x100&text=Image+file+not+found ".Je vais essayé de changer la facon dont est généré l'url et  dés que j'ai du nouveau je le dirais.