¿ Qué Elementos Gráficos Puedo Administrar ?
Enterate de qué tipo de graficas podés gestinar en nubixstore, medidas y formatos recomendados para exprimir el potencial y diseño de tu tienda online.
RESUMEN ( Tiempo de lectura 5min )
Elementos administrables: Banners, Slides, Logos y CSS.
Formatos sugeridos: webp, jpg o gif.
Medidas sugeridas:
- Ancho: Desktop 2000px | Mobile 480px
- Alto: Sin restricción
Ruta backend: > Diseño > Referencia CSS: ( Ver referencia CSS )
Presentamos las diferentes opciones de subir gráficas y gestionar el diseño de tu tienda online. Nubixstore permite gestionar slides, banners, logos y realizar customizaciones en el CSS para customizar tu plantilla asignada.
Para personalizar tu diseño debes tener permisos para acceder al modulo de diseño dentro de tu usuario administrador. Al ingresar al backend, deberán ingresar a la pestaña Diseño y encontrarás toda la fucionalidades relacionadas con la gestión de frontend. Si no encuentrás dicha pestaña deberás solicitar permiso al un superadministrador de la tienda.
Antes de continuar definamos parámetros generales para todas las gráficas y comportamientos automáticos del sistema, repasemos formatos, medidas y resolución/pesos.
- Formato: Los formatos permitidos y sugeridos para imágenes son webp, jpg o gif. En el caso de subir imágenes jpg o gif, nubixstore automáticamente convertirá las imágenes a webp. Si desea deshabilitar dicho comportamiento, podés consultar la sección que explica cómo activar o desactivar la conversión automática de imágenes a webp.
- Medidas: Las medidas de banners y slides son definidas por el diseñador de la tienda, una vez definidas deberán respetarse en todas las gráficas para tener un efecto visual prolijo. En casos donde nubixstore sugiera subir versiones de imágenes para celulares y para desktop, lo que el diseñador debe considerar es que, por lo general, las imágenes para celular deben tener un ancho aproximado de 480px, en cambio, para dispositivos tipo desktop/tablet, el ancho debe ser de unos 2000px para cubrir un espectro amplio de monitores. En cambio, los altos de las imágenes son definidos por el diseñador, no tienen nigún tipo de restricción o limitación.
- Resolución/Peso: Es importante que la relacion calidad/peso de las imágenes sean controlados. Ya que de subir slides y/o banners en alta resolucion y pesados, podrá enlentecer la carga del sitio y afectar la esperienca de carga y navegación en su tienda online.
Slides
Los slides tienen la característica de ser imágenes rotativas que ocupan el el 100% de la pantalla de tu dispositivo. Los slides se pueden activar en diferentes pantallas del frontend de tu tienda: home, ficha de producto, marca, categoria, sección y blog.
Para subir un slide deberás ingresar a "Diseño > Slide > Nuevo", desde allí se pueden cargar las diapositivas en formato mobile y desktop. Opcionalmente podrás subir un texto, bajada, link y una imagen flotante para aprovechar funcionalidades dinámicas del slide.
También tendrás algunas funcionalidades avanzadas dentro de los slides, como ingresar fechas de vencimiento de las gráficas y activar el modo aleatorio ( random ) de las diapositivas.
Banners
Los banners suelen ser espacios más estáticos que suelen estar conformados por una imagen + link. Los banners tienen 4 posicionaes posibles: SUPERIOR, MEDIO, INFERIOR Y FOOTER ( PIE DE PAGINA ).
Podés subir varias imágenes en la misma posición y según el dispositivo su ubicación será la siguiente: El desktop los banners se posicionan uno al lado del otro, en cambio, en mobile, los banners se ubicarán uno debajo del otro.
Para subir un banner deberás ingresar a "Diseño > Banners > Nuevo" y complatar los datos del banner. Además de las pociciones podés definir su ubicación, al igual que los slides, podrás ubicar banners en home, ficha de producto, marca, categoría, sección o blog.
Logos
El logo es más sencillo de gestionar, podrás subir una versión de logo para desktop y otra para mobile, y además una versión de logo para el pie de página. Desde "Diseño > Logos > Nuevo" podrás subir todos los logos que desees, es importante dejar uno solo activo, caso contrario se mostrarán de forma aleatorio en el frontend de la tienda.
CSS Avanzado
Si posees conocimientos técnicos o bien dispones de un frontend developer, podrás realizar customizaciones de diseño más profundas en tu tienda online.Desde "Diseño > Diseño > CSS" podrás subir comandos CSS que pisarán comandos CSS anteriores.
Contamos con un manual de referencia CSS con clases predefinidas por nubixstore y que de utilizarlas tendrás un gran poder de control sobre parámetros de diseño y maquetación. Te dejamos el link actualizado ( https://cdn.nubixstore.com.ar/ns_css_manual.txt ) o pueden continuar leyendo manual de referencia CSS nubixstore.