Inicio/Guías/Mobile/Mobile Configuración

Configurar un Box content versión Mobile

mayo 15, 2020

 En este tutorial te mostramos todas las opciones de diseño que ofrece un Box content. para la versión mobile 📲

Pasos para configurar un Box content versión Mobile 👇

1. Una vez que tenes agregada la sección ir a Box content > Disposición

2. Aquí tenes dos opciones Desktop y Mobile. Como vas a trabajar en la versión Mobile debe estar seleccionada esa opción.

3. Dentro de Box Content ir a «Imagen» para subir una imagen.

4. Dentro de configuración > Estilos vas a poder editar los títulos, párrafos y fondo de sección.

Título

👉 En esta sección tenes «Estilo», «Formato» y «Layout»

Dentro de Estilos vas a poder editar

✅  Color del texto

✅  Estilo

Ejemplo: Normal                                                          Ejemplo: Italic 

                       

 ✅  Peso
Ejemplo: Liviana                                                            Ejemplo: Normal 
               
Ejemplo: Negrita
 
✅  Decoración
Ejemplo: Sobreyadado                                                Ejemplo: Tachado
             
Ejemplo: Subrayado
✅  Sombreado
Ejemplo: Sin sombreado                                               Ejemplo: Sombra #5
                                             
                 

Dentro de Formato vas a poder editar

💡 Importante: Recorda que estás trabajando el versión «Mobile». 

✅  Tamaño (mobile)
Ejemplo: 10 px                                                   Ejemplo: 50 px
                       
✅ Espaciado (mobile)
Ejemplo: 5 px                                                         Ejemplo: 25 px           
       
✅ Alto de renglón  (mobile)

Ejemplo: 15 px                                                        Ejemplo: 30 px 

             

 

 

 

Dentro de Layout vas a poder editar

✅ Margen superior / Margen inferior

Ejemplo: -20 px  (Podes usar negativo). Si haces esto el título en este caso queda sobre la imagen.

Ejemplo: 40 px

✅ Margen derecho / Margen izquierdo

Ejemplo: -10 px para el título en el margen izquierdo. El título se muestra más cerca del margen en relación al párrafo.

Ejemplo: 30 px para el título en el margen izquierdo. El título se muestra más centrado y queda a la misma altura que el párrafo.

📍 Aclaración: Para editar el párrafo tenes que seguir los mismos pasos que usaste el título.

Ejemplo de como se muestra la versión mobile 📲

Excelente trabajo! 👏

 

¿Te fue útil?

1 Sí  No
Artículos relacionados
  • Medida recomendadas para un slider versión mobile
  • Diseño y tamaño de imágenes mobile
  • Agregar un BoxContent en mi Batitienda versión mobile
  • Agregar una galería de imágenes versión mobile
  • Estilo a tu galería de imágenes versión mobile
  • Call to Action versión mobile
Mobile Configuración
  • Configurar un Box content versión Mobile
  • Medida recomendadas para un slider versión mobile
  • Diseño y tamaño de imágenes mobile
  • Agregar un BoxContent en mi Batitienda versión mobile
  • Agregar una galería de imágenes versión mobile
  • Estilo a tu galería de imágenes versión mobile
View All 10  
Artículos populares
  • Medida recomendadas para un slider versión mobile
  • ¿Cómo agregar el botón de continuar con Google en mi Batitienda?
  • Medidas recomendadas para un slider 
  • ¿Cómo verificar mi catálogo para Instagram Shopping?
  • Primeros pasos de tu batitienda
Categorías
  • Mobile
    • Configuración
    • Mobile Configuración
  • Primeros pasos
    • Preparación
  • Productos
    • Descuentos
    • Agregar un nuevo producto
  • Diseño
    • Personalizar tu diseño
  • Configuraciones
    • Medios de pago
    • Fidelización
  • Información general
    • Conocé lo que podés hacer con Batitienda
  • Envíos
    • Todo sobre envíos
  • Canales de ventas
    • Mercado Libre / Instagram Shop / Facebook
  • Pedidos
    • Mis Ventas

© 2022 Batitienda - Todos los derechos reservados.