Ciao a tutti, sono alle prese coi Panels e Views, perchè vorrei creare dei blocchi in prima pagina che evidenziano alcuni contenuti.
Vi chiedo prima di tutto se è possibile attraverso questi moduli far sì che i contenuti scelti per creare il Panel (o il mini Panel anche) possano cambiare in modo dinamico (come un carousel). devo fare una view? il problema è che non capisco come legare la view al panel che ho creato... altra cosa non riesco neanche a linkare i titoli delle anteprime di contenuto che ho inserito nel panel ai nodi dove risiede l'intero contenuto presentato in anteprima..
devo cambiare strategia? qualcuno conosce qualche tutorial che fa al caso mio?
ne ho trovati alcuni ma non riesco bene a capirli. se qualcuno è in vena di speigazioni sono gradite.
Grazie a tutti!
Panels, Views, Blocchi di contenuto che cicla
Mar, 06/10/2009 - 18:03
#1
Panels, Views, Blocchi di contenuto che cicla
Ho un problema analogo che devo risolvere fra qualche giorno...
Per il momento, sto pensando ad una combinazione di Views e JCarousellite.
Da questo post, non sembra facile usando Views e JCarousel.
Io sto pensando solo a collegare il View ad un Block. Comunque credo che bisogna usare un View tipo Block anche per un Panel.
Vuoi condividere con noi quei link?
John
Più imparo, più dubito.
i jcarousel e varianti li ho tentati tutti, ma non ci riesco... ci capisco troppo codice e riesco soltanto ad avere una serie di immagini una sotto l'altra, senza ciclo... potremmo povare assieme e cercare di farlo funzionare... la documentazione in giro da molti passaggi per scontati e io non ci arrivo...
questo secondo me è un link valido (anche qui nella spiegazione molti passaggi restano oscuri) solo che stamattina il sito è giu. (...)
questo in italiano può essere utile per capire.. io pensavo che la lista di titoli potesse scorrere se come Style nella view sceglievo l'opzione cycle, ma niente di fatto... forse sono io che non capisco, ripeto.
questo è un altro metodo (ieri mi sono dimenticata di menzionarlo) che usa il node queue e il ddblock.. il nodequeue come modulo non lo conosco bene e devo un pò studiarlo, ieri non ci ho capito molto
quest'altro metodo sfrutta solo il ddblock, ma il risultato finale è uan cosa un pò diversa
questo metodo potrebbe aggirare la questione ma anche qui non capisco che path mettere.. in pratica sono foto con commenti attorno e il paginatore per scorrerle. finchè inserisco la path d'esempio funziona, poi quando cerco di mettere le mie foto non si vedono...
qui c'è un tutorial su views+views slideshow, ma non riesco a vedere il video.. (sigh°)
qui parla delle views2, e a legegrlo bene sicuramente è d'aiuto, sto per mettermici
per ultimo questo link, che è il solito content slider (c'è anche il content glider) è brutto, ma facile da far funzionare.. se non ce la faccio uso questo.
sui panels e mini panels in particolare sto ancora cercando...
Ciao giozzz,
Beh mi avevi spaventato, quindi mi sono messo dietro questo problema. Il risultato e' che ho dovuto fare un bel po' di lavoro. Sigh.
Qui di seguito i miei appunti di una mezzagiornata di fatica...
Views + JCarousellite
Risultato: un fallimento - vedi Views + jQuery.jCarousel sotto per un risultati riuscito
Downloads:
Views http://drupal.org/project/views,
jQuery update http://drupal.org/project/jquery_update,
jCarousel Lite http://drupal.org/project/jcarousellite
Oops, non e' detto sulla pagina di progetto, ma devi anche installare JQuery plugin
JQuery plugin http://drupal.org/project/jquery_plugin
Abilita jQuery update e jQuery plugins (User interface)
Abilita JCarousel Lite, e jCarousel Lite: Views Integration (JCarousel Lite)
Abilita un View (io sto usando taxonomy_term)
Vai allo view (per me taxonomy_term, dafaults)
Sotto Basic Settings, seleziona Style
Seleziona JCarousel Lite, ed il numero di elementi da visuallizare (io ho scelto 2)
Update lo Style
Salva il View modificato
Controlla il risutato (io andavo sulla pagina category/tags/ dove ho due o tre nodi)
In Firefox sono apparso le frecche (orribili) ed il carosello (minuscolo) ma sembra che sta anche includendo altri cose.
Se sposto il mouse sopra le frecche c'e' un effetto pirotecnico/stroboscopico. Sigh.
Cambio browser. Opera.
Le frecche sono ancora orribili ed il carosello (ancora minuscolo) sembra che sta anche includendo altri cose.
Niente effetti pirotecnici. Menomale.
Spegnendo jQuery update fa sparire l'effetto stroboscopico. Menomale.
Okaaay. Leggiamo la documentazione. Niente.
Vediamo il sito demo. Hmm, peccato che non spiegava *come* facceva questi demo. Sigh.
Cambio il view -> Style in unformatted.
Spengo Theme Developer per dare un'occhiata al HTML.
<div class="view-content"><div class="views-row views-row-1 views-row-odd views-row-first">
<div class="node">
<!-- Node content, incluso altri ul/li -->
</div>
</div>
<div class="views-row views-row-2 views-row-even views-row-last">
<div class="node">
<!-- Node content, incluso altri ul/li -->
</div>
</div>
Bene, adesso di nuovo con formatto jCarousel Lite:
<div class="view-content"><a href="/#sb" class="jcarousellite-prev jcarousellite-prev-5 jcarousellite-prev-5-1">
<img src="/sites/all/modules/jcarousellite/modules/jcarousellite_views/images/prev-horizontal.png" alt="<<" title="Scroll back" width="33" height="32" />
</a>
<div class="jcarousellite jcarousellite-5 jcarousellite-5-1">
<div class="item-list">
<ul>
<li class="">
<div class="node">
<!-- Node content, incluso altri ul/li -->
</li>
<li class="">
<div class="node">
<!-- Node content, incluso altri ul/li -->
</li>
</ul>
</div>
</div>
<a href="/#sb" class="jcarousellite-next jcarousellite-next-5 jcarousellite-next-5-1">
<img src="/sites/all/modules/jcarousellite/modules/jcarousellite_views/images/next-horizontal.png" alt="<<" title="Scroll forward" width="32" height="32" />
</a>
</div>
Beh, sembra apposto. Andiamo a vedere la documentazione di jCarousel Lite (JavaScript). http://www.gmarwaha.com/jquery/jcarousellite/
C'e' documentazione. http://www.gmarwaha.com/jquery/jcarousellite/#doc Menomale.
Proviamo a dare il div un po' piu' spazio...
div.jcarousellite div.item-list {background-color: transparent;
border:1px solid #666666;
width: 100% !important;
}
.jcarousellite-5 {
width: 600px;
height: 200px;
}
Niente. Abandoniamo jCarousel Lite... dopo due ore di lavoro.
Proviamo jCarousel? http://drupal.org/project/jcarousel
Ah, non ha integrazione con Views. Lasciamo perdere, andiamo al metallo...
Views + jQuery.jCarousel
Trovato quest'articolo: "Views and JCarousel" http://drupal.org/node/197040
Suggeriscono di usare jCarousel (JavaScript) e basta (vedi commento "Got it!"). Proviamo...
Vai allo view (per me taxonomy_term, dafaults)
Sotto Basic Settings, seleziona Style
Seleziona HTML list e unordered list
Update lo Style
Salva il View modificato
Riabilitia jQuery updates, e spegniamo per sempre jCarousel Lite.
Uninstall jCarousel Lite, e togliamolo dal disco.
Abilita Theme developer
Ok, quella che mi interessa e' views-view-list.tpl.php
Un po' generico, ma va bene per questo sito.
Ah, trovato: sites/all/modules/views/theme/views-view-list.tpl.php copiato nel theme.
Butto il codice in page.tpl.php:
<script type="text/javascript" src="<?php print base_path() . path_to_theme() ?>/jcarousel/lib/jquery.jcarousel.pack.js"></script><link rel="stylesheet" type="text/css" href="<?php print base_path() . path_to_theme() ?>/jcarousel/lib/jquery.jcarousel.css" />
<link rel="stylesheet" type="text/css" href="<?php print base_path() . path_to_theme() ?>/jcarousel/skins/tango/skin.css" />
<script type="text/javascript">
jQuery(document).ready(function() {
$("div.view-content").find("ul").attr("id","jcarousel");
$("#jcarousel").addClass("jcarousel-skin-tango");
$("#jcarousel").jcarousel({
scroll: 2
});
});
</script>
E modifico views-view-list.tpl.php:
<?php// $Id: views-view-list.tpl.php,v 1.3 2008/09/30 19:47:11 merlinofchaos Exp $
/**
* @file views-view-list.tpl.php
* Default simple view template to display a list of rows.
*
* - $title : The title of this group of rows. May be empty.
* - $options['type'] will either be ul or ol.
* @ingroup views_templates
*/
?>
<div class="item-list">
<?php if (!empty($title)) : ?>
<h3><?php print $title; ?></h3>
<?php endif; ?>
<<?php print $options['type']; ?> id="jcarousel">
<?php foreach ($rows as $id => $row): ?>
<li class="<?php print $classes[$id]; ?>"><?php print $row; ?></li>
<?php endforeach; ?>
</<?php print $options['type']; ?>>
</div>
Bene, si vede qualcosa, le frecche sono piu' carine, niente effetti stroboscopici. Ma il carello e' troppo piccolo.
Stessa cosa in Opera. Va bene, okaaay.
Vediamo di modificare lo skin...
Faccio una copia di jcarousel/skins/tango/skin.css in jcarousel-skin.css
Cambio i valori nei url() per trovare le immagine. Modifico page.tpl.php da usare questo skin. Controllo le pagine che sono come primo. Okay.
Smanetto un po', anzi un bel po' e' sono vicino ad un risultato decente. Altri due ore. Sigh.
Avevo preparato un screenshot, ma questo forum/commento non ha un upload. Sigh.
Ok, lo screenshot ho messo su un altro sito...scusa l'eccessivo pubblicita' (e' un sito gratis, ci sa quanto dura) - spero che non mi mandino 25 email al giorno...
HTH
John
Più imparo, più dubito.
ci vuole del tempo, lo so.... ci ho messo impegno e giorni senza avere nessun buon risultato.. poi mi sono spostata su altre esigenze e mi sono dimenticata tutto quel poco che ci avevo capito.....
spero che qualcuno qui sul forum si sia già cimentato e possa aggiungere a questo post altre informazioni utili (anche perchè, se già la documentazione è oscura in inglese, in italiano c'è proprio il black out totale....)
cmq dallo screenshot mi sembra che alla fine sei riuscito bene!!!! più o meno è quel che volevo io.
appena ho in mano qualcosa torno a scriverlo qui! e grazie1000000000000!!!!!!!!!
Per quello che ti serve puoi installare view slideshow che ti permette di far ciclare non solo i campi ma interi nodi. Una volta creato un blocco con view( e slideshow) puoi tranquillamente richiamarlo in un panel (crei una pagina, scegli path, titolo, layout e qualche altra opzione ed infine quando sei nella schermata delle regioni, clicca sul "+" ed aggiungi contenuto. In views (o viste, dipende) trovi la vista da te creata che puoi così richiamare)
Se hai bisogno di un aiuto un po più preciso fammi sapere.
Tutorial, guide e moduli per drupal su www.cmswiki.net
ok grazie, appena posso provo e poi spero di ritrovarti qui! grazie ancora
ciao a tutti. più o meno stesso problema, sto provando un po' di soluzioni e quella più semplice mi sembra, come indicato da matteofro, usare view slideshow..finchè creo una pagina con questa view nessun problema, tutto funziona molto bene. ma non mi serve a molto! devo creare un blocco per poi metterlo in cima alla homepage! ma quando creo il blocco questo, una volta attivato (nel content top) non funziona!!
come è possibile? è ovvio che dev'essere qualche impostazione che confligge di codice nei blocchi con lo slidshow! cosa può essere? io uso drupal 5! tema amadou modificato!