Inibire / nascondere pulsanti aggiungi al carrello 
Autore: Francesco Tedeschi
Visite 1052,
Followers 3,
Condiviso 0
Buongiorno,
penso che la mia richiesta sia risolvibile solo con codice extra:
Solo in questa pagina vorrei che il cliente, una volta che ha aggiunto un qualsiasi articolo al suo carrello, è impossibilitato ad aggiungere ulteriori articoli (presenti in quella pagina).
In altre parole, il cliente può aggiungere al carrello un qualsiasi articolo presente in quella pagina, una volta aggiunto, tutti gli altri articoli non possono essere aggiunti.
Però potrebbe aggiungere ulteriori articoli presenti in altre pagine.
Postato il
... ciao, ...a grandi linee penso che si dovrebbe ricorrere a qualche cookie, il che per me non avendo il controllo della situazione non ne vale la pena...
... invece questa mia idea costringerebbe(!) alla conclusione dell'ordine...
... se non ti andasse bene, dovrai cercare altre soluzioni o attenderne da altri... ciao
.................................
<script>
$( document ).ready(function() {// K>
ritardoK =6; // numero secondi di ritardo da valutare!;
//---------PRE-K> ------ meglio scaricare img, e/o sostituire con propria immagine--------
immaginePreloaderK = "https://hello-site.ru/main/images/preloads/tail-spin.svg";
preK='<div id="loaderK" style="position:fixed;top:0px;left:0px;width:100%;height:100%;z-index:1000000; background-color:rgba(0,0,0,0.5);background-image: url('+immaginePreloaderK+');background-repeat: no-repeat; background-attachment: fixed; background-position: center center;background-size:20%"> </div>';
$("body").append(preK);
//-----------PRE-K<<------------------------------------
setTimeout(function(){ // K1>;
$(".imProductListButton").click(function() {//K2>;
disabilitaK();
} );//K2<<;
$("#loaderK").hide();
alert("...!... Attenzione...!...\nSelezionando uno di questi prodotti\nbisognerà procedere con la conclusione dell'ordine, \n... altrimenti uscire da questa pagina, grazie!");
}, ritardoK * 1000); // K1<<;
}); // K<<;
function disabilitaK() {//K3>;
testoK = "... ! ...<br>Altre richieste disabilitate.<br>Procedere con l'ordine, grazie. ";
k='<div style="position:absolute;left:0px;top:0px;width:100%;height:100%;background-color:rgba(255,255,0,0.6);" > <div style="position:absolute;width:100%;color:red;font-size:14px;font-weight:bold; text-align:center;top: 50%; left: 50%; width: auto;height: auto; transform: translate(-50%, -50%);background-color:rgba(255,255,255,0.4);border-width: 1px; border-style: solid ; border-radius: 15px;" >' + testoK + '</div> </div>';
k2=' <div style="position:absolute;left:30px;bottom:10px;color:red;font-size:18px;font-weight:bold; text-align:center;background-color:yellow;border-width: 1px; border-style: solid ; border-radius: 15px;padding:10px" >' + testoK + '</div> '
$(".btn-go-back,.imClose").hide();
$(".imProductListCard").append(k);
$("#cart-product-added-container").append(k2);
};//K3<<;
</script>
............................................................................
.
Autore
Ciao KolAsim , grazie per l'interesse !
ma purtroppo non è indicato per il mio ecommerce in quanto i clienti devono poi aggiungere altri prodotti al carrello.
Ho inserito il tuo codice, attualmente è online.... è fantastico
Sicuramente la tua idea sarà utile per altri !!!!
Autore
KolAsim, pensandoci bene, questa tua idea va bene !!!
Ho apportato delle piccole e semplici modifiche al tuo codice....
Ho eliminato l'allert iniziale e modificato alcuni colori (continuerò per altre modifiche)
Ora, sulla base del tuo codice da me modificato e che trovi in rete, vediamo se è possibile migliorare qualcosa....
Innanzi tutto ti chiedo se:
1) quando si aggiunge un articolo al carrello è possibile eliminare questa scritta in giallo
e lasciare il tasto "continua shopping" (tasto originale) che se cliccato chiude lo showbox dell'articolo aggiunto al carrello.
2) contestualmente, se è possibile rendere non visibile il tasto TERMINA E PAGA
... per il .1), ed il .2) ... prova a sostituire con questo:
<script>
$( document ).ready(function() {// K>
ritardoK =6; // numero secondi di ritardo da valutare!;
//---------PRE-K> ------ meglio scaricare img, e/o sostituire con propria immagine--------
immaginePreloaderK = "https://hello-site.ru/main/images/preloads/tail-spin.svg";
preK='<div id="loaderK2" style="position:fixed;top:0px;left:0px;width:100%;height:100%;z-index:1000000; background-color:rgba(0,0,0,0.5);background-image: url('+immaginePreloaderK+');background-repeat: no-repeat; background-attachment: fixed; background-position: center center;background-size:20%"> </div>';
$("body").append(preK);
//-----------PRE-K<<------------------------------------
setTimeout(function(){ // K1>;
$(".imProductListButton").click(function() {//K2>;
disabilitaK();
} );//K2<<;
$("#loaderK2").hide();
}, ritardoK * 1000); // K1<<;
}); // K<<;
function disabilitaK() {//K3>;
testoK = "... ! ...<br>Prodotto aggiunto al carrello ! <br>Continua ad aggiungere prodotti.<br>Clicca su PRODOTTI in alto a sinistra. ";
k='<div style="position:absolute;left:0px;top:0px;width:100%;height:100%;background-color:rgba(64,64,64,0.6);" > <div style="position:absolute;width:100%;color:red;font-size:14px;font-weight:bold; text-align:center;top: 50%; left: 50%; width: auto;height: auto; transform: translate(-50%, -50%);background-color:rgba(64,64,64,0.9);border-width: 1px; border-style: solid ; border-radius: 15px;" >' + testoK + '</div> </div>';
$(".btn-go-next,.imClose").hide();
$(".imProductListCard").append(k);
};//K3<<;
</script>
.
Autore
Bè... che dire.... è perfetto per l'idea che avevo!
Grazie come sempre Kol !
...
...