Questo thread è stato risolto. Ecco una descrizione del problema e della soluzione.
Problem: Il cliente ha aggiunto uno snippet di codice per gestire un form di ricerca tra i prodotti del sito e desidera sapere come tradurre i valori inseriti nel form tramite WPML. Solution: Per rendere traducibile lo snippet di codice con WPML, è necessario che il codice sia preparato per la localizzazione, utilizzando le chiamate GetText e un textdomain specifico. Consigliamo di consultare la nostra documentazione su come preparare il tema per la traduzione, disponibile qui.
Se questa soluzione non risolve il problema o sembra non essere più attuale, ti invitiamo a controllare gli argomenti noti, verificare la versione della correzione permanente e confermare di avere installato le ultime versioni dei temi e dei plugin. Se il problema persiste, ti consigliamo di aprire un nuovo ticket di supporto.
Questo è il forum di assistenza tecnica di WPML, il plug-in multilingue di WordPress.
La sua lettura è permessa a tutti, ma la pubblicazione è riservata esclusivamente ai clienti di WPML. Il team di WPML risponde sul forum 6 giorni su 7, 22 ore su 24.
<b>Contesto del problema: </b>
Attraverso il plugin WPCode Lite ho aggiunto uno snippet di codice per gestire un form di ricerca tra i prodotti del sito.
Come posso tradurre i valori inseriti nel form tramite WPML?
Incollo per chiarezza il codice inserito tramite WPCode:
?>
<form method="get" id="advanced-searchform" role="search" action="">
<!-- PASSING THIS TO TRIGGER THE ADVANCED SEARCH RESULT PAGE FROM functions.php -->
<div class="uncont">
<div class="vc_row row-internal row-container">
<div class="row row-child">
<div class="wpb_row row-inner" style="height: 232px">
<div class="wpb_column pos-top pos-center align_left column_child col-lg-8 single-internal-gutter">
<div class="uncol style-light">
<div class="uncoltable">
<div class="uncell no-block-padding">
<div class="uncont">
<div role="form" class="wpcf7" id="wpcf7-f81961-p6-o1" lang="it-IT" dir="ltr">
<div class="screen-reader-response"><p role="status" aria-live="polite">
<ul></ul>
</div>
<div class="wpcf7-inline-wrapper">
<p class="wpcf7-inline-field"><label for="utilizzo" class="wpcf7-inline-field">UTILIZZO</label><br>
<span class="wpcf7-form-control-wrap multiple">
Vedi tutte
4 vie
Acciaio / Metalli
Alimentare: Ittico / Caseario / Carne
Carichi imbgrombanti / lunghi / larghi
Carichi pesanti / vetro / marmo / edile
Carta
Chimico / Farmaceutico / Ambienti aggressivi
Macchine con piastra FEM per accessori
Macchine per fusti / bins / contenitori industriali
Macchine Inox
Legno / Profilati / Barre
Ortofrutta
Portabobine / Coil
Stampi / Presse
Traino</span>
<p class="wpcf7-inline-field"><label for="portata_o_traino" class="wpcf7-inline-field">PORTATA/TRAINO</label><br>
<span class="wpcf7-form-control-wrap multiple">
Vedi tutte
Fino a 2000 kg
2000 kg - 4000 kg
4000 kg - 8000 kg
Oltre - 8000 kg
Traino</span>
</div>
<div class="wpcf7-inline-wrapper">
<p class="wpcf7-inline-field"><label for="altezza_sollevamento" class="wpcf7-inline-field">ALTEZZA
DI SOLLEVAMENTO</label><br>
<span class="wpcf7-form-control-wrap multiple">Vedi tutteFino a 400 mmOltre 400 mm</span>
<p class="wpcf7-inline-field"><label for="standard" class="wpcf7-inline-field">TIPOLOGIA</label><br>
<span class="wpcf7-form-control-wrap multiple">Vedi tutteProdotti su misuraProdotti standardComponenti e accessori</span>
</div>
<span class="wpcf7-spinner"></span>
<span class="wpcf7-spinner"></span>
<div class="wpcf7-response-output" aria-hidden="true"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="wpb_column pos-top pos-center align_center align_center_tablet align_center_mobile column_child col-lg-4 half-internal-gutter">
<div class="uncol style-dark unexpand">
<div class="uncoltable">
<div class="uncell single-block-padding style-color-vyce-bg unradius-sm">
<div class="uncont">
<div class="vc_custom_heading_wrap ">
<div class="heading-text el-text"><h4 class="fontspace-781688"><span>Ricerca per matricola</span>
</h4></div>
<div class="clear"></div>
</div>
<div role="form" class="wpcf7" id="wpcf7-f82988-p6-o2" lang="it-IT" dir="ltr">
<div class="screen-reader-response"><p role="status" aria-live="polite">
<ul></ul>
</div>
<div class="wpcf7-inline-wrapper">
<p style="max-width:100%"><span class="wpcf7-form-control-wrap matricola autocomplete">
<ul id="results"></ul>
</span>
</div>
<span class="wpcf7-spinner"></span>
<div class="wpcf7-response-output" aria-hidden="true"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
.autocomplete {
/*the container must be positioned relative:*/
position: relative;
display: inline-block;
max-width: 100%;
}
input {
border: 1px solid transparent;
background-color: #f1f1f1;
padding: 10px;
font-size: 16px;
}
.autocomplete-items {
color: rgb(65, 65, 66);
position: absolute;
border: 1px solid #d4d4d4;
border-bottom: none;
border-top: none;
z-index: 99;
/*position the autocomplete items to be the same width as the container:*/
top: 100%;
left: 0;
right: 0;
}
strong {
color: black !important;
font-weight: bold;
}
.autocomplete-items div {
padding: 10px;
cursor: pointer;
background-color: #fff;
border-bottom: 1px solid #d4d4d4;
}
.autocomplete-items div:hover {
/*when hovering an item:*/
background-color: #e9e9e9;
}
.autocomplete-active {
/*when navigating through the items using the arrow keys:*/
background-color: DodgerBlue !important;
color: #ffffff;
}
var matricola = '';
if(matricola){
document.getElementById('autocomplete').value = matricola;
} else {
let params = {
utilizzo: '',
portata_o_traino: '',
altezza_sollevamento: '',
tipologia: '',
};
[ 'utilizzo', 'portata_o_traino', 'altezza_sollevamento','tipologia'].forEach(function(elemName){
if(params[elemName] != ''){
let elem = document.getElementById(elemName);
let optionsStorage = localStorage.getItem('options_' + elemName) || '';
let options = [];
if(optionsStorage!=''){
options = JSON.parse(optionsStorage);
restoreOptions(elem, options);
}
elem.value = params[elemName];
} else {
localStorage.removeItem('options_' + elemName);
delete params[elemName];
}
});
}
