WebSite X5Help Center

 
Stiac Engineering
Stiac Engineering
User

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

Autor: Stiac Engineering
Visitado 1252, Seguidores 3, Compartilhado 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.

Publicado em
17 RESPOSTAS - 2 ÚTEIS
Mauro B.
Mauro B.
User

Grande GABRIELE!

Ad augusta per angusta!!!wink

Ler mais
Publicado em de 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

Ler mais
Publicado em de L. C
Giancarlo B.
Giancarlo B.
User

Complimenti Gabriele e grazie per la condivisione. wink

Ler mais
Publicado em de 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.

Ler mais
Publicado em de 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.

Ler mais
Publicado em de 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.

Ler mais
Publicado em de Stiac Engineering
L. C
L. C
User

ora cliccando il link mi da il seguente errore : 

Ler mais
Publicado em de 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.

Ler mais
Publicado em de 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

Ler mais
Publicado em de 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

Ler mais
Publicado em de L. C
Stiac Engineering
Stiac Engineering
User
Autor

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

Ler mais
Publicado em de 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.

Ler mais
Publicado em de 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.

Ler mais
Publicado em de Stiac Engineering
L. C
L. C
User

Per visualizzare tutti i commenti i modalità random?

Ler mais
Publicado em de 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

Ler mais
Publicado em de 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.

Ler mais
Publicado em de 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

Ler mais
Publicado em de L. C