Store Framework - Español
Learning how to build a store using the Store Framework blocks language, powered by VTEX IO.
Construcción de tiendas con Store Framework
En este curso aprenderá cómo usar Store Framework, una herramienta commerce low-code de desarrollo de frente de tienda, para construir desde cero el tema de una tienda funcional en VTEX. Store Framework agiliza mucho la construcción de temas, por reutilizar bloques visuales que se encuentran en la mayoría de las tiendas sin que sea necesario desarrollo adicional. Sin embargo, los bloques no proporcionan un aspecto repetitivo y que hacen que las tiendas sean muy parecidas, sino que son altamente personalizables a través de las propiedades y estilización de CSS.
Aprenda a usar Store Framework y sea más productivo que nunca en la construcción y mantenimiento de tiendas VTEX.
Steps to complete this course 25
-
Configuraciones básicas
Requisitos previos para desarrollar con Store Framework
-
Store Framework 101
Definiciones rápidas e introductorias sobre Store Framework
-
Funcionamiento del curso
Explicando cómo interactuar con el curso
-
Hello, World!
Componga y haga referencia a su primer bloque en Store Framework
-
Info Card: el call to action de Store Framework
Definiremos un bloque call to action en nuestro home
-
CSS Handles y el poder de la personalización de bloques
Personalice el estilo de sus bloques
-
Flex Layout: cree layouts utilizando el poder de Flexbox
Creemos layouts complejos de forma sencilla
-
Estante de productos
Cómo mostrar una vitrina de productos de forma intuitiva
-
Carrusel de bloques
Ingrese contenido en un layout de carrusel
-
Haciendo que su contenido sea responsivo
Use responsive layout para adaptar su contenido a diferentes dispositivos
-
Página de producto
Primeros pasos para crear una página de detalles de producto
-
Evolucionando su página de producto (pdp)
Agregando nuevos bloques y haciendo que la página sea más interactiva
-
Finalizando su pdp
Usando productos relacionados y alterando propiedades
-
Página de búsqueda
Conociendo los bloques de una página de búsqueda
-
Ajustando layout de página de búsqueda
Agregando líneas y columnas para mejorar el layout de búsqueda
-
Estilos globales
Altere clases semánticas para cambiar el estilo de su tienda
-
Creando templates personalizados
Cree una ruta y asocie un template personalizado
-
Layout de pestañas
Usando layout de pestañas en la página institucional
-
Explorando el poder de rich text
Usando el lenguaje de Markdown de forma avanzada
-
Insertando un Iframe en nuestra página institucional
Mostrando una publicación de Instagram en su tienda
-
Construyendo un landing personalizado de búsqueda
Definiendo páginas de eventos con productos personalizados
-
Cabecera de la tienda
Definiendo bloques de cabecera y alterando iconografía
-
Menú
Creando la navegación de su tienda
-
Menú avanzado con Flex Layout
Enriqueciendo el menú con otros bloques
-
Pie de Página
Definiendo bloques de pie de página
Average time to complete
615 minutes
Free
All public courses on Learning Lab are free.
Get help
Latest release
What is GitHub Learning Lab?
Learn new skills by completing fun, realistic projects in your very own GitHub repository.