24 luglio 2016

Template Tamarillo per WebSite X5 Evolution e Professional 12

Era da molto tempo che non adattavamo un template per WebSite X5, un po' per la sottile amarezza che deriva dal ritrovare i nostri adattamenti in vendita in altri luoghi, un po' perché, diciamolo francamente, è un lavoro molto lungo.
Tamarillo è il primo template che abbiamo proposto su questo blog: lo abbiamo riadattato ex novo  per la versione 12 (Evolution e Professional) liberamente rivisto e corretto a nostro gusto.

Il template originale è rilasciato sotto licenza Creative Commons 4.0. Per quanto riguarda il nostro adattamento leggi i termini di utilizzo.

template tamarillo per website x5 12
DEMO

Rispetto all'originale abbiamo previsto alcuni elementi a schermo intero: la slider iniziale e la fascia di sfondo della sezione Contact, ottenuta utilizzando lo script descritto in questo articolo.

Come nell'adattamento per la versione 10, la sezione Blog della Home Page visualizza gli ultimi articoli inseriti nel blog del programma: a partire dallo script illustrato in questo topic sull'Unofficial  abbiamo modificato i codici JavaScript e CSS, integrando le media queries per la visualizzazione responsive. Si precisa che questa funzionalità è fruibile solo online.

Anche in questo adattamento abbiamo integrato la stessa gallery del template originale con un oggetto HTML, apportando alcune modifiche per la visualizzazione in modalità responsive.

Nel progetto è stato utilizzato il Google Font "Open Sans". Per integrare il Google Font, prima di importare il progetto, occorre inserire il relativo file .ttf nella sezione "Preferenze" del programma. Oltre che da Google Font, è possibile scaricare il file da QUI.

Questo il codice @import da noi utilizzato:

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,700,300,800);

Nella pagina download sono presenti i file .iwzip da scaricare sia per la Evolution che per la Professional:

Tutti i blocchi di codice personalizzato, inseriti nelle sezioni previste dal programma e nei files custom.css, custom.js, customHome.css e customHome.js sono commentati per permettere una facile lettura ed eventuale modifica.

Visto che abbiamo ricevuto molte richieste di delucidazioni su come procedere per modificare questi file, approfittiamo di questo articolo per spiegare la semplice procedura: premesso che questi file si trovano nelle cartelle css e js del progetto (esempio: Documenti\Incomedia\WebSite X5 v12 - Evolution\tamarillo_evo12\Preview\css) per prima cosa dobbiamo copiare in un'altra cartella il file da modificare, eseguire le modifiche e salvare il file. Al Passo 4 - Statistiche, SEO e Codice - Esperto - File allegati al codice, rimuoviamo il vecchio file ed alleghiamo quello modificato.

Se si vuole inserire nel menu un link ad una pagina diversa dalla home, seguire le indicazioni del punto 1 di questo articolo: quellidelcucuzzolo.blogspot.it/2015/03/template-tamarillo-menu-link-esterno.html




