WebSite X5Help Center

 
Carlo Alberto C.
Carlo Alberto C.
User

Sito responsive: Promo visibile se consultazione da dispositivo Mobile  it

Autor: Carlo Alberto C.
Visited 272, Followers 1, Udostępniony 0  

Salve, 

Con X5 Pro, sto provando a creare una cosa con le versioni responsive del sito.

In pratica:

> visualizzo con una risoluzione adeguata, visualizzo la versione del sito da desktop.
> visualizzo con una risoluzione da smartphone (che andra impostata) visualizzo una pagina che contiene un link alla pagina delle promozioni o un contenuto molto molto stringato e magari le promozioni.

Ho provato a usare le media Query delle .css in particoalre questo codice:
creo una semplice sezione con la classe "promozioni" e poi il CSS che nasconde questa sezione sui dispositivi più grandi.

Per prima cosa, l'HTML:<section class="promozioni">  <h2>Offerte speciali per te!</h2>  <p>Scopri le nostre promozioni esclusive.</p></section>


Poi, il CSS:@media (min-width: 768px) {  .promozioni {    display: none;  }}

ho provato in sezione pagina 4, aggiungo una riga in cima, aggiungo codice html e codice html avanzato css... e inserisco il codice...

ma non gira...

in cosa sbaglio? avete qualche idea?
Grazie

Posted on the
9 ODPOWIEDZI - 2 USEFUL
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Najlepszy Użytkownik miesiąca ESNajlepszy Użytkownik miesiąca PT

... non ho ben capito cosa vuoi esattamente fare...

... secondo me dovresti usare il mio metodo del div_sino...

... questo è uno dei diversi siti (PL) in cui è stato applicato il mio codice per il caso oggetto facebook; ... se restringi la finestra a risoluzioni inferiori noterai quel che avviene...
http://www.bielizna-marzena.pl/
... se non mi posti il tuo LINK per valutare ed abbreviare gli interventi,  ...puoi anche capire e far da te prendendo spunto per esempio da questo  Topic (PL) di riferimento di quello stesso sito:
https://helpcenter.websitex5.com/pl/post/267508
... ma troverai in giro anche diversi  altri riferimenti a questo mio metodo...

.

Czytaj więcej
Posted on the from  ‪ KolAsim ‪ ‪
Carlo Alberto C.
Carlo Alberto C.
User
Autor

Grazie KolAsim, non è questo a cui faccio riferimento. Ho provato alcune soluzioni ma non riesco a capire come fare, provo a spiegarmi magari con qualche foto:


Visualizzo da PC vedo questo: 

Visualizzo da smartphone o sotto una risoluzione xxxx vedo il sito ma compare la promo prezzi


so che si può fare, l'ho gia visto e rivisto ma non riesco a crearlo 
ho terminato le ideee

Czytaj więcej
Posted on the from Carlo Alberto C.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Najlepszy Użytkownik miesiąca ESNajlepszy Użytkownik miesiąca PT

... come detto prima, se posti il tuo LINK di un semplice esempio online, sarebbe meglio...

... in pratica, se ho capito, l'immagine grigia è un popup/modale che deve apparire solo nello smartphone...?...

... se sì, ...allora puoi usare il messaggio pubblicitario del programma con aggiunta di un mio semplice codice EXTRA, oppure applicare un EXTRA messaggio pubblicitario dinamicamente con mio codice EXTRA, .. (oppure far aprire in uno ShowBox) .

... con il mio codice si vedrà il popup/showbox solo a risoluzioni inferiori per esempio sotto i 720px, e non si vedrà a risoluzioni PC...

... prova e posta il LINK applicando il messaggio pubblicitario,  (altrimenti aggiungerò il mio), e poi passeremo al codice personalizzato, immediato e semplice.; ...

se l'avevi fatto avresti già potuto risolvere...

.. se vedrò il LINK tornerò qui....

.

ciao

.

Czytaj więcej
Posted on the from  ‪ KolAsim ‪ ‪
Carlo Alberto C.
Carlo Alberto C.
User
Autor

.. come detto prima, se posti il tuo LINK di un semplice esempio online, sarebbe meglio...questo è il link
h67.altervista.org ma non è presente quello che sto provando a fare..

Ora è pèresente messaggio pubblicitario ma non funziona nemmeno quello..

ho provato il tuo script del sito .pl ma non gira nulla. Mi sto perdendo in un bichhiere d'acqua mi sa

Czytaj więcej
Posted on the from Carlo Alberto C.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Najlepszy Użytkownik miesiąca ESNajlepszy Użytkownik miesiąca PT

... OK ... ho visto il messaggio pubblicitario...

... tu cosa vuoi ottenere...?...

... se per caso non vuoi che si veda nel PC e che si veda solo nel mobile per esempio sotto breakpoint 720px, è semplice come da mio link postato prima, e nel caso ti interessi questo avvisami se vuoi procedere in questo senso, oppure spiegami meglio cosa ti interessa...

.

Czytaj więcej
Posted on the from  ‪ KolAsim ‪ ‪
Carlo Alberto C.
Carlo Alberto C.
User
Autor

esattamente quello che dici, non voglio che si veda da pc ma solo sotto breackpoint. Ho provato il tuo codice ma non riesco a capire bene come farlo.frown

Inoltre... Dici che hai visto il messaggio... io non vedo nulla... solo una X?? undecided

Czytaj więcej
Posted on the from Carlo Alberto C.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Najlepszy Użytkownik miesiąca ESNajlepszy Użytkownik miesiąca PT

... vedo fuffi incerottato...

... questo è il mio codice div_sino per il tuo caso:

<style>
#splashbox-advcorner{display:none !important}
@media(max-width:719px) {
#splashbox-advcorner {display:block !important;}}
</style>

... il messaggio pubblicitario appare solo in due pagine delle tre attuali, ...quindi il codice devi inserirlo nelle Proprietà di ambedue la pagine, in questa sezione:

> Passo 3 - Mappa > Finestra 'Proprietà Pagina' > Le opzioni della Sezione Esperto

Codice personalizzato: > 3^ opzione > Prima della chiusura del tag HEAD.

.

ciao

.

Czytaj więcej
Posted on the from  ‪ KolAsim ‪ ‪
Carlo Alberto C.
Carlo Alberto C.
User
Autor

GRAZIE!!!!!!!!!!!!!!!
funziona perfettamente. Proprio come lo desideravo... laughing

e' assolutamente perfetto, davvero grazie grazie grazie laughing

Czytaj więcej
Posted on the from Carlo Alberto C.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Najlepszy Użytkownik miesiąca ESNajlepszy Użytkownik miesiąca PT

... ho controllato ... OK ... funziona correttamente... ciao ...

Czytaj więcej
Posted on the from  ‪ KolAsim ‪ ‪