Hola, deseo mostrar y ocultar algunas secciones en móvil y escritorio dependiendo del tamaño de mi contenido, especialmente un video banner
Hola, @Dalema :
Muchas gracias por escribirnos. Entiendo que te gustaría modificar algunas secciones del aspecto del tema de tu tienda en función del tamaño del contenido para adaptarlo a las versiones de móvil y escritorio, ¿no es así? Estaré encantado de poder arrojar algo de luz sobre esta cuestión.
Por una parte, en función del tema que estés utilizando en tu tienda, me alegra informarte de que podrás ajustar algunos diseños de tamaño para que se ajusten a la versión de escritorio y móvil de la página web. Con todo, es importante tener en cuenta que esta opción está disponible solo para algunas funciones. Por ejemplo, el diseño del contenido y los botones del banner de tu tienda.
En este caso, ¿podrías confirmarme el tema que estás usando en tu tienda? Podrás encontrar esta información a través de la sección Tienda online > Temas > Personalizar. En la nueva página haz clic en los tres puntos que aparecen en la esquina superior izquierda. Si es un tema de Shopify; podrás revisar si es posible ajustar los tamaños en escritorio y móvil a través del propio editor de temas. Te dejo un ejemplo de cómo se muestra esta opción para el contenido del banner:
Por otra parte, los temas de Shopify son adaptativos. Los cambios que realizas en la versión de ordenador se aplican también a la versión de móvil. Estos están unidos por defecto. Por lo tanto, no es posible modificar contenidos específicos para eliminarlo u ocultarlos en la versión de móvil. Desde el editor de temas que te comentaba, podrás acceder a la versión de móvil de la tienda. Esto es de gran ayuda para ver como una configuración específica quedaría tanto en un ordenador, como en un dispositivo móvil. Para cambiar la visión, puedes hacer clic en el siguiente botón:
Si esta configuración adaptativa no se ajusta a tus necesidades y necesitas modificar el contenido de tu página en las versiones de escritorio y de móvil; tendrás que modificar el código del tema. Si no estás a gusto realizando cambios de código, puedes contratar a un experto de Shopify para llevar a cabo este proceso. Este es un portal de desarrolladores que pueden darte un presupuesto para cualquier tipo de modificación y personalización que necesites implementar en tu tienda.
Nota**:** si estás usando un tema desarrollado por un proveedor externo a Shopify, te recomendaría revisar la documentación del desarrollador o contactar con ellos; ya que podrán darte un mayor contexto sobre si es posible esta configuración. Esto se debe a que el código de dicho tema no desarrollado por Shopify está fuera de nuestro conocimiento. Te dejo un enlace con más información sobre dónde encontrar ayudar para tu tema que estás usando en tu tienda.
Mientras tanto, me pregunto si existe un motivo específico por el cual no te gustaría disponer del vídeo de banner que nos comentas en la versión de móvil. Por otra parte, ¿cómo va el resto de cuestiones con tu tienda? ¿Has podido configurar los productos y publicar tu negocio de cara a los clientes? Si es así, ¿cómo van las sesiones, conversiones, ventas, etc. en tu tienda?
Hola Teo muchas gracias por tu respuesta, el tema que actualmente tengo en Dawn versión 7.0.1, el banner que incruste en mi web lo realice por medio de un liquid personalizado, el cual me trae a la vista un video del repositorio de archivos en cual es esta a una resolución de 1280 x 720 px el cual se ve muy bien en la vista de escritorio, sin embargo en la vista móvil se ve muy pequeño por precisamente la resolución horizontal del video, lo que quería hacer era insertar otro liquid personalizado que solo se mostrara en móvil con una resolución de video de 1080 x 1080 px y que este se oculte en la vista de escritorio ya que este tamaño de video al contrario del anterior se ve muy bien en movíl y pixelado en escritorio.
Muchas gracias
Hola, @Dalema :
Gracias por la respuesta, confirmación del tema que estás usando y mayor contexto sobre cómo has añadido el vídeo a tu tienda. En relación con tu consulta, como te comento en el mensaje anterior; los temas de Shopify son adaptativos y no es posible ocultar secciones en las versiones de escritorio y de móvil de manera simultánea. Para ello, sería necesario hacer cambios de código.
Dicho esto, cabe tener en cuenta que cualquier pregunta relacionada con el lenguaje de código Liquid o la API de Shopify queda fuera del alcance de nuestro conocimiento en el equipo de soporte de la Comunidad de Shopify. Ahora bien, existe un subforo de la comunidad en inglés que se llama Shopify Design. que está controlado por desarrolladores y expertos.
En este subforo podrás buscar hilos para ver si alguien ha planteado una situación similar a la tuya en el pasado. Si no encuentras lo que estás buscando, puedes subir tu pregunta de nuevo y uno de los desarrolladores, expertos o participantes podrán darte más orientación al respecto. Ten en cuenta que en estos subforos el idioma de interacción es el inglés. No obstante, siempre puedes utilizar el traductor de Google para mostrar el contenido en español si lo necesitas.
Como alternativa, en lugar de añadir el vídeo al tema mediante Liquid personalizado; puedes optar por agregarlo con la herramienta de vídeos que aparece en el editor de temas. Así, podrás comprobar si el vídeo en cuestión se visualiza correctamente en la versión de ordenador y de móvil. Para anclar el vídeo a través del editor de temas, puedes seguir los siguientes pasos:
- Dirígete a la sección Tienda online > Temas.
- Haz clic en Personalizar.
- En el menú de la izquierda, haz clic en Agregar sección > Vídeo.
- Personaliza el vídeo a tu gusto.
- Guarda la configuración.
Así, habrás añadido el vídeo a tu página de inicio mediante las herramientas del tema y podrás comprobar si este se visualiza correctamente en ambas versiones de la página de tu tienda. Cabe mencionar que para subir el vídeo necesitas utilizar una URL de YouTube o Vimeo. Dime, ¿esta opción de incrustar el vídeo funciona mejor en cuanto a calidad de visualización se refiere?