WebSite X5Help Center

 
Stiac Engineering
Stiac Engineering
User

Client Testimonials Carousel: Slideshow in cui visualizzare le recensioni.  it

Autor: Stiac Engineering
Besucht 873, Followers 3, Geteilt 0  

Buongiorno ragazzi, dovrei essere riuscito nell'intento.

Come precedentemente indicato mi sono dedicato nella realizzazione di un guida per rendere la creazione del plugin più agevole.

Nel post troverete il codice PHP e la struttura front-end, fornita a blocchi, al fine di rendere modulare l'uso del plugin, ovvero se trovate un front-end differente basta prelevare solo il codice PHP.

Link: https://www.gebher.com/blog/index.php?client-testimonials-carousel-for-website-x5

A fine guida potete scaricare il "pacchetto" completo, comprendente anche le immagini usate nell'esempio.

Spero possa essere utile e di gradimento. Premetto che è la prima volta che mi cimento nel realizzare un articolo blog così corposo con WebSite X5, dunque è per me una novità, ma ci tengo sempre a superare il limite del X5.

Ad augusta per angusta.

P.s. Ho impostato il post in idea nella speranza che Incomedia stessa possa realizzare un oggetto simile.

Gepostet am
17 ANTWORTEN - 2 NüTZLICH
Mauro B.
Mauro B.
User

Grande GABRIELE!

Ad augusta per angusta!!!wink

Mehr lesen
Gepostet am von Mauro B.
L. C
L. C
User

ciao e grazie per il codice, volevo infomarti che ho implementato il codice alla seguente pagina : Qui

Purtroppo non si visualizzano i commenti, vorrei chiederti dove sbaglio?

ho ricontrollato i parmetri di connessioni e sono tutti giusti...

Domanda , il secodo codice dopo php e il seguente codi html dove devo incollarlo? perchè l'ho incollato dopo il primo codice php nell'oggetto html

Mehr lesen
Gepostet am von L. C
Giancarlo B.
Giancarlo B.
User

Complimenti Gabriele e grazie per la condivisione. wink

Mehr lesen
Gepostet am von Giancarlo B.
Stiac Engineering
Stiac Engineering
User
Autor

Buongiorno ragazzi e grazie per l'apprezzamento. Spero possa essere utile. Ovviamente il merito è solo in minima parte mia, in quanto ho solo rimesso in funzione quanto precedentemente realizzato dai ragazzi de Quelli del Cucuzzolo.

Come scritto nel post, se avete ulteriori idee mi piacerebbe provare a realizzarle e raggrupparle. Dove Incomedia non arriva, credo che noi utenti possiamo fare la differenza. Magari alla fine fondiamo una Start up dove creiamo noi il nostro programma. wink

Ho notato un piccolissimo bug nello script che uso per la gestione del Blog, che di fatto dava problemi a WebSite X5, bug già risolto. 

Quando si preme il pulsante copia, viene riportato anche il carattere "U+00A0" chiamato "spazio inscindibile" o "non separabile" che viene utilizzato per evitare che il testo venga diviso in due righe in caso di spaziatura automatica del testo, carattere che è stato usato per rendere visibile il codice. Tuttavia, potrebbe causare problemi in alcuni casi.

Se notate che nell'Oggetto HTML il codice viene inserito così, premete F5 per ricaricare lo script nel sito.

Mehr lesen
Gepostet am von Stiac Engineering
Stiac Engineering
Stiac Engineering
User
Autor

Dopo aver risolto questo piccolo bug, della quale mi scuso, basta che copiamo il codice

1) HTML

2) PHP

Mettendoli insieme come simpaticamente indicato, come se fosse un "panino".

Dopo questo dobbiamo inserire le credenziali di connessione al database e indicare la tabella. In questo step dovete vedere le credenziali dal vostro servizio di hosting. Sono le stesse che sono state impostate in WebSite X5 > Step 5 > Esportazione > Parametri > Gestione Dati.

Mentre per sapere la tabella bisogna connettersi a phpMyAdmin cercando la tabella dove il software ha "depositato" i commenti dei clienti. Nel mio caso si chiama w5_rpaywb07_1019_02_comments e oltre al nome della tabella prendiamo l'ID dell'oggetto usato per identificare in modo univoco la pagina (es. x5gb70192)

Allegare i file CSS e JS e impostare la pagina in PHP.

Una volta online tutto funziona. Ho provato a eseguire i passaggi come indicato nell'articolo.

Mehr lesen
Gepostet am von Stiac Engineering
Stiac Engineering
Stiac Engineering
User
Autor

A fine articolo per maggiore praticità ho allegato anche il pacchetto completo, dove oltre ai file CSS e JS troverai un esempio completo in  \main\src mentre in \main\files i vari vettoriali.

