x Luca A., ...l'idea è buona, e che ben venga, ...ma in quel groviglio di codici EXTRA mi sembra minimale......

(... per altro extra x extra mi pare, se non ricordo male,  già fatto in passato per qualche altra terza occasione...)

.

ciao

.

Elisa: Grazie mille!

KolAsim: E' vero che ho inserito diversi codici extra per migliorare alcune funzioni (grazie al tuo prezioso aiuto ), ma in questo caso non avrei mai richiesto una modifica del genere per una mancanza di attenzione da parte del cliente; perchè basterebbe leggere quello che c'è scritto. ECCHECCAVOLO!!!

Se obbligo il cliente a fare una selezione (forse) starà più attento.

Comunque grazie a tutti voi e buona giornata!

... ...adesso che mi sono soffermato a pensarci un attimino mi è venuto in mente dai miei ricordi degli esperimenti che furono fatti per un utente perduto di qualche anno fa, ...che era emersa qualche incongruenza con i radio-pulsanti #step2/3 spedizione-pagamento per inibirli, dovendo ricorrere ad ulteriori escomotage  per imporre la scelta obbligata, ma alla fin fine mi pare che il risultato fu ottenuto......

ciao

.

Per quanto mi riguarda, con te avevamo fatto una modifica (attualmente ancora attiva) NON per inibire i radio-pulsanti, ma per obbligare il cliente a fare una scelta quando si verificava una certa condizione, che nel mio caso riguardava il limite di PESO della merce inserita nel carrello.
In pratica... quando il peso della merce nel carrello supera i 1000 Kg., al cliente appare un msg in cui lo invita a fare una scelta tra 3 opzioni:

Ritiro della merce in negozio
Richiesta di preventivo
Richiesta di preventivo per noleggio

Questo perchè ho impostato il carrello in modo tale che mi calcoli le spese di spedizione fino a 1000 Kg.
Oltre questo peso gli faccio io il preventivo perchè poi subentrano altri fattori per la consegna.

Adesso invece vorrei che i radio pulsanti non fossero attivi per i motivi che ho indicato sopra, però mantenendo sempre le funzioni che ho spiegato qui sopra.

Oh, se per caso hai qualche codicillo da inserire per renderli NON attivi sono tutt'orecchie!

Il mio sito è questo:
www.lonardituttoperilgiardino.com

Grazie!

... non ero entrato nei meandri del tuo codice, ma mi hai fatto ricordare qualcosa di quegli esperimenti, e mi fa piacere che sono ancora attivi e funzionanti......
...riguardo al mio escamotage accennato prima, se non sbaglio si trattava di un carrello semplice, ma con problemi intrinseci al programma stesso...
... ricordo che il tuo sito era  complesso e pesante per il mio purtroppo vecchio PC, ...ma proverò lo stesso per una valutazione, e a parte codice EXTRA già presente permettendo...
... comunque andrà ti farò sapere......

.

... potrebbe, dovrebbe(!) essere compatibile con il codice EXTRA preesitente...

... provalo, e se vedi che non di funzina lo elimini...

<script>
/** condizionamento radio-pulsanti spedizione-pagamento x WSx5 CART by KolAsim **/
$(window).on("hashchange", function() {//K>;
anchorK = location.hash;
if (anchorK == "#step2"){
setTimeout(function() {
radioK1 = $('input[name="shipping-method"]');
radioK2 = $('input[name="payment-method"]');
controlloavantiK()
},500);}
});//K<<;
//------------------------------
function controlloavantiK(){ //K1>;
radioK1 = $('input[name="shipping-method"]');
radioK2 = $('input[name="payment-method"]');
$(radioK1).prop('checked',false);
$(radioK2).prop('checked',false);
//---------------------------
$(radioK1).click( function(){//K2>;
setTimeout(function(){//K3>;
radioK2 = $('input[name="payment-method"]')
$(radioK2).prop('checked',false);
},500);//K3<<;
})//K2<<;
//------------------------------
$(".btn-go-next").click( function(){//K4>;
if( $(radioK1).prop('checked') == false || $(radioK2).prop('checked') == false ){//K5>;
alert("...!...\nNon è stato selezionato il tipo di Spedizione e il tipo di Pagamento, obbligatori\nSi prega di controllare.\nGrazie!")
setTimeout(function(){ //K6>;
//location.href = "index.html#step2";
},500); //K6<<;
}//K5<<;
})//K4<<;
} //K1<<;
</script>