92 commenti:

  1. Ancora una volta un ottimo lavoro! In molti non hanno ancora capito perchè Incomedia non vi assume con contratto a tempo indeterminato prima che vi assuma la concorrenza :-) :-P
    Grandi come sempre. Buona estate

    RispondiElimina
    Risposte
    1. Ciao Giuseppe,
      grazie per il commento.
      Pensa che alcuni credono che noi lavoriamo già per la concorrenza :) :)
      Buona estate anche a te!

      Elimina
  2. Ciao,
    grazie per il commento.
    Il testo che vuoi modificare si trova in "Stile della Cella, sezione Testi, Titolo".

    RispondiElimina
  3. Ciao Alessandro, al Passo 1 devi cambiare "Indirizzo URL del Sito" (http://example.com) con l'indirizzo reale del sito (http://provapiaggia2.altervista.org).

    RispondiElimina
  4. CHiedo cortesemente un aiuto, vorrei capire come modificare il template con website x5, perchè non ho capito se bisogna intervenire con degli applicativi esterni oltre che con website x5. Grazie per l'ottimo lavoro.

    RispondiElimina
    Risposte
    1. Ciao, per adattare i templates che mettiamo a disposizione abbiamo anche scritto codici JS, CSS etc...
      Se le modifiche che vuoi fare riguardano i codici che abbiamo collegato, puoi usare un editor tipo Notepad++ per tutto il resto usi il programma.

      Elimina
  5. Salve, ho deciso di utilizzare il template tamarillo per sostituire il nostro sito web del ristorante, volevo sapere come sostituire le immagini nel flexslider, grazie

    RispondiElimina
    Risposte
    1. Ciao Francesco,
      trovi il codice utilizzato per la flexslider in Proprietà Pagina, Esperto, Dopo l'apertura del tag BODY: qui devi modificare il nome delle immagini nel tag <img>. Dovrai anche allegare le nuove immagini al progetto, indicando slider come percorso relativo sul server.

      Elimina
  6. Salve...faccio sempre i complimenti per i lavori che fate...
    Chiedo se sia possibile implentare solo lo slider in un altro progetto??

    RispondiElimina
    Risposte
    1. Ciao,
      certo che è possibile. Lo slider utilizzato è Flexslider. Devi copiare tutte le parti di codice che si riferiscono ad essa, tutte indicate con il commento flexslider e precisamente:
      - il codice HTML che si trova in Proprietà Pagina, Esperto, Dopo l'apertura del tag BODY
      - il codice per l'inclusione dei file .css e .js che trovi in Proprietà Pagina, Esperto, Prima della chiusura del tag HEAD
      - una parte di codice CSS, presente nel file customHome.css
      - una parte di codice JS, presente nel file customHome.js
      Dovrai poi allegare nelle relative cartelle, con gli strumenti del programma, i file flexslider.css, jquery.flexslider.js e ovviamente le immagini.
      Questo in linea di massima.
      Se hai difficoltà posta il link a una tua prova online.

      Elimina
  7. Diciamo che più meno ci sono riuscito senza togliere xò nessuna parte di codice xche non saprei da dove iniziare ...xò non capisco come fare x bloccre in alto il menù è la barra dell'haeder...

    RispondiElimina
    Risposte
    1. Ciao,
      all'inizio del file custom.css trovi le regole commentate /* -- header e menu fissi -- */ che servono a fare appunto quello che chiedi.

      Elimina
  8. Praticamente non riesco...ho tolto e aggiunto ciò ma la cosa non cambia..poi oltre a questo appena tolgo il js singlepage sparisce tutto...forse io voglio andare sulla luna ma mi sa che non riesco..volevo implemtarlo su onetel fatto con sfondo intestazione da 500 ....xche già quello è progetto fatto è un po' modificato...quindi penso che mo rassegnò a non usarlo il flexi...non so se puoi aiutarmi...grazie cmq x la collaborazione e x i bei consigli che mi stanno facendo crescere sotto questo aspetto...

    RispondiElimina
  9. Son riuscito ad implentarlo su onetel...unico grande problema non riesco a bloccare su la barra del menu..non voglio che scorre...quale stringa devo togliere...

    RispondiElimina
    Risposte
    1. Ciao,
      come ti abbiamo già scritto, se hai difficoltà posta il link alla tua prova online.

      Elimina
  10. ragazzi il progetto non è ancora online e non so quando lo faro...x questo chiedevo di sapere quale stringa dovevo togliere...x se ciò non può essere pazienza vuol dire che non lo uso..io non voglio crear problemi a nessuno..anzxi vi ringrazio gia per tutto l'aiuto che date...

    RispondiElimina
    Risposte
    1. Se fossimo veggenti forse potremmo aiutarti :)
      Non possiamo sapere cosa hai fatto, cosa non hai fatto e cosa hai fatto di sbagliato nel tuo progetto senza vedere nulla.
      Puoi benissimo esportare il tuo progetto in una cartella temporanea del tuo sito o su uno spazio free tipo Altervista. Se non vuoi postare il link qui in pubblico puoi inviarcelo alla nostra mail.

      Elimina
  11. Siete troppo gentile e forse io mi arrabbio xchee non riesco ad arrivare al mio scopo...se vi mando direttamente il progetto fatto convevo 12 e mi aiutate a sistemarlo??? Tanto anche non ho fatto nemmeno un pagina..solo prove sulla home...

    RispondiElimina
    Risposte
    1. No, non accettiamo allegati. Se noi aggiustassimo il tuo progetto tu non impareresti nulla.
      In alternativa utilizza le risorse che abbiamo messo a disposizione così come sono.

      Elimina
  12. Così vi spiego meglio come vorrei vederlo...

    RispondiElimina
  13. Ok..grazie di tutto e scusatemi x il disturbo...

    RispondiElimina
  14. Ciao e grazie per quello che fate tutto molto interessante e costruttivo.....Ho scaricato e sto adottando il template tamarillo per il mio sito non l'ho ancora pubblicato perchè mi occupo di altro ed ho poco tempo,lo pubblicherò non appena il numero di contenuti è soddisfacente.La mia domanda è la sequente:- sono un possessore della versione di website n 12 evolution ,se un domani decidessi di acquistare la versione professional,tutto il lavoro che sto facendo sul tema scaricato per la versione evo la potrò esportare tranquillamente con un comando esporta importa o mi ritrovero' in un ginepraio ? Grazie mille e cordiali saluti
    Rino

    RispondiElimina
    Risposte
    1. Ciao Rino,
      grazie a te per il commento.
      Puoi tranquillamente esportare il progetto ed utilizzarlo con la versione 12 Professional. Tieni presente però che a breve uscirà la versione 13 (non sappiamo se la versione 12Pro sarà ancora disponibile) e, con la nuova versione, il template non sarà più utilizzabile senza effettuare modifiche sostanziali al codice personalizzato da noi inserito poiché con la 13 sono state aggiunte nuove funzionalità che lo rendono in parte superfluo e forse a volte incompatibile.

      Elimina
    2. Grazie per la risposta!!
      Io oramai sono un cliente fisso di incomedia ed attualmente riesco ad utilizzare contemporaneamente tutte le versioni 9 10 11 e 12 di website evo senza alcun conflitto quindi in tal caso su questo progetto continuerò a lavorare con la versione 12 di evo.Però mi avete incuriosito e sono andato a dare un occhio alle novità della beta 13 che mi pare l'abbiano rivoluzionata totalmente e a questo punto non sò cosa fare.....Sapete quando il prodotto sarà disponibile per l'acquisto?
      Salutoni Rino

      Elimina
    3. Scusatemi ho letto meglio e quindi ho già i dettagli .Ho richiesto la versione beta del programma.Grazie comunque!!!

      Elimina
  15. Salve ragazzi come mi avete indicato, ripropongo qui il mio post. Ho implementato tamarillo e fatto alcune modifiche. Ho spostato l'ordine delle righe della home page e conseguentemente ho capito (dopo aver letto i Vs.post) di aver perso l'effetto delle strisce orizzontali (colore grigio) a tutto schermo alla sezione "contatti" del sito. Vi chiedo dove devo andare per modificare il numero delle pagine ed attribuire alle nuove l'effetto pagina intera grigio?
    Inoltre (chiedo scusa se parlo di altro problema) sempre dalla home page, cliccando sulle voci di menù, in conseguenza delle ancore, la pagina scrolla (scende) fino a quella selezionata. Fin qui OK. Dopo circa 6/8 secondi, senza toccare nulla, la pagina scrolla ancora di 3/4 cm. Perché avviene ciò? Come fare per evitarlo?
    Vi ringrazio per la vostra estrema cortesia e pazienza e chiedendo scusa per la mia ignoranza, saluto cordialmente.
    Francesco

    RispondiElimina
  16. Ciao Ragazzi. Ho sistemato tutto. Era un mio errore di spazi. Ma ho sempre lavoro per la Vostra pazienza e stavolta non so proprio come fare. Nel menu principale, nel momento in cui seleziono la pagina, questa viene riportata con una linea sotto di colore bordo'. Avendo cambiato il colore delle voci in verde scuro, come devo fare per cambiare anche la linea che mi è restata del colore originario??
    Grazie come sempre della vostra cortesia.
    Un cordiale saluto.
    Francesco

    RispondiElimina
    Risposte
    1. Ciao Francesco,
      siamo felici che tu abbia risolto i problemi precedenti.
      Per quanto riguarda la sottolineatura delle voci del menu, devi modificare il file custom.css: cerca il commento /* sottolineatura voci menu */ e cambia il valore esadecimale #9E2630 con quello corrispondente al colore che vuoi.

      Per come procedere nella modifica del file, leggi quanto abbiamo scritto QUI

      Elimina
    2. Riuscito. Grazie 1000. Siete veramente fantastici per noi neofiti.
      Continuo. Adesso avrei bisogno di cambiare colore ai bottoni della flexslider passando il bordò a bianco e la scritta in grigio. Dove vado a modificare?
      Grazie ancora.
      Francesco

      Elimina
    3. Ciao, prego :)

      Questa volta devi modificare il file customHome.css: alla riga 31 trovi il selettore #main-slider .flex-button a; devi modificare i valori esadecimali delle proprietà background e color con quelli corrispondenti ai colori che vuoi.

      Elimina
  17. Ciao ragazzi. Ho modificato secondo le vostre indicazioni. Il risultato è che non cambia il colore al bottone "detail" "view all" etc.. bensì mi cambia il colore ed anche tutta l'impaginazione del commento in alto a sinistra "tamarillo is free responsive......." Ci ho provato due volte ottenendo lo stesso risultato. Forse vado a cambiare la riga sbagliata? Non è esatta la 31?
    Grazie ancora.
    P.s. - risolto questo ho un altro quesito, ma procediamo con ordine. Cordialità.
    Francesco

    RispondiElimina
    Risposte
    1. Ciao,
      la riga è la 31 e, in ogni caso, nella risposta precedente ti abbiamo anche scritto il selettore di riferimento.
      Ti consigliamo di usare editor tipo Notepad++ per modificare i file .js, .css etc...

      Elimina
    2. Ci sono riuscito. Ed anche questa è fatta. I colori ai bottoni sono stati cambiati. Grazie sempre a Voi per la cortese collaborazione. Adesso PER FAVORE mi date una mano anche per le foto sulla gallery? Intendo cambiarle, ma non ci riesco, o almeno ci riesco in parte. Maggiori info sul mio post successivo

      Elimina
    3. I bottoni sono cambiati. Il bordò è diventato bianco e la scritta bianca è diventata grigia. Adesso chiedo una "finezza", come posso fare per far diventare lo sfondo del bottone, anzicchè bianco, dello stesso colore TRASPARENTE del riquadro in alto a sinistra. (vedi responsivo template - mobile ready - web design - html5 css).
      E' chiaro che io sono già felice del risultato ottenuto, ma se si può migliorare......
      Grazie

      Elimina
    4. Ciao,
      puoi definire il colore in rgba invece che esadecimale come è adesso, esempio:

      background-color: rgba(255, 255, 255, 0.75);

      QUI un link dove puoi approfondire l'argomento.

      Elimina
  18. Ciao ragazzi, mentre aspettavo la vostra risposta, ho cercato di cambiare le immagini alla galleria. Ovviamente non ci sono riuscito. Ho ridotto le foto sia come image (pixel 640/420) che come Thumb (pixel 230/230). Ho aggiunto le mie immagini (9 foto), ma mi ha cambiato solo le immagini della schermata iniziale. Cliccando sulla foto, per vedere il suo ingrandimento, vedo la faccia del cagnolino, pur avendo eliminato il suo file image.
    PER FAVORE.... come devo fare!! grazie.

    P.S. - Appena finito, per vostra e mia soddisfazione vi giro il link e vi mando le sfogliatelle da Napoli.

    RispondiElimina
    Risposte
    1. Ciao,
      le cause dell'errore potrebbero essere diverse, per noi è più agevole vedere cosa hai fatto.
      Puoi pubblicare il sito su spazi free tipo Altervista o in una cartella del tuo sito e, se non vuoi rendere pubblico il link, puoi mandarcelo via mail.

      P.S.
      Grazie, accettiamo virtualmente le sfogliatelle :)

      Elimina
  19. Ho ripristinato tutto, avendo riservato una copia originale di Tamarillo. Posso riprovare a fare quello di prima e magari pubblicare su altervista il risultato. Diversamente se avete indicazioni da darmi seguirò passo passo i vostri preziosi suggerimenti, magari posso riuscirci.
    Grazie 1000
    FRancesco

    RispondiElimina
  20. Rifatto. Risultato negativo. Ho pubblicato il sito su altervista. lo trovate www.panicola.altervista.org
    Per favore mi date una mano?
    1) la galleria non parte, pur avendo inserito sia le foto piccole che quelle grandi nella cella codice HTML ed anche aggiunte nella sezione esperto della stessa cella.
    Mi trovo dicendo. Mi fate anche capire perchè
    2) lo sfondo grigio che originariamente stava solo sullo spazio contatti, si è spostato più in basso. Intendo toglierlo del tutto, così non ci sono problemi. Mi dite come fare?
    Grazie per la cortese pazienza e disponibilità.
    Un cordiale saluto.
    Francesco

    RispondiElimina
    Risposte
    1. Ciao,
      per quanto riguarda la galleria hai dimenticato di cambiare i valori dell'attributo href dei tag a, esempio:
      <a class="overlay" data-lightbox="gallery" data-caption="descrizione foto" href="gallery-lb/wedding_1.jpg">

      Per rimuovere lo sfondo grigio, cancella questa regola che è presente, attualmente, nel file frankHome.css:
      .row13,
      .row14,
      .row15 {
      background-color: #73737b;
      }


      Adesso permettici un consiglio: per poter personalizzare, modificare, adattare i template messi a disposizione in questo blog, occorre un minimo di conoscenza dei linguaggi di base, la cui mancanza rende tutto più complesso :)

      Elimina
  21. Ringrazio sempre la Vostra estrema disponibilità. Sono convinto anch'io che occorre un minimo di conoscenza, ma occorre pur cominciare da qualche parte. (se avete suggerimenti sono ben graditi). Di mio posso mettere tanta buona volontà ed umiltà poi dove posso arrivare.... me ne farò una ragione. Ma i risultati già ottenuti, col Vs. aiuto, sono per me gran motivo di soddisfazione e sprono ad imparare qualcosina in più. Grazie ancora
    Ps. adesso virtualmente un invito anche per i babà

    RispondiElimina
  22. Sono certo che sarete contenti anche Voi. Tutto fatto e risolto.
    Una domanda: la galleria porta 9 foto che si ripetono fra loro. Nel senso che se clicco sulla prima, l'immagine diventa più grande e la galleria gira tutte le altre 8 immagini grandi. questa stessa cosa la fa anche su tutte le altre poste a fianco. Si potrebbe evitare, avendo 9 gruppi di immagini diverse? E se si, è difficile? Fatemi provare.... grazie

    RispondiElimina
  23. Aggiungo per meglio spiegarmi. Praticamente vorrei caricare 9 gallerie indipendenti fra loro, da 9 immagini diverse fra loro cadauna.

    RispondiElimina
    Risposte
    1. Ciao,
      se hai curiosità e un po' di passione potrebbero bastarti le guide online che puoi trovare sui classici siti html.it e mrwebmaster.it

      Per quanto riguarda la gallery, vista la tua necessità, potresti usare semplicemente il programma, inserendo tanti oggetti immagine quante sono le gallerie e associando, a ciascuno di essi, un collegamento "Galleria con ShowBox".

      Se invece vuoi provare a modificare il codice HTML attuale, devi aggiungere, all'interno di ogni div, tanti tag a con gli stessi attributi di quello già presente, quante sono le immagini facenti parte della stessa galleria, aggiungendo un CSS in linea che li nasconda (display:none). Dovrai poi modificare l'attributo data-lightbox in modo che sia diverso per ogni galleria.
      L'ultima modifica riguarda il file customHome.js (commento //gallery): dovrai richiamare tante volte la funzione lightbox() quante sono le gallerie presenti, utilizzando come selettore l'attributo data-lightbox. A questo scopo potrebbe esserti utile QUESTO link.

      Elimina
  24. Siete semplicemente fantastici. Ho risolto con il Vostro primo suggerimento che non avevo pensato. (anzi non lo sapevo). Effetto meraviglioso. Grazie grazie grazie 1000 ancora.

    RispondiElimina
  25. ciao ragazzi,
    ho implementato il template tamarillo e nella sezione Service ho cambiato l'immagine e la descrizione. In anteprima, mi resta la dicitura "Nullam vel tellus.." come faccio a cambiarla.
    grazie 1000 per la disponibilità

    RispondiElimina
    Risposte
    1. Ciao,
      il testo che vuoi modificare si trova in "Stile della cella, sezione Testi, Titolo".

      Elimina
    2. Tutto ok. Grazie.
      Purtroppo ho avuto un problema con website che mi ha cancellato tutti i progetti. Avevo i backup ed ho ripristinato. Tutto Ok, ma il progetto modificato di tamarillo che prima funzionava perfettamente al momento mi sposta il menù tutto sulla sinistra e non c'è verso di spostarlo sulla destra. Avete qualche idea su come fare?

      Elimina
    3. Ciao,
      per capire la causa dovremmo vedere la tua prova online.
      Se non vuoi rendere pubblico il link, puoi contattarci via mail.

      Elimina
  26. Dopo aver modificato le voci del menu e le relative ancore il menu funziona solo su gallery, mentre su gli altri link non succede nulla, cosa devo modificare?
    Grazie tantissimo

    RispondiElimina
    Risposte
    1. Ciao Lidia,
      controlla che in Creazione Mappa - Proprietà Livello - Collegamento su click sulla voce di Livello sia impostata la corretta Ancora interna alla Pagina.

      Elimina
    2. Grazie MAeSI era una mia distrazione, siete bravissimi e gentili

      Elimina
  27. Ciao Alessandro,
    per utilizzare al meglio questo template con la versione 13 dovrai togliere tutti i codici personalizzati che abbiamo inserito per ottenere quello che ora si può fare da programma.
    Per ora noi non abbiamo intenzione di pubblicare altri template o degli aggiornamenti.

    RispondiElimina
  28. Ciao Ragazzi,
    sto utilizzando il template tamarillo. Come devo fare per cambiare le icone relative ai social, sono riuscito ad inserire il link, ma le icone non mi appaiono.
    Grazie 1000

    RispondiElimina
  29. Scusate. Se me lo indicate lo stesso, così verifico se ho fatto bene ed anche a beneficio di altri. Grazie

    RispondiElimina
    Risposte
    1. Beh, se ci sei riuscito, vuol dire che hai fatto bene :)
      Comunque bisogna semplicemente inserire il percorso e nome immagine nell'attributo src del tag img
      Ti conviene allegare le tue icone al progetto con le funzioni del programma.

      Elimina
  30. Ciao ragazzi,
    purtroppo ho un piccolo problema che credo solo Voi potete risolvere. Ho utilizzato Tamarillo e fatto una serie di modifiche. Il link è il seguente
    www.colombadoroeventi.it Con l'aiuto degli amici di website, potete notare che ho adattato la pagina ingresso in questo modo:
    1) - NON ho usato la pagina INTRO,
    2) - ho usato la prima pagina, la INDEX (home) a mo di pagina INTRO; cioè, nelle proprietà della pagina ho selezionato ▪Crea la Pagina senza applicare il Modello ... ed ho messo i contenuti che ritenevo;
    3) - ho reso questa pagina INDEX (index.html) non visibile;
    4) - nelle proprietà di questa pagina, esperto, codice personalizzato, prima della chiusura di HEAD ho incollato questo codice:

    4) - ho nominato la seconda pagina in HOME (home.html) ... corrispondente all'attuale HOME
    Tutto è andato come volevo, ma dal menù, la pagina si blocca su Home, mentre se aggiro l'ostacolo con "continua a leggere" le altre voci del menu funzionano, basta non andare sulla home, altrimenti si ferma tutto.
    Voi che conoscete Tamarillo dove ho tratto "l'ossatura" del sito attuale, potete darmi qualche suggerimento per risolvere la questione?
    Ovviamente ringrazio anticipatamente per la Vostra cortese disponibilità, perchè attraverso anche i Vostri consigli, oggi sono stato in grado di creare questo sito.
    Tanta cordialità
    FRancesco

    RispondiElimina
    Risposte
    1. Ciao,
      ormai del Tamarillo c'è rimasto ben poco nel tuo sito :)
      Il template Tamarillo è un template monopagina... il tuo menu ha tutti i link a altre pagine.
      Devi rimuovere il file jquery.singlePageNav.ws.js e il relativo richiamo in head, e, nel file customHome.js devi lasciare, ovviamente all'interno del $(document).ready , solo il richiamo alla flexslider (c'è il commento relativo).

      Elimina
    2. Ciao MaeSi. Ho fatto come dicevi. Adesso funziona il menu, ma la pagina dove doveva esserci la gallery è bianca senza immagini. Cosa ho sbagliato? ho ripubblicato il sito con le modifiche in modo che puoi vedere cosa ho combinato.

      Elimina
    3. Ciao,
      attualmente vediamo la gallery di WS quindi di Tamarillo nel tuo sito non c'è rimasto niente.
      Comunque c'è un errore di sintassi nel file customHome.js
      Come ti avevamo scritto, devi lasciare solo il document ready (rispettando la sintassi) ed il richiamo alla flexslider.

      Elimina
  31. Resta il fatto che Voi e Tamarillo mi avete dato un aiuto importantissimo, non tanto per il sito, ma per l'esperienza che ho fatto. Grazie ancora. Proverò a fare ciò che hai suggerito.

    RispondiElimina
  32. Ciao a tutti,
    ho provato a scaricare il template ed a importarlo... Tuttavia si blocca e mi dice che è stato fatto con una versione superior. Io ho Website x5 Professional 12 ver 12.0.6.49 se non sbaglio... Come posso fare a importarlo e ad avere una base di partenza? Esiste un modo per importare il template originale indicato nel link (http://www.templatemo.com/tm-399-tamarillo) e farlo digerire a Website x5 per poi apportarci le modifiche?

    grazie

    RispondiElimina
    Risposte
    1. Ciao,
      devi semplicemente aggiornare all'ultima versione della 12 (12.0.9.30).

      No, non puoi importare direttamente in WebSite X5 un template costituito da file html, css etc...


      Elimina
  33. Buonasera vi ringrazio in anticipo per la mia forse stupida domanda. ho dei problemi con la sostituzione delle slaider. Dove dite di andare: "trovi il codice utilizzato per la flexslider in Proprietà Pagina, Esperto, Dopo l'apertura del tag BODY: qui devi modificare il nome delle immagini nel tag img. Dovrai anche allegare le nuove immagini al progetto, indicando slider come percorso relativo sul server" nella sezione esperto appunto trovo solo nella parte sottostante file collegato e percorso relativo su server...anche le icone che compaiono: read more, web design....Scusate ancora mi piacerebbe imparare ma penso di essere ancora in salita...grazie Franco

    RispondiElimina
    Risposte
    1. Ciao Franco,
      se abbiamo capito bene stai guardando nella sezione sbagliata. Vai al passo 2 Creazione Mappa, seleziona la pagina Home Page, clicca su Proprietà: si aprirà la scheda delle Proprietà della Pagina; qui selezioni la scheda Esperto e, nel menu a tendina scegli "Dopo l'apertura del tag BODY": il codice della flexslider è qui. Nel codice troverai, oltre ai nomi delle immagini, anche i testi associati ai pulsanti che potrai cambiare a tuo piacere.

      Elimina
  34. Vi ringrazio infinitamente, siete sempre molto gentili....
    Grazie.
    Franco

    RispondiElimina
  35. Salve,
    grazie del vostro prezioso aiuto: complimenti!
    Volevo sapere qual è il file Javascript per visualizzare le anteprime degli articoli del blog nella homepage, per poterlo implementare in un altro progetto.
    Grazie.

    RispondiElimina
    Risposte
    1. Ciao,
      grazie a te per il commento.
      Lo script si trova all'interno del file customHome.js dopo il commento //ultimi articoli blog
      Un'altra parte del codice necessario (variabile nNews) si trova in Proprietà Pagina - Esperto - Prima della chiusura del tag HEAD
      Se hai problemi, posta il link alla tua prova online.

      Elimina
    2. Grazie Maesi in questo weekend proverò.
      Mi sarebbe piaciuto che gli ultimi post del blog scorressero come una presentazione ad una ad una. Avete qualche script?

      Elimina
    3. Ciao,
      prossimamente faremo un articolo che tratta proprio questo argomento.

      Elimina
    4. Grazie mille, siete dei grandissimi!

      Elimina
    5. Ciao,
      come promesso abbiamo appena pubblicato un articolo a riguardo: LINK

      Elimina
  36. Salve, ho realizzato un sito per un mio cliente con la versione X5 13 professional. Siccome il cliente vuole gestirlo in autonomia e sarebbe disposto ad acquistare la versione X5 13 Evolution. Ci sono problemi ad importare il sito e semmai che limitazioni avrebbe? Attendo risposta. Grazie Massimiliano.

    RispondiElimina
    Risposte
    1. Ciao Massimiliano,
      un progetto creato con l'edizione Professional non può essere importato nell'edizione Evolution.

      Elimina
    2. Grazie mille per la tempestiva risposta. Comunico al cliente di acquistare la professional se vuole autogestire il programma :)

      Elimina
  37. Ciao!
    Come posso togliere nelle foto che scorrono sulla home il quadrato grigio e i bottoni rossi in basso?
    Grazie e ottimo lavoro!

    RispondiElimina
    Risposte
    1. Ciao Andrea,
      grazie per il commento.

      In Proprietà Pagina - Esperto - Dopo l'apertura del tag BODY trovi il codice HTML della Flexslider.

      Qui devi rimuovere i div (e i loro elementi figli) con classe flex-caption e flex-button

      Elimina
    2. Grazie mille ci sono riuscito :-)
      un'altra domanda: posso abbassare le slide per far si di inserire un logo più grande?
      Grazie ancora

      Elimina
    3. Sì, devi agire in Struttura del Modello Principale modificando il margine alto del Contenuto della Pagina e l'altezza dell'Intestazione ed eventualmente dello Sfondo dell'intestazione aumentando tutti questi valori dello stesso numero di pixel. Nella Struttura del Modello Responsive invece aumenti l'altezza del Menu ed eventualmente dello sfondo dell'intestazione. Poi devi modificare la prima regola CSS che trovi nel file customHome.css (selettore #template-slider la riga con il commento /* altezza intestazione fissa */) aumentando il valore di top in modo da renderlo coerente con la nuova altezza assegnata all'header.
      Per rendere permanenti le modifiche al file customHome.css dovrai salvarlo in locale, apportare le modifiche, rimuovere il vecchio file dal progetto ed allegare il file modificato.

      Elimina
    4. Grazie gentilissimo! ti sei spiegato benissimo.
      Per quanto riguarda la sitemap risulta solo la pagina home, non è rischioso a livello di motore di ricerca mettere solo 1 pagina? se copio e incollo la home page e rinomino a secondo dei livelli (nel mio caso 4) può essere una buona azione?
      Grazie!

      Elimina
    5. Ciao Andrea,
      il template originale è monopagina come tanti altri, devi essere tu a ottimizzarlo per la parte SEO.
      Se vuoi trasformarlo in un multipagina dovrai apportare delle modifiche, qui nei commenti trovi alcune info.

      Elimina
  38. Ciao ragazzi ottimo lavoro, complimenti, volevo chiedervi se avete notato che su chrome non funziona più il nav della slideshow, sapete come risolvere? Grazie mille.

    RispondiElimina
    Risposte
    1. Ciao,
      grazie per il tuo commento.

      Intendi gli indicatori di posizione della Flexslider?
      Se puoi/vuoi, inviaci un link (anche via email) per verificare, perché non abbiamo riscontrato il problema con Chrome sulla nostra demo.

      Elimina
    2. Grazie mille per la risposta, mi spiego meglio ho provato la demo da smartphone tramite chrome mobile, e non ci sono "i 4 pallini" di navigazione per le foto sulla slideshow, non so se succede solo a me. Grazie per il vostro prezioso aiuto.

      Elimina
    3. Ciao,
      adesso abbiamo capito.
      Sì, con dispositivi mobile gli indicatori di posizione non si vedono.
      Questo succede anche nel template originale di templatemo.com
      Se vuoi, puoi aumentare il valore di z-index alla classe .flex-control-nav che trovi nel file flexslider.css
      Oppure, puoi scrivere questa regola CSS da inserire in Esperto - Prima della chiusura del tag HEAD:

      <style>
      .flex-control-nav {
      z-index: 100;
      }
      </style>

      Grazie per la segnalazione.

      Elimina
  39. Ragazzi , come sempre grazie! Io pero non ho capito bene come sostituire le immagini de flexibar, poreste descivere qui un "passo -passo" sarebbe veremente utile per me...grazie

    RispondiElimina
    Risposte
    1. Prego Carmine.

      Per quanto riguarda le immagini della Flexslider, puoi leggere le nostre risposte ai commenti del 31 agosto 2016 e 11 novembre 2016.

      Elimina
  40. ciao Ragazzi, come sempre faccio i comnplimenti per il vostro immenso lavoro.
    Sò che forse non potrete rispondermi, ma visto che non ho trovato alternative, ci provo.
    Sto provando a caricare tamarillo su websitex5 13, il progetto è già creato e modificato con Websitex5 12. Il problema è che viene caricato quasi tutto senza probmei a parte il Menu che appare dentro l'immagine del flexbar e le linee di separazione delle varie sezioi sono sparite a parte la prima. Sapete dirmi quali indicazioni sul file css devo modificare?

    RispondiElimina
    Risposte
    1. Ciao Riccardo,
      per utilizzare questo template con la versione 13 devi togliere una buona parte dei codici personalizzati in esso inseriti poiché diverse funzioni che noi abbiamo ottenuto con il codice ora sono presenti di default nel programma, come, ad esempio, lo stile delle righe. E' un lavoro un po' certosino, che non si può descrivere in un commento. Perché non continui a gestire il sito con la 12?

      Elimina

Nota. Solo i membri di questo blog possono postare un commento.