Pulsante acquisto evoluto Websitex5 11 Pro
Author: Salvatore A.Salve,
non ho ancora pubblicato il sito, ci sto lavorando.
Ho un prodotto per il quale sono disponibili più colori (come da allegato)
A me interessa che prima di aggiungere il prodotto nel carrello si possa scegliere il colore.
ho seguito il post di qualche anno fa all'indirizzo:
http://answers.websitex5.com/post/30588st
le immagini che ho usato sono:
Black.jpg (immagine colore disponibile)
Black_h.jpg (immagine colore selezionato)
Carrello.png (immagine pulsante per aggiungere il prodotto al carrello)
Dato che a me interessa solo il colore e non la misura (size), ho modificato il codice in questo modo:
<script type="text/javascript">
var option = '';
function setOption(opt) {
if(option != '')
document.getElementById(option.split(' ').join('_')).src='buttons/' +
option.split(' ').join('_') + '.jpg';
option = opt;
document.getElementById(option.split(' ').join('_')).src='buttons/' +
option.split(' ').join('_') + '_h.jpg';
}
function addToCart() {
if(option != '')
x5engine.imCart.addToCart('lxr4gsp4',1, 0, option);
else
alert('Scegliere il colore, prego!');
}
</script>
<a href="[removed]setOption('Black');">
<img id="Black" src="buttons/Black.jpg" alt="Black" border="0" />
</a>
per la selezione del colore nero, e per il pulsante aggiungi al carrello invece come segue:
<div style="text-align: right;">
<a href="[removed]addToCart();">
<img src="buttons/Carrello.png" alt="Add to cart" border="0" />
</a>
</div>
Lo script funziona ma non mi aggiungere il prodotto al carrello.
Cosa sbaglio?
Devo per caso aggiungere delle "Variabili Principali"? in:
Impostazioni Avanzate\Carrello e-commerce\Prodotti\"nome prodotto"
Finestra "Impostazioni Prodotto"\Opzioni?
Grazie!
Buongiorno Salvatore,
si, il colore deve essere una variante del prodotto così da poter automaticamente caricare nel carrello il prodotto con già la variante.
Fammi Sapere.
Author
Ho inserito le varianti come da allegato, ma non aggiunge il prodotto al carrello.
Author
Allegato
Buongiorno Salvatore,
prova a rieseguire i passi di :
http://answers.websitex5.com/post/30588
magari su un progetto nuovo oppure scarica quello presente in quella pagina così da capire come è stato realizzato. http://bit.ly/LRmDP6