.

Il codice non funziona correttamente!

In pratica...
1) I radio-pulsanti non sono evidenziati all'inizio. TUTTO OK!

2) Se NON faccio nessuna selezione per quanto riguarda il metodo di spedizione e pagamento, appare il messaggio di alert e quando lo chiudo passa in automatico allo step successivo. NON BENE!

3) Se invece faccio una selezione per quanto riguarda il metodo di spedizione e pagamento, appare comunque il messaggio di alert e quando lo chiudo passa in automatico allo step successivo. NON BENE!

.... scusa, non so perchè, ma mi sono accorto che nel tuo codice mi è rimasta disabilitata la funzione in K6>;  alla fine del codice; ...il problema potrebbe dipendere da questo...
... prova a riabilitare togliendo le due barrette //  iniziali, ...in questo modo:

location.href = "index.html#step2";

.

Ho applicato la modifica che hai suggerito ma adesso si verifica un altro problema:

1) I radio-pulsanti non sono evidenziati. TUTTO OK!

2) Se NON seleziono nessun metodo di spedizione e pagamento, appare il msg di alert e quando lo chiudo si aggiorna la pagina ma rimango sempre nella stesso STEP.

3) Se invece seleziono un metodo di spedizione e pagamento, appare comunque il msg di alert e quando lo chiudo si aggiorna comunque la pagina rimanendo sempre nella stesso STEP, e le selezioni che ho fatto si cancellano lasciando i radio-pulsanti non evidenziati.

Questo è il codice modificato come mi hai suggerito:

<script>
/** condizionamento radio-pulsanti spedizione-pagamento x WSx5 CART by KolAsim **/
$(window).on("hashchange", function() {//K>;
anchorK = location.hash;
if (anchorK == "#step2"){
setTimeout(function() {
radioK1 = $('input[name="shipping-method"]');
radioK2 = $('input[name="payment-method"]');
controlloavantiK()
},500);}
});//K<<;
//------------------------------
function controlloavantiK(){ //K1>;
radioK1 = $('input[name="shipping-method"]');
radioK2 = $('input[name="payment-method"]');
$(radioK1).prop('checked',false);
$(radioK2).prop('checked',false);
//---------------------------
$(radioK1).click( function(){//K2>;
setTimeout(function(){//K3>;
radioK2 = $('input[name="payment-method"]')
$(radioK2).prop('checked',false);
},500);//K3<<;
})//K2<<;
//------------------------------
$(".btn-go-next").click( function(){//K4>;
if( $(radioK1).prop('checked') == false || $(radioK2).prop('checked') == false ){//K5>;
alert("...!...\nNon è stato selezionato il tipo di Spedizione e il tipo di Pagamento, obbligatori\nSi prega di controllare.\nGrazie!")
setTimeout(function(){ //K6>;
location.href = "index.html#step2";
},500); //K6<<;
}//K5<<;
})//K4<<;
} //K1<<;
</script>

... sì, il codice adesso è corretto...

...... purtroppo il mio codice si basa sul pulsante AVANTI che ovviamente per impostazioni del programma passa automaticamente dallo #step2 allo #step3, e facendo il controllo del mio codice torna allo #step2 se le condizioni non sono soddisfatte...

...!... nelle mie simulazioni (e senza programma) il mio codice funziona, ma è tutto relativo...!...

... adesso mi è venuta in mente un'altra delle mie invenzioni uniche ed esclusive che, in teoria(!), ...mascherando il pulsante AVANTI con un pulsante EXTRA permetterebbe di fare il controllo dei radio-pulsanti nello stesso #step2, senza dover passare dallo #step3...

... appena ho tempo vedrò di applicare il mio escamotage per questo caso, e poi ti farò sapere...

