Prestashop 1.6 – Rendre responsive les iframes

Tout comme moi vous avaient peut-être déjà rencontré ce problème sur votre site e-commerce prestas hop ou celui d’un client qui pour étoffer ses descriptions produites ajoute des vidéos Youtube dans la description grâce au système d’if rame.
Vous l’avez sans doute remarqué ses fameuses vidéos Youtube ne sont pas mobile friendly, nous allons donc voir comment résoudre facilement ce désagrément avec une simple ligne de code Css.
Éditez le fichier global Css qui se trouve dans;

monsite/themes/montheme/css/global.css et coller les lignes ci-dessous a la fin de celui-ci. Enregistrez et actualiser votre page et si nécessaire vider le cache de votre site.

/*Ici on rend les videos youtube (ou iframe en générale) responsive*/
#product iframe{width:100% !important; height: auto;}

Testé sous prestashop 1.6.1.24

Retour en haut