Web e e-commerce

Tabelle responsive definitive

Ho pubblicato su github una soluzione veloce in javascript e css per realizzare tabelle responsive, cioè adattabili a dispositivi mobili. Nella demo ho usato bootstrap per creare rapidamente il layout ma funziona anche senza, dipende da Jquery ma si può facilmente replicare lo stesso principio con altre librerie o con [Continua a leggere +]

Risorse utili: Social Likes share buttons

Quella che voglio consigliare oggi è una validissima alternativa in jQuery ai vari servizi come AddThis o Sharethis comunemente usati per gestire i bottoni di condivisione sui social network [Continua a leggere +]

Il pixel perfect è una cagata pazzesca

Che significa pixel perfect? Nel gergo del design e dello sviluppo frontend viene chiamata pixel perfect una pagina web realizzata in maniera perfettamente identica (al pixel appunto) alla grafica fornita dal progettista.  Lo dico o non lo dico? Beh, lo dico. Quest'espressione non mi ha mai [Continua a leggere +]

Attivare il developer mode su Magento

E' molto importante in fase di sviluppo attivare il developer mode di Magento per visualizzare subito gli errori eventualmente (nel mio caso sicuramente) commessi e correre ai ripari prima di trasferire il progetto in staging oppure in produzione. Attivare il developer mode è semplicissimo e vi risparmierà tanti [Continua a leggere +]

Estendere il top menu di Magento2

Ho pubblicato su Github dei veloci appunti sul menu di Magento2. Come quello di Magento1, il menù di Magento2 non ha il markup all'interno del template, quindi anche solo per fare piccole modifiche è necessario estendere la classe. Nel repository c'è il codice per fare due operazioni: Estendere [Continua a leggere +]

Aprire il login in una finestra modale con Magento e Bootstrap

Spesso mi capita di vedere siti di e-commerce in cui il form per l'accesso e la registrazione degli utenti si apre in una finestra modale. Un esempio illustre è Zalando.   [Continua a leggere +]

Trick: "spegnere" i video di Youtube alla chiusura di una modale Bootstrap

Incorporare i video di youtube nelle modali di bootstrap è molto semplice. L'unico problema è che le modali quando vengono chiuse rimangono in pagina con la proprietà display: none; quindi continueremo a sentire l'audio del video senza la possibilità di spegnerlo. Molto fastidioso.  Senza andare a scomodare le API di [Continua a leggere +]

Installare Magento su XAMMP

XAMMP è una piattaforma gratuita (distribuita sotto licenza GNU) che contiene tutti gli strumenti necessari per far girare un sito in PHP: web server Apache, database MySql, [Continua a leggere +]

Sviluppare temi Magento. Occhio alle performance!

Magento performance
La velocità di un e-commerce è un fattore importantissimo nella riuscita di un progetto. Ogni secondo che la pagina impiega a caricare fa perdere circa il 7% delle conversioni (Se ne parla in maniera approfondita sul blog di [Continua a leggere +]

Effetto hover sui prodotti in una vetrina Magento

Magento. 1001 modi per mostrare i prodotti in catalogo. In questo articolo voglio condividere un effetto molto carino che ho realizzato per un e-commerce di giocattoli (potete vederlo [Continua a leggere +]

Carousel adattivo con Magento e Bootstrap

Carousel responsive magento
Vediamo come realizzare un semplice carousel di immagini per la home page di un template Magento. L'esigenza principale è far sì che il proprietario del sito possa caricare autonomamente (e cambiare) le slide dal [Continua a leggere +]

Magento - ultimo articolo a stock

Visualizzare un messaggio automatico quando l'oggetto visualizzato è l'ultimo della collezione Una funzione molto utile (e molto richiesta) di un e-commerce è quella di mostrare al navigatore se l'articolo che sta visualizzando è l'ultimo della collezione permettendogli, così, di sapere se deve acquistare subito o può permettersi [Continua a leggere +]