.

... OK ... provalo ... ho inserito il mio escamotage con un pulsante maschera extra; ...o la va o la spacca... ciao...

<script>
/** condizionamento radio-pulsanti spedizione-pagamento in #step2 x WSx5 CART by KolAsim **/
$(window).on("hashchange", function() {//K>;
checkedK1 = checkedK2 = "";
anchorK = location.hash;
if (anchorK == "#step2"){ //K1>;
setTimeout(function() { //K2>;
radioK1 = $('input[name="shipping-method"]');
radioK2 = $('input[name="payment-method"]');
$(radioK1).prop('checked',false);
$(radioK2).prop('checked',false);
//----------------------------------
divK1 = '<div id = "divK1" style="position:relative;width:auto;height:auto;cursor:pointer;"></div>';
$(".btn-go-next").parent().wrap(divK1)
$(radioK1).click( function(){//K3>; // controllo ingongruenza K;
radioK2 = $('input[name="payment-method"]')
$(radioK2).prop('checked',false);
})//K3<<;
//----------------------------------
$("<div />").css({position: "absolute", width: "100%", height: "100%", left: 0, top: 0, zIndex: 1000000
}).appendTo($("#divK1").css("position", "relative"));
//----------------------------------
nK1=0; nK2 = 0;
$("#divK1").click( function(){//K4>;
//----------------------------------
$(radioK1).click( function(){//K5>;
radioK2 = $('input[name="payment-method"]')
$(radioK2).prop('checked',false);
}) //K5<<;
//----------------------------------
radioK1 = $('input[name="shipping-method"]');
radioK2 = $('input[name="payment-method"]');
//----------------------------------
$(radioK1).each( function() { //K6>;
if($(this).prop('checked') == false ) { checkedK1 = "-false-"} else {checkedK1 = "-true-";nK1+=1}
});//K6<<;
//----------------------------------
$(radioK2).each( function() {//K7>;
if($(this).prop('checked') == false ) { checkedK2 = "-false-"} else {checkedK2 = "-true-";nK2+=1}
});//K7<<;
//----------------------------------
if(nK1 < 1 || nK2 < 1 ) { //K8>;
alert("...!...\nNon è stato selezionato il tipo di Spedizione e il tipo di Pagamento, obbligatori.\nSi prega di controllare\n selezionando prima la spedizione\ne poi il pagamento.\nGrazie!")
$(radioK1).prop('checked',false);
$(radioK2).prop('checked',false);
nK1=0; nK2 = 0;
} //K8<<;
else {//K9>;
$(".btn-go-next").click();
}//K9<<;
}); //K4<<;
//----------------------------------
},500); //K2<<;
//----------------------------------
}; //K1<<;
}); //K<<;
</script>

.

KolAsim, innanzitutto ti informo che il tuo escamotage ha funzionato (in parte), ma vuoi prima le belle o le cattive notizie?

1) I radio-pulsanti non sono evidenziati. TUTTO OK!

2) Se NON seleziono nessun metodo di spedizione e pagamento, appare il msg di alert e quando lo chiudo la pagina rimane nello stesso STEP. TUTTO OK!

3) Se invece seleziono un metodo di spedizione e pagamento, la pagina passa allo STEP successivo. TUTTO OK!

4) Se seleziono solo una delle due opzioni (modalità di spedizione oppure modalità di pagamento) appare il msg di alert e quando lo chiudo la pagina rimane nello stesso STEP, ma si deseleziona il radio-pulsante che avevo selezionato in precedenza.
In teoria potrebbe anche essere una cosa positiva, cioè... se il cliente non li seleziona entrambi nello stesso momento si resetta la pagina e deve ricominiciare daccapo, però... potrebbe essere migliorato! NON PROPRIO BUONO!

5) Il tuo ultimo codice è stato inserito "Prima della chiusura del tag HEAD", mentre "Prima della chiusura del tag BODY" ho un altro codice (che mi avevi creato sempre tu) che avvisa il cliente quando il peso nel carrello è uguale o supera i 1000 kg. In questo caso lo informa che deve richiedere un preventivo, selezionando la voce "RICHIEDO PREVENTIVO" oppure può ritirare la merce in negozio selezionando "RITIRO DELLA MERCE IN NEGOZIO".

