Cum să faci responsiv un video în prestashop

Salutare!

Cei care dețin magazine făcute în Prestashop știu foarte bine că unele teme nu redimensionează clipurile de pe YouTube, chiar dacă aceste teme sunt responsive. Tema se adaptează în funcție de dispozitivul cu care se accesează site-ul, dar clipul rămâne cât toate zilele. Soluția este foarte simplă.

1. Mergi la domeniultau.ro/themes/tema/css , deschide fișierul product.css și adaugă la sfârșit:

Cod HTML:

---

.video-container {
        position:relative;
        padding-bottom:56.25%;
        padding-top:30px;
        height:0;
        overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height:100%;
}

---

2. În editorul de produs editați descrierea în format html și introduceți codul iframe așa:

Cod HTML:

---

<div class="video-container"><iframe.......></iframe></div>

---

Soluția am găsit-o aici: https://coolestguidesontheplanet.com...drome/youtube/

Sper să vă fie de ajutor.