FROM CACHE - it_header

Modificare altezza dinamicamente iFrame dentro a liquid

Modificare altezza dinamicamente iFrame dentro a liquid

Donald96
Shopify Partner
2 0 0

Buongiorno a tutti,

 

Sto creando un sito web per un Hotel, per gestire le prenotazione utilizzo un tool esterno che si integra tramite un tag iFrame all'interno del liquid della pagina designata, allego screen del sito e del codice. 

 

Come potete vedere nell'allegato Home-1 l'iFrame è più alto della pagina perchè da codice è impostato a 1200px di altezza e in Home-2 vedete che superando l'altezza di 1200px appare la scrollbar a destra sia per l'iFrame che per la pagina.

 

C'è un modo per poter gestire l'altezza dinamicamente del'iFrame per adattarla al suo contenuto e evitando che appaiono due ScrollBar?

 

Ho tentavo implementando una soluzione con JS e richiamando la funzione all'interno del liquid ma non mi ha funzionato, magari qualcuno di voi ha trovato delle soluzioni alternative.

 

Grazie

 

Code.jpg

 

Home-2.jpg

 

Home-1.jpg

 

 

0 RISPOSTE 0