Pubblicato il

Togliere variazione dai prezzi dei prodotti Woocommerce

Negli ecommerce realizzati con WordPress e il plugin Woocommerce spesso si ha la necessità grafica di rimuovere la visualizzazione del range di prezzi nei prodotti che vengono creati con una variazione:

Visualizzazione range di prezzi per prodotti con variazioni

La modifica può essere facilmente implementata inserendo una funzione personalizzata nel file functions.php presente nel proprio tema (ricordandosi di creare un tema figlio, se non presente). E’ sufficiente inserire il codice seguente al fondo del file functions.php:

/**
 * Inserire la dicitura "Da" nelle variazioni di prezzo
 */
function iconic_variable_price_format( $price, $product ) {
 
 $prefix = sprintf('%s ', __('Da ', 'iconic')); //cambiare qui la dicitura
 
 $min_price_regular = $product->get_variation_regular_price( 'min', true );
 $min_price_sale = $product->get_variation_sale_price( 'min', true );
 $max_price = $product->get_variation_price( 'max', true );
 $min_price = $product->get_variation_price( 'min', true );
 
 $price = ( $min_price_sale == $min_price_regular ) ?
 wc_price( $min_price_regular ) :
 '<del>' . wc_price( $min_price_regular ) . '</del>' . '<ins>' . wc_price( $min_price_sale ) . '</ins>';
 
 return ( $min_price == $max_price ) ?
 $price :
 sprintf('%s%s IVA Incl.', $prefix, $price);
 
}
 
add_filter( 'woocommerce_variable_sale_price_html', 'iconic_variable_price_format', 10, 2 );
add_filter( 'woocommerce_variable_price_html', 'iconic_variable_price_format', 10, 2 );

Ottenendo il risultato seguente:

Visualizzazione con prezzo di partenza in Woocommerce

Lo stesso acadrà anche nella pagina del singolo prodotto rendendola più chiara per un potenziale acquirente:

Pubblicato il

Problema: l’editor visuale e testuale di WordPress non si carica

Capita talvolta che l’editor di WordPress dopo qualche aggiornamento non venga più caricato. Nè quello visuale, nè quello testuale. Per risolvere il problema è sufficiente una piccola operazione da fare sul file wp-config.php del proprio sito, basta aggiungere la seguente riga:

define('CONCATENATE_SCRIPTS', false);

da qualche parte nel file. Ricaricando la pagina nel browser dovreste ora vedere nuovamente l’editor.

problema editor visuale wordpress

Pubblicato il

Velocizzare il proprio server per WordPress

Questa vuole essere una breve guida per chi ha la necessità di velocizzare il proprio server di hosting linux (in questa guida utilizzerò uno dei miei server con CentOS). Velocizzare i siti web ospitati non è legato solo al server, ma naturalmente anche a tanti altri fattori che riguardano i propri siti, che devono essere sviluppati con cura e professionalità. Nel caso di WordPress ci sono tante cose che si possono fare e tanti plugin, questa guida vuole semplicemente essere un buon punto di partenza: lascio a voi sperimentare quale configurazione vada meglio per voi, la fase di test e di verifica continua dei log e delle prestazioni del proprio server è come sempre fondamentale.

PREMESSA: se non siete pratici di server, Linux, console e terminali, questa guida non fa per voi: non è una guida completa, ma una raccolta di suggerimenti e indicazioni per chi mastica almeno un po’ l’argomento. Per questo motivo non è approfondita ma lascio ai link ai siti ufficiali l’onere di descrivervi nel dettaglio tutto quanto, e a questo video tratto dal Wordcamp di Torino del 2016 (cui ho partecipato) in cui viene ben illustrato il quadro generale sull’argomento.

Analisi dei siti

Innazitutto partiamo da uno dei più famosi siti di test online, che ci può dare ottime indicazioni sui siti ospitati sul nostro server: GT Metrix

check website speed

Inserite l’URL del vostro sito e verificate i valori di performance: scorrendo la pagina troverete molte informazioni e suggerimenti utili da attuare. Riuscire a migliorare i valori è il vostro obbiettivo.

In questa guida seguirò questo schema:

Memcached

Serve a ridurre il carico sul database per i siti dinamici come WordPress. Su CentOS si installa così da terminale del proprio server:

yum install libevent-devel
yum install memcached php-pear php-pecl-memcache

Dopodichè si può personalizzare la configurazione:

vi /etc/sysconfig/memcached
PORT="11211" 
USER="memcached" 
MAXCONN="1024" 
CACHESIZE="2048" 
OPTIONS=

ora bisogna finire la configurazione:

chkconfig --levels 235 memcached on
service memcached start

Nginx

E’ un  reverse proxy server, serve a utilizzare in maniera efficiente le risorse di sistema quando si forniscono contenuti statici.

Per installarlo su CentOS:

sudo yum install epel-release
sudo yum install nginx
sudo systemctl start nginx

oppure seguire la guida ufficiale.

GZip

Innazitutto potete verificare se GZip è attivo utilizzando il sito Check GZ Compression o direttamente da terminale:

/etc/init.d/nginx status

Se non è attivo, occorre configurarlo, aprendo il file di configurazione:

vi /etc/nginx/nginx.conf

cercate questa riga di codice:

#gzip on;

e sostituitela con queste:

gzip on;
gzip_comp_level 4;
gzip_http_version 1.0;
gzip_proxied any;
gzip_min_length 1100;
gzip_buffers 16 8k;
gzip_types text/plain text/html text/css application/x-javascript text/xml application/xml application/xml+rss text/javascript;
gzip_vary on;
gzip_disable "MSIE [1-6]\.(?!.*SV1)"

dove “gzip_comp_level 4” indica il livello di compressione richiesto con indice massimo di 9.

Abilitate Gzip:

/usr/local/psa/admin/sbin/nginxmng -e
service nginx restart

Plugin

Si può ora procedere a installare diversi plugin utili sui siti WordPress ospitati sul vostro server (consultate i siti ufficiali per tutte le informazioni sulla loro configurazione avanzata):

Batcache: serve a far sfruttare Memcached al vostro sito.

BJ Lazy Load: velocizza il caricamento della pagina nel browser.

Autoptimize: serve a minimizzare i file JS, CSS e HTML.

WP Super Cache: un potente motore di caching che crea file HTML per velocizzare l’esecuzione del sito. Nelle configurazioni avanzate scegliete inizialmente le opzioni indicate con “raccomandata“.