WebSite X5Help Center

 
Alessandro R.
Alessandro R.
User

Responsive - annullare collegamento foto prodotto  it

Autore: Alessandro R.
Visite 879, Followers 2, Condiviso 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

Postato il
21 RISPOSTE - 5 UTILI - 1 CORRETTO
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Utente del mese PT

... 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...

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Alessandro R.
Alessandro R.
User
Autore

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

Leggi di più
Postato il da Alessandro R.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Utente del mese PT

... 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>

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Utente del mese PT

...!... pagina cartsearch rimasta invariata...!..

... per il codice attualmente fungerebbe quanto detto prima...

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Alessandro R.
Alessandro R.
User
Autore

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 

Leggi di più
Postato il da Alessandro R.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Utente del mese PT
Alessandro R.
... ... Il discorso era riferito a tutte le risoluzioni sotto le 720px ... ... 

...!... 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

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Alessandro R.
Alessandro R.
User
Autore

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 

Leggi di più
Postato il da Alessandro R.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Utente del mese PT

... grazie per il riscontro... ciao...

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Alessandro R.
Alessandro R.
User
Autore

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

Leggi di più
Postato il da Alessandro R.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Utente del mese PT

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

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Alessandro R.
Alessandro R.
User
Autore

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

Leggi di più
Postato il da Alessandro R.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Utente del mese PT

... 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

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Alessandro R.
Alessandro R.
User
Autore

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

Leggi di più
Postato il da Alessandro R.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Utente del mese PT

... 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...

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Alessandro R.
Alessandro R.
User
Autore

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.

Leggi di più
Postato il da Alessandro R.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Utente del mese PT

... effetti e refresh sarebbero da evitare in pagine pesanti, ... comunque attualmente  il LINK non funziona più...!...

ciao

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Utente del mese PT

... 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:

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Alessandro R.
Alessandro R.
User
Autore

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

Leggi di più
Postato il da Alessandro R.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Utente del mese PT

... 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

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