11 Mar Hacer responsive imagen video ficha Producto Prestashop 16
Hacer responsive imagen video ficha Producto Prestashop 16
🔎 Índice
- 1 Hacer responsive imagen video ficha Producto Prestashop 16
- 1.1 Hacer responsive imagen video ficha Producto Prestashop 16
- 1.1.1 Posicionar una Web en los primeros puestos de Google
- 1.1.2 Qué quiere Google para posicionarte en los primeros lugares
- 1.1.3 Qué es el SEO y cómo funciona el SEO Guía de inicio 2022
- 1.1.4 18 MEJORES HERRAMIENTAS SEO PARA EXPERTOS EN 2022
- 1.1.5 Herramientas para SEO gratuitas
- 1.1.6 Qué es el posicionamiento SEO y por qué es tan importante
- 1.1.7 Curso online de SEO para Google My Business por Llorenc Real
- 1.1.8 Tienda Online elige bien tu dominio
- 1.1.9 POSICIONA TU FICHA GOOGLE MY BUSINESS PARA SEO LOCAL
- 1.1.10 Cómo encontrar Dominios caducados y de alto Page Rank
- 1.1.11 Herramientas Posicionamiento SEO más importantes
- 1.1.12 SEO Posicionamiento vínculos de calidad
- 1.1.13 Posicionamiento SEO herramientas gratuitas
- 1.1.14 Herramientas de auditoria paginas web SEO
- 1.1.15 Cómo mostrar ventana emergente de forma automática usando modal bootstrap
- 1.1.16 Algoritmos de Planificacion FCFS, SJF, SRTF, ROUND ROBIND
- 1.1.17 Herramientas necesarias Posicionamiento SEO
- 1.1 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
Leer Más
Qué quiere Google para posicionarte en los primeros lugares
Leer Más
Qué es el SEO y cómo funciona el SEO Guía de inicio 2022
Leer Más
18 MEJORES HERRAMIENTAS SEO PARA EXPERTOS EN 2022
Leer Más
Herramientas para SEO gratuitas
Leer Más
Qué es el posicionamiento SEO y por qué es tan importante
Leer Más
Curso online de SEO para Google My Business por Llorenc Real
Leer Más
Tienda Online elige bien tu dominio
Leer Más
POSICIONA TU FICHA GOOGLE MY BUSINESS PARA SEO LOCAL
Leer Más
Cómo encontrar Dominios caducados y de alto Page Rank
Leer Más
Herramientas Posicionamiento SEO más importantes
Leer Más
SEO Posicionamiento vínculos de calidad
Leer Más
Posicionamiento SEO herramientas gratuitas
Leer Más
Herramientas de auditoria paginas web SEO
Leer Más
Cómo mostrar ventana emergente de forma automática usando modal bootstrap
Leer Más
Algoritmos de Planificacion FCFS, SJF, SRTF, ROUND ROBIND
Leer Más
Herramientas necesarias Posicionamiento SEO
Leer Más