Unofficial WebSite X5

Categoria generale => FAQ - HowTo - Tutorials => Topic aperto da: lemonsong - 02 Agosto, 2012, 22:22:12

Titolo: [V9] (e-commerce) Inserire link pagina su "Aggiungi al carrello"
Inserito da: lemonsong - 02 Agosto, 2012, 22:22:12

Citazione

E' possibile "reindirizzare" temporaneamente su una pagina di mia scelta, quando si clicca "Aggiungi al carrello" di un determinato prodotto? Vorrei poter avvisare il cliente che il prodotto non è momentaneamente disponibile.

Se abbiamo utilizzato l'oggetto elenco prodotti (vedi immagine (http://www.webalice.it/lemonsong/ecommerce3.png)) possiamo inserire questo codice (jQuery (http://jquery.com/)) in un oggetto HTML e Widgets (con altezza minima) in fondo alla pagina:

Citazione

<script type="text/javascript">
$('.imProductListBoxAdd img[onclick*="92f92r3z"]').attr('onclick', 'x5engine.utils.location("pagina.html"); return false;');
</script>

Se invece abbiamo inserito un collegamento per aggiungere direttamente al carrello il prodotto selezionato (vedi immagine (http://www.webalice.it/lemonsong/ecommerce0.png)), useremo questo codice:

Citazione

<script type="text/javascript">
$('a[href*="92f92r3z"]').attr('href', 'pagina.html');
</script>

In rosso da personalizzare l'id prodotto e nome della pagina.

Per trovare facilmente l'id di un prodotto possiamo usare, per esempio, Firefox, cliccare col destro sull'icona del carrello/link, quindi su "Analizza elemento". Clicchiamo sull'icona "Pannello codice" se non l'abbiamo ancora fatto (vedi immagini):

[attach=1]  [attach=2]


N.B.
Lo script è stato testato con la versione 9.1.2.1923


Grazie a stesil per l'aiuto e le immagini  :)

Titolo: Re:[V9] (e-commerce) Inserire link pagina su "Aggiungi al carrello"
Inserito da: lemonsong - 16 Febbraio, 2013, 12:38:45

Aggiornamento dei codici (post precedente): fixato per IE7 ed unito in un unico script

Citazione

<script type="text/javascript">
$(function() {
var prodotto = $('.imProductListBoxAdd img[onclick*="92f92r3z"]');
prodotto.prop('onclick', null);
prodotto.click(function() {
x5engine.utils.location("pagina.html"); return false;
});
$('a[href*="92f92r3z"]').attr('href', 'pagina.html');
$('img#buy_92f92r3z').click(function() {
x5engine.utils.location("../pagina.html"); return false;
});
});
</script>

Versione testata: 9.1.8.1960

grazie a stesil per la preziosa collaborazione