Mehr lesen
Gepostet am von Stiac Engineering
L. C
L. C
User

ora cliccando il link mi da il seguente errore : 

Mehr lesen
Gepostet am von L. C
Stiac Engineering
Stiac Engineering
User
Autor

Forse sei incappato mentre stavo modificando qualche file sul server o c'è stato qualche sovraccarico, ma non ho ricevuto nessuna notifica di Down.

Mehr lesen
Gepostet am von Stiac Engineering
Francesco Tedeschi
Francesco Tedeschi
User

Grazie per il lavoro che hai svolto e per la condivisione @Gabriele C.

Non vedo l'ora di testarlo

Mehr lesen
Gepostet am von Francesco Tedeschi
L. C
L. C
User

Testato e funziona alla grande...volevo chierti, il codi fa scorrere  3 feed se volessi far scorrere 10 come dovrei fare?

grazie

Mehr lesen
Gepostet am von L. C
Stiac Engineering
Stiac Engineering
User
Autor

Figurati Francesco, quando posso cerco sempre di condividere qualcosa di positivo con la community!

Mehr lesen
Gepostet am von Stiac Engineering
Stiac Engineering
Stiac Engineering
User
Autor
L. C
Testato e funziona alla grande...volevo chierti, il codi fa scorrere  3 feed se volessi far scorrere 10 come dovrei fare? grazie

Nell'articolo è riportato anche questo. Se hai difficoltà puoi usare la traduzione integrata del browser. Essendo il sito ancora un lavoro in corso non ho reso disponibile la cartella italiana.

Ad ogni modo, per adattare alle tue necessità il plugin puoi modificare la modalità di funzionamento e/o  modificare il codice direttamente.

Ad esempio se usi la Mod 1 puoi selezionare direttamente i post da far vedere, specificando il numero (Rif.to riga 23 del PHP https://www.gebher.com/blog/index.php?client-testimonials-carousel-for-website-x5):

AND commentid in(0,2,4) ORDER BY FIELD(commentid,2,4,0)

Mentre se usi la Mod 2, sempre come indicato, puoi variare il numero variando i parametri di LIMIT 3, ad esempio impostandolo 6 o quanto preferisci (Rif.to riga 26 del PHP), così come anche il valore di rating=5 può essere modificato per variare il punteggio dei commenti da selezionare.

Mehr lesen
Gepostet am von Stiac Engineering
Stiac Engineering
Stiac Engineering
User
Autor

Se qualcosa non è chiaro e ritenete opportuno modificare ditemi pure. Spero sia abbastanza fruibile e leggibile come articolo.

Mehr lesen
Gepostet am von Stiac Engineering
L. C
L. C
User

Per visualizzare tutti i commenti i modalità random?

Mehr lesen
Gepostet am von L. C
L. C
L. C
User
Gabriele C.
L. C Testato e funziona alla grande...volevo chierti, il codi fa scorrere  3 feed se volessi far scorrere 10 come dovrei fare? grazie Nell'articolo è riportato anche questo. Se hai difficoltà puoi usare la traduzione integrata del browser. Essendo il sito ancora un lavoro in corso non ho reso disponibile la cartella italiana. Ad ogni modo, per adattare alle tue necessità il plugin puoi modificare la modalità di funzionamento e/o  modificare il codice direttamente. Ad esempio se usi la Mod 1 puoi selezionare direttamente i post da far vedere, specificando il numero (Rif.to riga 23 del PHP https://www.gebher.com/blog/index.php?client-testimonials-carousel-for-website-x5): AND commentid in(0,2,4) ORDER BY FIELD(commentid,2,4,0) Mentre se usi la Mod 2, sempre come indicato, puoi variare il numero variando i parametri di LIMIT 3, ad esempio impostandolo 6 o quanto preferisci (Rif.to riga 26 del PHP), così come anche il valore di rating=5 può essere modificato per variare il punteggio dei commenti da selezionare.

Fatto

sono diventati random facendo la procedura num 2 con questo : Se volete rendere attiva  dovete rimuovere la doppia barra (//)e, ovviamente, commentare quella precedente con lo stesso nome

Mehr lesen
Gepostet am von L. C
Stiac Engineering
Stiac Engineering
User
Autor

Perfetto! Più in la vediamo se riesco a far uscire la versione 3 di questo codice PHP, eventualmente inserendo una terza modalità e includendo una funzione per generare automaticamente gli snippet per la SEO.

Mehr lesen
Gepostet am von Stiac Engineering
L. C
L. C
User
Gabriele C.
Perfetto! Più in la vediamo se riesco a far uscire la versione 3 di questo codice PHP, eventualmente inserendo una terza modalità e includendo una funzione per generare automaticamente gli snippet per la SEO.

chissà la google seo la prende in cosiderazione

Mehr lesen
Gepostet am von L. C