Responsive - annullare collegamento foto prodotto 
Autor: Alessandro R.
Visited 1085,
Followers 2,
Udostępniony 0
ciao, in tutti gli eshop normalmente c é una pagina con le foto di tutti i prodotti. Generalmente cliccando sulla foto prodotto, si apre la pagina con la descrizione completa.
Vorrei annullare SOLO in alcune visualizzazioni del responsive questo collegamento.
Si puo fare anche utilizzando codici extra?
saluti
Posted on the
... se non ricevi altri input, si potrebbe provare con un mio escamotage/invenzione EXTRA...
... se ti interessa, posta il LINK ed indica quale oggetto/link vuoi inibire ed a quale risoluzione...
Autor
Ciao KolAsim,
sono interessatissimo al tuo escamotage EXTRA.. :) :) :)
link del sito www.prahavino.cz
in realtá sulla pagina https://www.prahavino.cz/cartsearch/index.html
quella dove ci sono tutti i prodotti :) vorrei annullare tutti i collegamenti delle foto dei vini per le risoluzioni 480 smartphone e inferiori...
spero che sia fattibile...
attenzione, il web on line non é ancora responsive...
grazie
... si dovrebbe lavorare sulla struttura reale; ...per quel che è adesso:
... per Proprietà Pagina Speciale | sez. Esperto | 3^ opzione (/HEAD):
<style>
#im-products .im-wrapper-products-image:after {content:"";position:absolute;top:0px;width:100%;height:280px}
</style>
.
Autor
Eseguito, come richiesto t invio il link...https://www.prahavino.cz/test/home.html
grazie 1000
...!... pagina cartsearch rimasta invariata...!..
... per il codice attualmente fungerebbe quanto detto prima...
.
Autor
Ciao KolAsim,
ho copiato il tuo codice e sembra non funzionare. Mi viene il dubbio che devo settare qualche paramentro (quello della visualizzazione) sul tuo codice ma sinceramente non so che pesci prendere :)
Il discorso era riferito a tutte le risoluzioni sotto le 720px
Ultimo dubbio, con un SOLO UN CODICE riuscirei a eliminare tutti i collegamenti dei 100 prodotti della pagina?
Ti ringrazio delle tue utilissime consulenze...parole da cui si impara tanto...
saluti
Alex
...!... il precedente mio codice resta valido anche nel responsive, ma non c'è traccia del mio codice là dove ti avevo indicato di inserire (Proprietà Pagina Speciale!)...!...
... per condizionare al breackpoint 720px allora devi usare questo codice:
<style>
@media(max-width:719px) {#im-products .im-wrapper-products-image:after {content:"";position:absolute;top:0px;width:100%;height:280px}}
</style>
... se invece vuoi mantenere il LINK attivo nella denominazione in grassetto, allora modifica il valore di HEIGHT in: height:100%
.
ciao
.
Autor
Ciao KolAsim,
ti rendi conto cosa hai fatto? :)
Questo codice (che da una prima verifica sembra funzionare bene) mi ha evitato una valanga di lavoro.
Per risparmiare tempo nel creare una prima versione responsive, é inutile lavorare sulle celle delle centinaia di pagine con le caratteristiche dettagliate del prodotto (per le visualizzazioni inferiori, non sono info necessarie...).
Nel sito é giá presente la classica pagina con tutti i prodotti - carrelli e descrizioni sintetiche, ideali per smarphone o tablet...
immensamente grazie...
Queste utili funzioni, Incomedia dovrebbe inserirle in opzione nel responsive, possono veramente aiutare molti utenti.
Allego una vecchia immagine trovata sul pc...
saluti
Alex
... grazie per il riscontro... ciao...
.
Autor
Ciao KolAsim,
improvvisamente la disabilitazione del collegamento tra foto e pagine del prodotto non funzionava.
Evitando di disturbarti, ho cercato di risolvere da solo...
la bella notizia é che ho trovato la causa :)
quella negativa é che da solo non sono in grado di risolvere....
in sintesi, nelle pagine speciali del carrello, ricerca, in elementi visibili, copertina, se setto l effetto su passaggio Grow il codice non funziona.
Impostando effetto su passaggio NESSUNO...allora il tuo codice é perfetto.
Secondo te, esiste la possibilitá di far funzionare il tuo codice insieme all effetto Grow?
grazie...ciao
ps: web di prova inserito dentro la cartella www/test
https://www.prahavino.cz/test/cartsearch/index.html
ciao, ... prova questo codice:
<script>
$( document ).ready(function() {//K;
$(".im-products-image").removeAttr("onclick").css("cursor","default");
});
</script>
...!... se non funziona perchè la pagina è pesante e lenta ad aprirsi, allora si dovrà aggiungere un ritardo al codice di qualche secondo; ...e nel caso avvisami...!...
ciao
.
Autor
ciao KolAsim,
ho cercato di creare una pagina non troppo pesante, in teoria ogni foto é leggera...pero essendoci nella pagina tante foto probabilmente l apertura su pc piu vecchi potrebbe risultare lenta.
tu la vedi cosí male?
volendo potrei spostare la metá dei prodotti sulla seconda pagina, xo tutti i prodotti che non sono in prima pagina subiranno un significativo calo di vendite...se fosse possibile preferirei evitare.
Sul mio pc la pagina si apre velocemente, pero il codice sembra non funzionare.
On line ho caricato il web con la tua modifica, ti riporto il link:
https://www.prahavino.cz/test/cartsearch/index.html
proviamo a inserire il ritardo e vediamo se cambia qualcosa...grazie
Alex
... OK, allora prova con un ritarto di 6 secondi, che puoi diminuire o aumentare nella variabile ritardoK = 6;
---------------------
<script>
$( document ).ready(function() {//K;
ritardoK = 6; // secondi di ritardo;
setTimeout(function(){
$(".im-products-image").removeAttr("onclick").css("cursor","default"); }, ritardoK * 1000); });
</script>
.............................
ciao
Autor
Ciao KolAsim,
con l ultimo codice, spariscono tutti i collegamenti immagine prodotto, dalle visualizzazioni per pc (collegamenti che vorrei lasciare per dare al cliente la possibilitá di accedere alla pagina prodotto).
Invece per le risoluzioni inferiori, questo collegamento é inutile, cosí evito di mettere responsive centinaia di pagine...
..forse bisogna unire i due codici presenti in questa pagina, quello dei ritardo e quello di togliere la possibilitá di disabilitare il collegamento sull immagine da una certa definizione, esempio 720 px.
ciao
... mi ero dimenticato del 720px(!); ...sì, si potrebbe fare, però nel ritornare da 720 a risoluzioni superiori avverrebbe la ricarica della pagina, forse fastidiosa.(!)...
...se ti interessasse ancora fammelo sapere che studiamo il seguito...
.
Autor
KolAsim, si sono interessatissimo :)
per quanto riguarda il discorso della ricarica della pagina dovrebbe essere esclusivamente un mio problema quando lavoro con x5.
A pensarci bene, forse qualcuno potrebbe girare un tablet (...lo scrivo per ipotesi) da 720 a una visualizzazione superiore pero se si ricarica la pagina..pazienza...corro il rischio, non lo vedo un problema cosí grande...
nella peggiore delle ipotesi, elimino l effetto sul passaggio Grow.
... effetti e refresh sarebbero da evitare in pagine pesanti, ... comunque attualmente il LINK non funziona più...!...
ciao
.
Autor
nuovo link: https://prahavino.cz/cartsearch/index.html
ps: scusami
... forse non ho catito, ...ma vedo che hai già applicato il mio codice e che funziona correttamente...
... anche se veniali, è meglio togliere gli errori evidenziati in HEAD:
.
Autor
Ciao KolAsim,
ho applicato il tuo codice che funziona bene senza l effetto sul passaggio Grow.
Mi sarebbe piaciuto inserire l effetto grow con la possibilitá di disabilitare il collegamento sull immagine da una certa definizione, esempio 720 px... comunque se sconsigli l effetto grow per via della pesantezza della pagina (giá leggermente ridotta) per me va bene cosí...sono giá soddisfatto perché hai fatto un ottimo lavoro evitandomi di dover rendere responsive quasi un centinaio di pagine.
il doctype html ha la funzione di permettere agli utenti il discorso recensione prodotti.
Mi sono accorto di averlo inserito in troppi posti...esempio nel passo 1 - statistiche e codice e in tutte le pagine del web...e in quelle speciali.
secondo te, dove dovrei lasciarlo?
Gentilmente se vedi altri errori nel codice del web informami. Grazie 1000
... nell'ultimo link che hai fornito non ci sono effetti, e penso che è meglio e che vada bene così...
... sono rimasti gli errori segnalati; ...quelli evidenziati EXTRA (rigo2 e 3) andrebbero eliminati...
ciao
.