Da quando ho inserito il tuo ultimo codice "Prima della chiusura del tag HEAD", ha annullato la funzione dell'altro codice e se inserisco più di 1000 kg nel carrello non solo non appare più il msg di alert, ma la pagina passa allo step successivo facenso qualsiasi selezione.

Questo è il codice presente "Prima della chiusura del tag BODY":

<script>

var ptp = 1000; //peso totale prodotti

$('#cart-container').on('click', 'div .btn-go-next', function() {

var peso = $('.widget_weight_total').html();

if ((peso > ptp && $('#chk-shipping-jxf4z4gt').prop('checked') == false) && (peso > ptp && $('#chk-shipping-mjikimtk').prop('checked') == false) && (peso > ptp && $('#chk-shipping-flt0jibn').prop('checked') == false)) {

top.location.hash = "#step2";

alert("Per i prodotti nel carrello devi selezionare RICHIEDO UN PREVENTIVO oppure puoi ritirarli in negozio selezionando RITIRO DELLA MERCE IN NEGOZIO");

}

});

setInterval(function() {

var peso = $('.widget_weight_total').html();

if ((peso > ptp && $('#chk-shipping-jxf4z4gt').prop('checked') == false) && (peso > ptp && $('#chk-shipping-mjikimtk').prop('checked') == false))

top.location.hash = "#step2";

}, 200);

setInterval(function() {

var peso = $('.widget_weight_total').html();

if ((peso > ptp && $('#chk-shipping-917o7ah1').prop('checked') == false) && (peso > ptp && $('#chk-shipping-mjikimtk').prop('checked') == false))

top.location.hash = "#step2";

}, 200);

</script>

In pratica questi due codici devono funzionare entrambi

... eh! già ... ... magari in settimana vedrò se per caso fosse possibile fare una fusione, ... nel caso più in là ti farò sapere...

.

Luca, la tua è un idea intelligente. 

La stessa tua idea la proposi io almeno 2 anni fa, aimè senza benefici.... 

Ecco qui 

https://helpcenter.websitex5.com/en/post/228972

Io ho risolto (parzialmente) rendendo invisibile uno dei 2 tasti "avanti" (il primo tasto avanti nella visualizzazione da smartphone, mentre da desktop è quello che si trova sulla destra) . Questo è un problema che si verifica spesso da chi fa ordini attraverso lo smartphone.

Rendendo quindi invisibile il primo tasto avanti, l'utente per procedere al checkout deve inevitabilmente scorrere l'intera pagina dove troverà i metodi di pagamento e spedizione che seppur già selezionati di default, ma almeno li vede!!!! ...e non va avanti senza vederli!

Nelle vecchie versioni, c'era un alert qualora l'utente non selezionava il metodo di pagamento e spedizione.....

Tranquillo, fai con comodo, intanto elimino l'ultimo codice che mi hai inviato altrimenti mi rende nulla l'opzione di scelta se il peso nel carrello supera i 1000 kg.

Grazie infinite intanto!

Infatti anch'io ho avuto lo stesso problema con i clienti che cliccavano sul primo pulsante AVANTI senza selezionare i metodi di spedizione e pagamento.

Quindi, con il prezioso aiuto di KolAsim, avevo inserito questo codice per eliminare il primo pulsante AVANTI e il problema si era risolto, perchè il cliente era obbligato a fare una selezione prima di passare allo step successivo.
Poi, chissà come mai, da una certa versione del programma in poi i radio- pulsanti del metodo di spedizione e pagamento sono selezionati di default creando un pò di problemi, almeno con i miei clienti, perchè molti di loro passano allo step successivo senza fare nessuna selezione.

Questo è il codice che avevo inserito per eliminare il primo pulsante AVANTI e dare al cliente la possibilità di selezionare il metodo di spedizione e pagamento prima di passare allo step successivo:

