Store Framework - Español

Learning how to build a store using the Store Framework blocks language, powered by VTEX IO.

Start free course

social preview

image

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
  1. Configuraciones básicas

    Requisitos previos para desarrollar con Store Framework

  2. Store Framework 101

    Definiciones rápidas e introductorias sobre Store Framework

  3. Funcionamiento del curso

    Explicando cómo interactuar con el curso

  4. Hello, World!

    Componga y haga referencia a su primer bloque en Store Framework

  5. Info Card: el call to action de Store Framework

    Definiremos un bloque call to action en nuestro home

  6. CSS Handles y el poder de la personalización de bloques

    Personalice el estilo de sus bloques

  7. Flex Layout: cree layouts utilizando el poder de Flexbox

    Creemos layouts complejos de forma sencilla

  8. Estante de productos

    Cómo mostrar una vitrina de productos de forma intuitiva

  9. Carrusel de bloques

    Ingrese contenido en un layout de carrusel

  10. Haciendo que su contenido sea responsivo

    Use responsive layout para adaptar su contenido a diferentes dispositivos

  11. Página de producto

    Primeros pasos para crear una página de detalles de producto

  12. Evolucionando su página de producto (pdp)

    Agregando nuevos bloques y haciendo que la página sea más interactiva

  13. Finalizando su pdp

    Usando productos relacionados y alterando propiedades

  14. Página de búsqueda

    Conociendo los bloques de una página de búsqueda

  15. Ajustando layout de página de búsqueda

    Agregando líneas y columnas para mejorar el layout de búsqueda

  16. Estilos globales

    Altere clases semánticas para cambiar el estilo de su tienda

  17. Creando templates personalizados

    Cree una ruta y asocie un template personalizado

  18. Layout de pestañas

    Usando layout de pestañas en la página institucional

  19. Explorando el poder de rich text

    Usando el lenguaje de Markdown de forma avanzada

  20. Insertando un Iframe en nuestra página institucional

    Mostrando una publicación de Instagram en su tienda

  21. Construyendo un landing personalizado de búsqueda

    Definiendo páginas de eventos con productos personalizados

  22. Cabecera de la tienda

    Definiendo bloques de cabecera y alterando iconografía

  23. Menú

    Creando la navegación de su tienda

  24. Menú avanzado con Flex Layout

    Enriqueciendo el menú con otros bloques

  25. Pie de Página

    Definiendo bloques de pie de página

Share Store Framework - Español
Average time to complete

615 minutes

Free

All public courses on Learning Lab are free.

Latest release

What is GitHub Learning Lab?

Learn new skills by completing fun, realistic projects in your very own GitHub repository.

Ready to start learning?

Start Store Framework - Español