WebSite X5Help Center

 
Stiac Engineering
Stiac Engineering
User

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

Auteur : Stiac Engineering
Visité 1254, Followers 3, Partagé 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.

Posté le
17 RéPONSES - 2 UTILE
Mauro B.
Mauro B.
User

Grande GABRIELE!

Ad augusta per angusta!!!wink

Lire plus
Posté le 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

Lire plus
Posté le de L. C
Giancarlo B.
Giancarlo B.
User

Complimenti Gabriele e grazie per la condivisione. wink

Lire plus
Posté le de Giancarlo B.
Stiac Engineering
Stiac Engineering
User
Auteur

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.

Lire plus
Posté le de Stiac Engineering
Stiac Engineering
Stiac Engineering
User
Auteur

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.

Lire plus
Posté le de Stiac Engineering
Stiac Engineering
Stiac Engineering
User
Auteur

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.

Lire plus
Posté le de Stiac Engineering
L. C
L. C
User

ora cliccando il link mi da il seguente errore : 

Lire plus
Posté le de L. C
Stiac Engineering
Stiac Engineering
User
Auteur

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

Lire plus
Posté le 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

Lire plus
Posté le 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

Lire plus
Posté le de L. C
Stiac Engineering
Stiac Engineering
User
Auteur

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

Lire plus
Posté le de Stiac Engineering
Stiac Engineering
Stiac Engineering
User
Auteur
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.

Lire plus
Posté le de Stiac Engineering
Stiac Engineering
Stiac Engineering
User
Auteur

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

Lire plus
Posté le de Stiac Engineering
L. C
L. C
User

Per visualizzare tutti i commenti i modalità random?

Lire plus
Posté le 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

Lire plus
Posté le de L. C
Stiac Engineering
Stiac Engineering
User
Auteur

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.

Lire plus
Posté le 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

Lire plus
Posté le de L. C