WebSite X5Help Center

 
Antonio P.
Antonio P.
User

Scheda Prodotto decentrata  it

Autor: Antonio P.
Visitado 372, Followers 1, Compartido 0  

Buongiorno a tutti,

ho notato casualmente che l'impaginazione della SCHEDA PRODOTTO dei prodotti presenti sul sito mio sito web (www.tecnomedialab.com) nella visualizzazione mobile sono leggermente decentrati verso sinistra.

E' una anomalia o c'è un modo per poter rendere più simmetrica la visualizzazione?

Publicado en
14 RESPUESTAS - 1 ÚTIL
Giancarlo B.
Giancarlo B.
User
Usuario del mes IT

Ciao Antonio, guardano una scheda prodotto a caso a me sembra centrata, forse è una in particolare, hai uno per caso screenshot? 

Leer más
Publicado en de Giancarlo B.
Giancarlo B.
Giancarlo B.
User
Usuario del mes IT

hai per caso uno screenshot? wink

Leer más
Publicado en de Giancarlo B.
Antonio P.
Antonio P.
User
Autor

Vi allego delle visualizzazioni da mobile

Leer más
Publicado en de Antonio P.
Antonio P.
Antonio P.
User
Autor

allegato

Leer más
Publicado en de Antonio P.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator


... non mi pare tanto problematico ma non ho approfindito...
... + ... visto che sono entrato velocemente per valutare ho notato che hai tre slide statiche...
... forse, se ti piace fare,  come idea(!) potrebbe interessarti una mia invenzione esclusiva ed unica: 
avanzamento automatico delle schede, +play/stop, +pallini attivi  al click e con tooltip della relativa scheda...
.... nel caso, se ti interessa,  apri un nuovo argomento ed io ritornerò lì, se no, non ci far caso...
.
ciao

.

Leer más
Publicado en de  ‪ KolAsim ‪ ‪
Antonio P.
Antonio P.
User
Autor

Ringrazio tutti per l'interesse. Grazie a te, KolAsim: è un'ottima idea avere delle slide dei prodotti con passaggio automatico per dare più dinamicità e creare maggiore engagement.

Sarebbe molto bello sviluppare questa proposta. Tuttavia, prima volevo capire se questo piccolo problema, che visivamente potrebbe non sembrare rilevante, fosse risolvibile.

Se riuscissimo a fare entrambe le cose, sarebbe fantastico.cool

Leer más
Publicado en de Antonio P.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Antonio P.
... ... ...  Sarebbe molto bello sviluppare questa proposta. Tuttavia, prima volevo capire se questo piccolo problema, che visivamente potrebbe non sembrare rilevante, fosse risolvibile. ... ... ... 

... l'avevo visto di sfuggita, mi pareva poco rilevante, adesso ho voluto soffermarmi un attimino sulla tua puntualizzazione, cercando di entrare ne merito...
... ho visitato solo questa pagina relativa al tuo STAMP:
https://www.tecnomedialab.com/product/?ps5---the-elder-scrolls-iv--oblivion-remastered-deluxe-ed
-1) .. non so se ti riferisci a questo aspetto, ho notato una accostamento a filo del lato sinistro ed un margine vuoto non ben definibile di circa 5px sulla destra;
-2) - ho anche notato una scheda con un video decentrato a filo del bordo sinistro(!);

... adesso, potresti attendere cosa ti dirà lo STAFF, magari hanno già qualche possibile soluzione o FIX in arrivo...

... da parte mia potrebbe esserci una qualche soluzione EXTRA, ovviamente esclusiva per questo caso...
... siccome lo slider obbedisce a comandi dinamici inscatolati propri, ...a grandi linee ho potuto verificare che con un mio semplice CSS si potrebbe rimediare al solo .2);
... per risolvere il problema dell'allineamento a sinistra della gallery, (anche se minimale di 5 pixel), centrandola automaticamente orizzontalmente nella scheda, si dovrebbe allargare il contenitore a tutto spazio disponibile, ma il CSS viene inibito dallo slider, quindi più problematico, allora ho rispolverato una mia invenzione/idea per poterlo allargare forzatamente...
... se ti dovesse interessare e ti vuoi cimentare a provare prima della eventuale FIX e per procedere con il mio codice EXTRA, avvisami, e tornerò qui, così vedrò di confezionare il tutto in unico codice, altrimenti ignora il mio Post ed attendi altri input...
.
ciao
.

