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.

prestashop

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

 

POSICIONA TU FICHA GOOGLE MY BUSINESS PARA SEO LOCAL

POSICIONA TU FICHA GOOGLE MY BUSINESS PARA SEO LOCAL

POSICIONA TU FICHA GOOGLE MY BUSINESS PARA SEO LOCAL Posiciona tu ficha Google my business para SEO local con Álvaro ...
Leer Más
Cómo encontrar Dominios caducados y de alto Page Rank

Cómo encontrar Dominios caducados y de alto Page Rank

Cómo encontrar Dominios caducados y de alto Page Rank Como tener una buena estrategia de SEO que nos ayude a ...
Leer Más
herramientas Posicionamiento SEO

Herramientas Posicionamiento SEO más importantes

Herramientas Posicionamiento SEO más importantes Depende del enfoque SEO que quieras dar. Si estas buscando herramientas gratuitas te recomiendo Ubersuggest de Neil Patel (es ...
Leer Más
SEO Posicionamiento vínculos de calidad

SEO Posicionamiento vínculos de calidad

SEO Posicionamiento vínculos de calidad Conseguir enlaces SEO requiere mucho tiempo y esfuerzo. Quienquiera que te diga que la construcción ...
Leer Más
Posicionamiento SEO herramientas gratuitas

Posicionamiento SEO herramientas gratuitas

Posicionamiento SEO herramientas gratuitas ¿Quieres herramientas gratuitas para hacer SEO? La idea principal de este post es un recopilatorio de ...
Leer Más
Herramientas de auditoria paginas web SEO

Herramientas de auditoria paginas web SEO

Herramientas de auditoria paginas web SEO Recientemente he notado que todos mis lunes parecen difuminarse en un día gigantesco, donde ...
Leer Más
popup

Cómo mostrar ventana emergente de forma automática usando modal bootstrap

Cómo mostrar ventana emergente de forma automática usando modal bootstrap En este post os voy a dejar el código necesario ...
Leer Más
diseño web valencia

Algoritmos de Planificacion FCFS, SJF, SRTF, ROUND ROBIND

Algoritmos de Planificacion FCFS, SJF, SRTF, ROUND ROBIND Programación de Servicios y Procesos Introducción Aquí vamos a centrarnos en analizar ...
Leer Más
seo-serp

Herramientas necesarias Posicionamiento SEO

Herramientas necesarias Posicionamiento SEO Hola en este post os traigo una colección de enlaces importantes cara al Posicionamiento web. Son ...
Leer Más
No Comments

Sorry, the comment form is closed at this time.