Liquid, Javascript
Buen día como hago para que no se muestre un bloque en desktop pero en móvil si. Gracias si me pueden ayudar ya que soy nuevo en esto..
Hola,
Utiliza CSS:
.bloque1{
display:block;
@media only screen and (max-width: 480px) {
.bloque1 {
display:none ;
}
}
En este ejemplo, el elemento con clase ".bloque1" se verá solo en dispositivos con ancho de pantalla mayor a 480px.
Un saludo.
por ejemplo esto como lo puedo ocultar.
"165712408170d2a280": {
"type": "image-banner",
"settings": {
"image": "{{ product.metafields.custom.banner_final_pag.value }}",
"image_overlay_opacity": 0,
"image_height": "small",
"adapt_height_first_image": true,
"desktop_content_position": "middle-center",
"show_text_box": true,
"desktop_content_alignment": "center",
"color_scheme": "background-1",
"mobile_content_alignment": "center",
"stack_images_on_mobile": true,
"show_text_below": true
}
},
Si eso se ve en el front es porque hay un fallo en el código. Deberías compartir la URL de la tienda o una captura de pantalla para poder ayudarte.
Descubre cómo expandir tus operaciones a nivel internacional con la ruta de aprendizaje...
By Shopify Feb 7, 2025Expande tus operaciones a la venta mayorista con la ruta de aprendizaje de Shopify Acad...
By Shopify Feb 3, 2025¿Alguna vez has creado una colección y has tenido problemas para añadir tus productos a...
By Ann Sep 10, 2024