Modificare Aggiungi sul carrello 
Autore: Alberto B.
Visite 1077,
Followers 1,
Condiviso 0
Salve a tutti
Vorrei sapere (se è possibile) aggiungere del codice nel pulsante Aggiungi in modo da:
1) NON inserire l'ordine sul carrello
2) avviare un pop-up con 2/3 righe di testo
Questo è il sito: https://www.microtronics.it/cart_ita_acc/index.html
Postato il
Buongiorno Alberto
Da quello che descrivi, ti direi che sarebbe più conveniente non usare l'oggetto Catalogo Prodotti ma configurare un Oggetto Immagine ed un Oggetto Bottone relativo che faccia esattamente quello che richiedi
In questa maniera, non avrai necessità di aggiungere codice extra che modifichi funzionamenti già esistenti
Altrimenti, se preferisci procedere comunque con codici extra, lascerò il topic aperto così che altri utenti possano aiutarti con questo
Resto a disposizione
Stefano
Autore
OK seguirò il tuo consiglio e farò delle prove, vediamo se nel frattempo arrivano altre idee...
... alla lettera:
<script>
$( document ).ready(function() {/*K>*/;
ritardoK = 3; // secondi di ritardo da valutare
avvisoK = "Bla bla blabla bla\nblabla bla bla.";
setTimeout(function(){//K1>
$(".imProductListButton").prop("onclick", false);
$(".imProductListButton").click(function() { alert(avvisoK)} )
}, ritardoK * 1000); //K1<<
}); /*K<<*/;
</script>
.
.
Autore
Ciao Kol, ho applicato il codice che mi hai inviato e funziona benissimo, qui l'esempio:
https://www.microtronics.it/lang6/index.html
N.B. ho notato che aggiornando il browser chrome con MAIUSC+F5 e cliccando su Aggiungi il carrello funziona regolarmente, poi riprovando ritorna il messaggio bla bla bla bla...
Domanda: ma che sia possibile puntare questo codice per solo UNO dei prodotti e non per tutti gli "aggiungi"?
... non ho notato differenze con MAIUSC+F5 ...
..........................................
x 1° pulsante, K(index) = [0] ;
x 2° pulsante, K(index) = [1] ;
... eccetera ...
... quindi per il singolo pulsante, per esempio per il 3° pulsante, K(index) = [2] :
<script>
$( document ).ready(function() {/*K>*/;
ritardoK = 3; // secondi di ritardo da valutare
avvisoK = "Bla bla blabla bla\nblabla bla bla.";
setTimeout(function(){//K1>
K = $(".imProductListButton");
$(K[2]).prop("onclick", false).click(function() { alert(avvisoK)});
}, ritardoK * 1000); //K1<<
}); /*K<<*/;
</script>
.
ciao
.
Autore
Ho provato ha funzionato up paio di volte ed ora nulla...
Ricontrollo, ma strano ho messo lo stesso K(index) dell'esempio ..
... ho provato adesso nel tuo secondo link, sul terzo pulsante com'è adesso ([2]), ...e mi ha funzionato come da aspettative, ripetute volte, sia da PC che su smartphone...
... eventualmente provare a variare il nr. dei secondi di ritardo relativi alla latenza della pagina...
.
Autore
Effettivamente col cellulare funziona, ora controllo ancora, provo a variare la latenza, come da tuo consiglio.
Autore
Si ci siamo, ho impostato latenza = 4 e vedo che il pop-up comapre regolarmente
... eventualmente per modificare il codice per la scelta del tipo
x 1° pulsante, K(index) = [0] e anche x 5° pulsante, K(index) = [4]
mi basta modificare così: [0], [4] ?
... sì ...
.......................................................
... eventualmente come idea, ... per fare in modo di evitare che i pulsanti possano essere cliccati prima del ritardo impostato per attuare il codice, si potrebbe accoppiare un preload che schermi la pagina con un div_custom opaco...
.
Autore
ok KOL ormai provo anche questa "aggiunta" con il div_custom opaco, metti il codice che provo a testare.
Con l'occasione ho provato ad inserire [2], [4] ma non il 4 non lo prende...
questo il link https://www.microtronics.it/lang6/index.html
... con aggiunta del mio preloder e per disabilitare il terzo [2] e quinto [4] pulsante:
<script>
$( document ).ready(function() {/*K>*/;
ritardoK = 3; // secondi di ritardo da valutare
avvisoK = "Bla bla blabla bla\nblabla bla bla.";
//--- sezione -- preloader by KolAsim ---K
imgPreK = "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('+imgPreK+');background-repeat: no-repeat; background-attachment: fixed; background-position: center center;background-size:20%"> </div>';
$("body").append(preK);
//--------------------------------K
setTimeout(function(){//K1>
K = $(".imProductListButton");
$(K[2]).prop("onclick", false).click(function() { alert(avvisoK)});
$(K[4]).prop("onclick", false).click(function() { alert(avvisoK)});
$('#loaderK').hide();
}, ritardoK * 1000); //K1<<
}); /*K<<*/;
</script>
....
... scarica l'immagine SVG (imgPreK) ed usala dal tuo sito, ...oppure usa una delle tue...
.
... dal tuo esempio credo di aver capito lo scopo che prima non avevi indicato, e secondo me sarebbe meglio come in questa simulazione grafica:
.
.
Autore
Bene
direi che così è perfetto, spero sia servito anche a qualche altro collega...
Prima di salutarci ancora due domande:
- al posto del tuo percorso (https://hello-site.ru/main/images/preloads/tail-spin.svg) posso mettere un mio percorso e una mia immagine ?
- l'immagine imgPreK.svg non riesco a scaricarla da quel url, qui cè qualcosa che non capisco
... se vuoi usare la stessa immagine(*) del mio codice, tail-spin.svg, ...scaricala da qui:
>> https://hello-site.ru/main/images/preloads/tail-spin.svg ...(**)...
... e la metti nel tuo spazio WEB del Sito...
... se la invii nella ROOT la variabile imgPreK la dichiari un questo modo:
imgPreK = "tail-spin.svg";
... se la alleghi al Progetto e/o la invii nella cartella "files" la variabile imgPreK la dichiari un questo modo:
imgPreK = "files/tail-spin.svg";
....................................
(*) ... considera che è bianca, per cui la vedrai su sfondo scuro, come nel mio preloader;
(**) ... per scaricare è semplicissimo:
- o clicchi con il destro del mouse sul LINK e scarichi dalle opzioni del menu contestuale;
- o clicchi sul LINK, si apre nel browser, e scarichi direttamente dalla finestra del browser, o con il menu di questo, o anche con il destro del mouse...
...
..
.
Autore
Direi, più di così...
Grazie 1000 del supporto
Il "corretto" per correttezza (giochetto di parole), nei riguardi di chi ti ha supportato e futura utenza, va impostato sul commento risolutivo del problema. No a se stessi.