Leer más
Publicado en de  ‪ KolAsim ‪ ‪
Antonio P.
Antonio P.
User
Autor

Grazie KolAsim, hai centrato perfettamente i punti delle anomalie messe in evidenza, se si potesse fare qualcosa, sarebbe molto bello e risolutivo, se poi il supporto ci aiuterebbe con qualche fix sarebbe ancora meglio

Leer más
Publicado en de Antonio P.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Antonio P.
Grazie KolAsim, hai centrato perfettamente i punti delle anomalie messe in evidenza, se si potesse fare qualcosa, sarebbe molto bello e risolutivo, se poi il supporto ci aiuterebbe con qualche fix sarebbe ancora meglio

... OK ... purtroppo non ci sono altri modi se non di controllare le opzioni interne del Programma, e quindi, se vuoi provare in EXTRA, ed in attesa e se di eventuale FIX, ecco la mia invenzione per la scheda PRODUCT individuale tipo del LINK che ti avevo precedentemente indicato, le altre verifiche le farai tu:

<script>
/** centratura scheda del product e contenuti x WSx5 by KolAsim -- **/
$(document).ready(function () { const styleK = ` <style> .swiper-slide > div { position: absolute !important; left: 50% !important; top: 50% !important; transform: translate(-50%, -50%) !important; margin: 0 !important; } .swiper-slide iframe { width: 100% !important; height: 100% !important; display: block; margin: 0 auto; } </style> `; $("head").append(styleK); function adjustGallery() { $(".container-gallery").css({ width: "100%", overflow: "hidden", margin: "0 auto" }); } let attempts = 0; const maxAttempts = 10; const intervalTime = 500; const checkExist = setInterval(function () { attempts++; const container = $("#im-product-container"); if (container.length > 0) { setTimeout(function () { adjustGallery(); }, 1000); clearInterval(checkExist); } else if (attempts >= maxAttempts) { clearInterval(checkExist); } }, intervalTime); $(window).on("resize", adjustGallery); });
</script>

.

ciao

.

Leer más
Publicado en de  ‪ KolAsim ‪ ‪
Incomedia
Eric C.
Incomedia

Buongiorno Antonio,
ho segnalato la cosa al team di sviluppo, in modo da non necessitare del codice aggiuntivo per eliminare il padding che porta al decentramento delle immagini.

Leer más
Publicado en de Eric C.
Antonio P.
Antonio P.
User
Autor

Buonasera, scusate il ritardo nella risposta, Grazie a Kol per il codice inviato (provato ma centrava tutto e sovrapponeva il testo). Grazie al team per la segnalazione. Ho risolto parzialmente lavorando sulla struttura del modello, e sembra visibilmente migliore. In attesa di qualche correzione del codice vi auguro buona giornata.cool

Leer más
Publicado en de Antonio P.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

ciao, ... ho controllato la pagina cui avevo fatto riferimento prima ed ho riscontrato le stesse problematiche che avevo inizialmente valutato...
... ho provato una simulazione del mio codice adesso, e va a posto sia la centratura normale che quella del video decentrato a sinistra tra >720-480< ... ciao...

.

Leer más
Publicado en de  ‪ KolAsim ‪ ‪
Antonio P.
Antonio P.
User
Autor

Ciao Kol, scusami se sono insistente, per il posizionamento del codice extra che hai creato relativo alla pagina del prodotto, dove devo effettuare il posizionamento per una corretta visualizzazione? Devo averlo inserito in modo errato restituendo una visualizzazione errata. La cosa strana è che online la visualizzazione in smartphone vedo come l'immagine in allegato, mentre in visualizzazione desktop da pc si vede inizialmente allineato ma non appena riduco le dimensioni della finestra si vede decentrato e non ritorna più allineato.

Leer más
Publicado en de Antonio P.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

ciao, ...per  il codice era solo perchè ne avevi chiesto una sistemazione del layuout, ... ma come detto inizialmente, per chi guarda i contenuti non se ne accorgerebbe della centratura non perfetta, minimale, non problematica...
... comunque se vuoi provare il codice, per questione di 2-3 pixel, va incollato al passo_3 nelle proprietà della pagina del relativo link, sezione esperto opzione /head ... ciao

.

Leer más
Publicado en de  ‪ KolAsim ‪ ‪