<style>
#cart-sidebar .s-flex.proceed-to-order .btn-proceed-to-order {
display: none !important;
}
</style>

... oggi ho approfittato di un po' di tempo a disposizione, ... ed  in base alla struttura attuale, in caso di peso superiore ai 1000 Kg mi pare troppo estesa la lista per le spese di spedizione che potrebbe indurre a confusione, e per questo caso ho fatto un ripulisti per evitare appunto confusioni come vedi da STAMP...
... cliccando si AVANTI si attiva l'ALERT in caso di mancata selezione...
... al contrario di come avviene adesso nel tuo CART, il controllo viene effettuato a monte dello #step3, cioè se le condizioni non sono soddisfatte, anche con pesi inferiori, rimane nello #step2, grazie alla mia invenzione con pulsante EXTRA che maschera il pulsante AVANTI...
... avvisami se procedere in questo senso dopo aver valutato il mio STAMP con gli elementi delle spedizioni ridotti solo a due relativamente al peso, ed in caso di peso inferiore la lista apparirà estesa, cioè normale..

.

KolAsim,

ho dato un occhio allo STAMP e alla spiegazione che mi hai dato, e mi sembra un'ottima idea quella di ridurre alle sole voci interessate la selezione obbligatoria in caso il peso nel carrello superasse i 1000 kg. oltre a tutto il resto.

Proviamo a sviluppare la cosa che poi la testo bene nel prg e vediamo che succede.

Intanto ti ringrazio moltissimo per questo ulteriore sforzo da parte tua e rimango in attesa del codice da inserire nel prg.

... OK ... di più non posso fare e/o pensare; ... nel caso (e meglio se!)  attenderai la "cavalleria"  promessa......
... prova le varie combinazioni con questo ultimo codice; ... forse potresti incontrare un paio di incongruenze, ma nel caso dovrebbero risultare innocue... ciao ...
<script>
/** condizionamento radio-pulsanti spedizione-pagamento in #step2 x WSx5 CART[265450] by KolAsim **/
$(window).on("hashchange", function() {//K>;
checkedK1 = "";
anchorK = location.hash;
setTimeout(function() { //K1> ============================================================
if (anchorK == "#step2"){ //K2>;
setTimeout(function() { //K3>;
pesoK = $('.widget_weight_total').html();
pesoK = Number(pesoK);
peso_K();
radioK1 = $('input[name="shipping-method"]');
$(radioK1).prop('checked',false);
//----------------------------------
divK1 = '<div id = "divK1" style="position:relative;width:auto;height:auto;cursor:pointer;"></div>';
$(".btn-go-next").parent().wrap(divK1)
$(radioK1).click( function(){//K4>;
setTimeout(function(){ //K5>;
alert("Controllare il Tipo di Pagamento selezionato");
},1000); //K5<<;
})//K4<<;
//----------------------------------
$("<div />").css({position: "absolute", width: "100%", height: "100%", left: 0, top: 0, zIndex: 1000000
}).appendTo($("#divK1").css("position", "relative"));
//----------------------------------
nK1=0;
$("#divK1").click( function(){//K6>; // =========click extra > ========================
//----------------------------------
radioK1 = $('input[name="shipping-method"]');
$(radioK1).each( function() { //K7>;
if($(this).prop('checked') == false ) {//K8>;
checkedK1 = "-false-";
}//K8<<;
else {//K9>;
checkedK1 = "-true-";nK1+=1;
}//K9<<;
});//K7<<;
//----------------------------------
if(nK1 < 1 ) { //K10>;
alert("...!...\nNon è stato selezionato il tipo di Spedizione e il tipo di Pagamento, obbligatori.\n ...!... occorre rifare ambedue le selezioni...!...\nGrazie!")
nK1=0;
} //K10<<;
else {//K11>;
$(".btn-go-next").click();
}//K11<<;
}); //K6<<; // ===============click extra << ============================
//----------------------------------
},500); //K3<<;
//----------------------------------
}; //K2<<;
},500); //K1<<;
}); //K<<;
//==========================================
//--------------f K12 ----------------------
function peso_K(){ //K12>;
ptpK = 1000; //peso totale prodotti
if(pesoK == 0) {//K13>;
alert("Essendo tornati indietro il peso si è azzerato,\n occorre riconfermare il prodotto.")
$("#imHeader_imObjectImage_50_wrapper img").click()
}//K13<<;
else {//K14>;
//----------------------- MESSAGGIO EXTRA-----------------------------------
if (pesoK > ptpK ) {//K15>;
//--- scaricare o sostituire img src in imkAlertK con immagine propria;
imkAlertK = '<img src="https://processsafetyintegrity.com/wp-content/uploads/Media/Alert.gif" width="30" style = "border-radius:50%;border:solid">';
divAvvisoK ='<div id = "divAvvisoK" style = "padding:5px;color:red;background:yellow;font-size:20px;border-radius:10px;border:solid silver">'
+ imkAlertK + ' <i> Peso Totale superiore ai <b>1000 Kg</b>; > per la <b>Spedizione</b> '+
'occorre selezionare <b>RITIRO DELLA MERCE IN NEGOZIO</b>,<br>'+
'oppure <b>RICHIEDO UN PREVENTIVO</b><br> e verificare/selezionare il tipo di <u>Pagamento</u></i>'+
'</div><br>';
$("#cart-header a").before(divAvvisoK)
//----------------------------
radioK1 = $('input[name="shipping-method"]');
$(radioK1).prop('checked',false);
TotK = radioK1.length;
$(radioK1).parent().parent().parent().parent().parent().hide()
$(radioK1[0]).parent().parent().parent().parent().parent().show()
$(radioK1[TotK-2]).parent().parent().parent().parent().parent().show()
} //K15<<;
} //K14<<;
} //K12<<;
//-----------K-----------------------------
</script>

