Collegamento Link Immagine Prodotto (Pagina Prodotto) 
Auteur : Stiac Engineering
Visité 660,
Followers 3,
Partagé 0
Salve ragazzi,
stavo provando a inserire un collegamento link all'immagine del prodotto, nella pagina/sezione product recentemente introdotta da Incomedia:
Nello specifico vorrei che al click della foto, l'utente possa essere dirottato verso una seconda schermata.
Mi sarebbe piaciuto poter sfruttare questa novità anche con il mio sito, dunque creando template avrei la necessita di far visualizzare l'anteprima del modello.
Ho provato con del codice JS (https://codepen.io/stiac/pen/zYNVXoN), tuttavia non mi funziona in WebSite X5.
Dove baglio?
Link test: https://www.gebher.com/product/?rezume
Posté le
Vorresti che si aprisse una pop-up o una nuova pagina?
Auteur
Nuova pagina
tag head
<script>
$(document).ready(function(){
$('.swiper-wrapper').click(function(){
window.open('https://www.google.it');
return false;
});
});
</script>
L'ho provato nel tuo test link e non funziona. Hai due errori che pregiudicano il funzionamento.
Nel video in link puoi vedere che funziona.
https://www.arteottica.net/ allegati/video11.mp4
Auteur
Grazie di cuore Luca! Non sapendo dove mettere mano ho preso dei codici online per assemblare il tutto.
Con il codice gentilmente indicato posso sfruttarlo direttamente nel prodotto.
Esatto, nella pagina product/?xxxxx
L'hai testato?
Auteur
Sì! Puoi controllare tu stesso su https://www.gebher.com/product/?royal-hotel-website-x5-pro-template
Ho inserito il codice direttamente nella descrizione del prodotto così da poter gestire i link in base al prodotto.
Ora stavo cercando d'impostare un'altezza 100% alla foto prodotto, ma senza risultati positivi.
Grazie per il tempo e prezioso aiuto Luca!
<style>
.swiper-slide-active {
background-size: 100%!important;
}
</style>
Provato e funziona
Auteur
Buongiorno,
ho testato meglio il codice per il collegamento link della foto e purtoppo pare esserci un problemino che compromette i prodotti correlati.
Controllando da PC mi pare che abbiano la stessa classe.
Auteur
Ho inserito questo codice e pare funzionare meglio. La sola modifica è alla classe che va a specificare dove mettere il link.
https://codepen.io/stiac/pen/poRMWWr
Spero di non aver fatto errori.