11 Mar Hacer responsive imagen video ficha Producto Prestashop 16
Hacer responsive imagen video ficha Producto Prestashop 16
Hacer responsive imagen video ficha Producto Prestashop 16 ? En esta entrada os voy a explicar la manera en la cual me a servido a mi claro esta por código metiéndonos dentro de nuestro amigo Prestashop 1.6 que es lo que no le gusta al CMS.
Vamos a ello…
En alguna ocasión os a pasado que al añadir una imagen o un video de Youtube colocado en un iframe.
En mi caso me puse a inspeccionar código
Y esto fue lo que encontre…
<img src=»https://#/prestashop/img/cms/madera/cardamon.jpg» alt=»#» width=»750″ height=»1000″>
Y su css
¿Cómo hice para que fuera responsive las imágenes y videos de Youtube?
Me fui y me descargue el archivo global.css y hay meti estas lineas de codigo..
@media (max-width: 600px) {
img {
max-width: 100% !important;
height: auto;
}
iframe {
max-width: 100%;
height: auto;
}
}
Como lo que queremos es que cuando lo estén viendo en un formato mobile se adapte al dispositivo le ponemos un @media con un máximo de 600px por ejemplo y asa pude hacer mis imagenes y iframe videos de Youtuve responsive.
Hacer responsive imagen video ficha Producto Prestashop 16
Posicionar una Web en los primeros puestos de Google
Qué quiere Google para posicionarte en los primeros lugares
Qué es el SEO y cómo funciona el SEO Guía de inicio 2022
18 MEJORES HERRAMIENTAS SEO PARA EXPERTOS EN 2022
Las Mejores Herramientas SEO Gratuitas – Potencia tu Estrategia
Qué es el posicionamiento SEO y por qué es tan importante
Curso online de SEO para Google My Business por Llorenc Real
Tienda Online elige bien tu dominio
POSICIONA TU FICHA GOOGLE MY BUSINESS PARA SEO LOCAL
Cómo encontrar Dominios caducados y de alto Page Rank
Herramientas Posicionamiento SEO más importantes
SEO Posicionamiento vínculos de calidad
Mejores Herramientas Gratuitas para Posicionamiento SEO
Herramientas de auditoria paginas web SEO
Guía para Mostrar Ventanas Emergentes Automáticas con Bootstrap
Algoritmos de Planificacion FCFS, SJF, SRTF, ROUND ROBIND
Herramientas necesarias Posicionamiento SEO
Publicaciones relacionadas:
Añadir casilla políticas de privacidad formulario de contacto html
Modulo Pop Up Gratis para Prestashop
Configuración campo Transportista en Prestashop
Diseño de Tiendas Online en Valencia – Tu Ecommerce Exitoso
Agencia prestashop Valencia
Diseño web y creciente demanda durante Covid-19
Como vender mas en comercio electrónico
Cambiar texto Venta del producto en Prestashop