........................................................................................

.

Grazie mille KolAsim, solo una domanda...

quest'ultimo codice andrebbe a sostituire tutti gli altri presenti Prima della chiusura del tag HEAD e Prima della chiusura del tag BODY?
Se si, in quale delle due sezioni andrebbe copiato?

... come hai fatto prima, nella 3^opzione (/head)...

... non dovrebbe interferire con quello in fondo al body, che mi pare agisca nel passaggio allo #step3 e ritorno,  e che poi  eventualmente potresti provare anche ad eliminare...

... comunque salvati il codice nel blocco note per poterlo riutilizzare in futuro...

.

Stesso problema ma secondo me risolto con un semplice alert di Kolasim anche perchè se l'acquirente non effettua la scelta non va avanti allo steep successivo. Certo che se di default fossero entrambe le scelte disabilitate sarebbe meglio e, al click su AVANTI,  far intervenire un messaggio di alert. Non capisco perchè Incomedia non prenda in considerazione questi casi specifici. Infatti l'utente ha ragione perchè in caso di disattenzione o scarsità a leggere cosa stanno facendo poi ci si trova a dover capire cosa effettivamente volesse il cliente.

Roberto,

a dire il vero, non ricordo fino a quale versione del prg, ma una volta i radio-pulsanti relativi a spedizione e pagamento non erano attivi di default e non capisco che utilità possano avere lasciandoli invece attivi.
E' giusto che sia il cliente a fare una scelta, solo così possiamo sapere con certezza cosa vuole il cliente.

Più di una volta ho avuto clienti che hanno fatto due volte lo stesso identico ordine modificando o la modalità di spedizione o la modalità di pagamento.
Successivamente mi hanno inviato una e-mail chiedendo di eliminare l'ordine X perchè avevano sbagliato ad inviarlo e solo successivamente si sono accorti che la modalità di pagamento era sbagliata.

Poi vabbè, ci sarebbe voluta solo un pò più di attenzione prima di inviare l'ordine, anche perchè gli appare la finestra di riepilogo alla fine.

... OK ... visto e provato ... pare funzionare secondo aspettativa...

... grazie anche a te per esserti prestato agli esperimenti......

.

ciao

.

Se per caso volessi provare altri esperimenti extra non farti problemi, tu proponi e io lo testo nel mio sito!

... grazie ... ciao