Immagini mancanti - content slider + stile delle righe 
Autore: Alessandro R.versione 2024.1.9 - mi sono appena accorto che nell home page, le immagini di sfondo non si visualizzano.
web non é in italiano - link: https://www.italbest.cz/
apro il programma x5 in locale e neanche qui le vedo...
Superiormente ho usato content slider + stile delle righe (elenco immagini dove ho inserito una decina di immagini).
Opacitá 100 non si visualizzano, tutto bianco...
provo a inserire opacitá 10 e si visualizzano chiarissime (come dovrebbero vedersi), inserisco 100 e non si vede nulla, procedo per gradi opacitá 20 - 50 - 80 -100 e tutto funziona nuovamente.
...in questo momento mi sono accorto di un altro problema..
tutti gli elementi immagini non si visualizzano, neanche effettuando ctrl + anteprima.
Nel web ho una pagina copia dell home che si visualizza correttamente, inserisco il link:
https://www.italbest.cz/domu_18.html
l unica differenza tra l home (che non si visualizza correttamente) e la pagina copia dell home (domu_18) e questo codice (presente nella pagina copia..) <style>
#ageCheckOverlay , #ageCheckBanner {display:none !important}
</style>
il codice inibisce il funzionamento di un banner
sotto riporto il codice completo del banner (passo 1 - codice).
<style>
/* Stili per il banner */
.banner {
display: none; /* Nascondi il banner di default */
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: #f9f9f9;
padding: 20px;
text-align: center;
z-index: 19999;
display: flex;
align-items: center;
justify-content: space-between;
max-width: 90%; /* Riduci la larghezza del banner del 57% */
flex-direction: row;
border: 2px solid black; /* Aggiungi una cornice nera */
}
.banner img {
max-width: 70%; /* Dimensioni inferiori al 30% */
height: auto;
margin-right: 0.1cm; /* Riduci ulteriormente lo spazio tra l'immagine e il testo */
}
.banner div {
margin-right: 0.1cm; /* Aggiungi un margine destro di 1 cm al contenitore del testo */
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center; /* Allinea il testo al centro */
}
.banner p {
font-size: 18px;
font-weight: bold;
margin-bottom: 1em; /* Spazio di una riga vuota tra le frasi */
font-family: Arial, sans-serif; /* Carattere moderno e pulito */
}
.banner .button-container {
margin-left: 0.5cm; /* Aggiungi un margine sinistro di 2 cm al contenitore dei pulsanti */
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
margin-top: 3em; /* Aggiungi tre righe vuote tra il testo e i pulsanti */
}
.banner button {
background-color: #B8860B; /* Pulsanti colore oro scuro */
color: #ffffff;
padding: 8px 25px; /* Dimensioni più piccole */
font-size: 14px; /* Testo più piccolo */
font-weight: bold; /* Testo in grassetto */
cursor: pointer;
margin: 15px; /* Spazio tra i pulsanti */
flex: 1; /* Larghezza uguale per entrambi i pulsanti */
border: none; /* Rimuovi la cornice */
}
/* Stili per l'overlay */
.overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 19998;
}
/* Stili per il banner su schermi di larghezza inferiore a 960px */
@media (max-width: 960px) {
.banner {
flex-direction: column;
}
.banner img {
max-width: 100%;
margin-right: 0;
order: 1; /* Posiziona l'immagine in alto */
margin-bottom: 1em; /* Aggiungi una riga vuota tra l'immagine e il testo */
}
.banner div {
margin-right: 0;
order: 2; /* Posiziona il testo al centro */
}
.banner .button-container {
flex-direction: column;
margin-left: 0;
margin-top: 2em; /* Aggiungi due righe vuote tra il testo e i pulsanti */
gap: 1em; /* Aggiungi una riga vuota tra i pulsanti */
order: 3; /* Posiziona i pulsanti in basso */
}
}
/* Stili per il banner su schermi di larghezza tra 970px e 1500px */
@media (min-width: 970px) and (max-width: 1500px) {
.banner {
flex-direction: column;
}
.banner img {
max-width: 100%;
margin-right: 0;
order: 1; /* Posiziona l'immagine in alto */
margin-bottom: 1em; /* Aggiungi una riga vuota tra l'immagine e il testo */
}
.banner div {
margin-right: 0;
order: 2; /* Posiziona il testo al centro */
}
.banner .button-container {
flex-direction: column;
margin-left: 0;
margin-top: 2em; /* Aggiungi due righe vuote tra il testo e i pulsanti */
gap: 1em; /* Aggiungi una riga vuota tra i pulsanti */
order: 3; /* Posiziona i pulsanti in basso */
}
}
</style>
Il codice puo creare problemi o il nuovo aggiornamento crea l anomalia della non visualizzazione corretta?
saluti
Autore
le immagini dentro il rettangolo rosso, quelle che non si visualizzano neanche cliccando sulla cella, le sto inserendo manualmente, oggetto immagine, generale, file immagine: ...in sintesi ricreo il collegamento (quello vecchio é ancora presente) che x5 per qualche motivo non riesce a caricare dalla dir.
Con questa procedura, in locale visualizzo nuovamente l immagine
Autore
Mi scuso, purtroppo devo caricare il web funzionante.
La segnalazione resta comunque importante.
Sotto inserisco due immagini, prima (non funzionante) e dopo (visualizzazione idonea), cosí per avere un idea del problema, problema a cui attualmente ho messo una "toppa" ... :)
web attuale
saluti
Buongiorno Alessandro,
l'anomalia si è presentata al passaggio dalla 2024.1.9 alla 2024.2 del progetto, o attualmente stai ancora usando la 2024.1?
Se hai ancora una copia del progetto con la situazione da te descritta presente, ti chiederei di fornirmene una copia per poter verificare.
Puoi caricarla su https://www.swisstransfer.com/ o simili servizi, e inviare il link di download a sales @ incomedia.eu
Grazie.
Eric
Autore
Ciao Eric, il progetto é stato modificato, pero sono riuscito a recuperare un backup "vecchio" di pochi giorni :) in cui é presente l anomalia.
Trovo interessante il discorso comparazione home page, perché ne abbiamo 2 quasi identiche.
Ti ricordo che quella originale https://www.italbest.cz/non era conforme (adesso, dopo la modifica on line - funziona), mentre in https://www.italbest.cz/domu_18.htmlfunzionava tutto.
Ovviamente i due link vanno provati in locale, dove puoi vedere le differenze segnalate.
Saluti A.R
Autore
Eric, inviato il progetto :)
segnalo che avevo fatto un copia incolla della mail sales @ incomedia.eu, mi sono accorto degli spazi (eliminati) vicino alla @, magari un altro utente procedendo velocemente non si accorgerebbe dell errore e il progetto non arriverebbe...
non esistono indirizzi mail con lo spazio all'interno e qui sul Forum occorre scrivere gli indirizzi mail "camuffati" altrimenti per intero vengono convertiti automaticamente in tanti asterischi ( ****** ) e quindi non sarebbero leggibili...
comunque giusto segnalarlo...
... non ho capito cosa non funziona; ... sopra a 960 pixel il content-slider di ambedue i link mi sembrano regolari...
.,
.
Autore
Ciao KolAsim, qualche commento sopra avevo scritto:
Mi scuso, purtroppo devo caricare il web funzionante....
ho dovuto correggere subito gli errori, ho messo una toppa..la segnalazione con gli errori resta, il progetto é stato inviato. Non so se riesci a visualizzare il post del 12/07/2024 10:36:40 , qui sono presenti due immagini, quella non funzionante e quella corretta
... OK ... esco ... ciao
.
Buongiorno Alessandro,
chiedo scusa per l'attesa, ero temporaneamente non disponibile.
Sembrerebbe in effetti che sia sufficiente aggiungere l'elemento che differenzia le due pagine,
<style>
#ageCheckOverlay , #ageCheckBanner {display:none !important}
</style>
e le immagini tornano visibili anche sulla home.
Inizialmente con l'aggiunta del banner che questo codice va a nascondere, le immagini erano regolarmente visibili?
Ci sono state modifiche sul progetto da questa situazione iniziale in cui erano visibili e ora, oppure erano visibili in una versione precedente alla 2024.1.9?
Eric
Autore
Ciao Eric, nessun problema per l attesa, ci mancherebbe.
Per la prima volta in 16 anni Incomedia mi fornisce un codice, molto gradito :)
Il codice lo aggiungo nell home? credo sia indifferente vero?
La duplicitá delle immagini crea problemi o questo accede solo su pagine identiche?
Questo punto non mi é chiaro...
Il banner é stato aggiunto da poco tempo, proprio nel periodo di transizione tra la vecchia versione e quella 2024.1 non so rispondere con esattezza alla tua domanda, di sicuro mi sono accorto dell anomalia con la 2024.1.9.
Con questa versione ho un altro grave problema che avevo segnalato commentando un altro post e che ti accenno qui (...se devo aprire un altro post lo faro´ ...)...l icona della disponibilitá dei prodotti esempio quella verde - gialla e rossa sparisce in locale e se non me ne accorgo carico il sito on line senza questa icona.
Preciso che l icona é personalizzata, fornisco l esempio:
é inserita nella cartella del progetto. Apro il progetto, tutto funziona ma dopo due o tre semplici modifiche sparisce in tutte le pagine tranne in mio-dominio/cartsearch/index.html
Autore
informazioni aggiuntive legate al post precedente:
https://helpcenter.websitex5.com/it/post/265921
Ciao, prova a cliccare su qualche foto e poi esegui control + anteprima.
Attualmente uso la versione 2024.1.9, ho personalizzato l icona del prodotto disponibile (per capirci quei cerchietti verdi, gialli e rossi) spesso quando lavoro e prima di caricare il progetto le icone delle disponibilitá prodotti non si visualizzano.
Eseguendo CTRL + anteprima volte continuano a non visualizzarsi, cosí clicco sulla singola cella del carrello, clicco su 2 - 3 carrelli, CTRL + anteprima e magicamente appaiono fino a scomparire alla prossima apertura del progetto...questo problema delle versioni precedenti non era presente e presumo che sia un bug.
Buongiorno Alessandro,
c'è stato un fraintendimento: il codice che ho menzionato era quello da te inserito per inibire il banner, e che si trovava nella pagina in cui le immagini erano funzionanti e non nella home, era l'elemento che differenziava queste due pagine.
Volevo verificare le tempistiche con cui si era verificata la situazione per capire se la pagina contenente il codice del banner inizialmente funzionasse regolarmente fino a un certo aggiornamento e avesse smesso solo in seguito, se non ne sei certo ti suggerirei di ri-verificare innanzitutto il codice personalizzato del banner, dato che inibendolo le immagini tornano visibili.
Per quanto riguarda la situazione delle icone personalizzate, avviene anche con la 2024.2, o attualmente stai utilizzando la 2024.1.9?
Eric
Autore
Buongiorno Eric,
per l argomento principale del post, verifico se il problema si ripeta nuovamente.
Situazione delle icone personalizzate (disponibilitá dei prodotti) avviene con la versione 2024.1.9, la versione successiva non mi sento di scaricarla, preferisco lavorare con versioni sw piu affidabili.
grazie
Buongiorno Alessandro,
ti suggerirei di aprire un altro topic sull'argomento delle icone, così da tenere traccia separatamente dell due questioni.
Il progetto è lo stesso di questa segnalazione, di cui ho quindi già una copia, o si tratta di un altro progetto?
In tal caso ti chiederei di fornirmelo.
Grazie.
Eric
Autore
ok, apriro un altro post e ti inviero il progetto