Framework - Theming

En esta sección vamos a hablar de cómo puede desarrollar un tema propio para una tienda.

Capas

La forma de organizar el theme está bascado en atomic design y está divido en 3 capas principalmente.

UI Library

En esta capa se encuentran todos los componentes bases con los luego se arman las páginas del sitio. Dentro de atomic design, vendrían a ser los átomos y moléculas. Algunos ejempos de estos componentes son:

• Button
• Card
• Title

Base Theme

En esta capa se encuentran todos los componentes y páginas que hacen forman el tema base del ecommerce. En términos de atomic design, tenemos organismos y templates.

Algunos ejemplos son:

• ProductCard
• ProductSlider
• FullPageLayout

Custom Theme

En esta capa se incluyen las modificaciones sobre el base theme que sean propias de la tienda. En su forma mínima lo que se modifica son:

• Paleta de colores
• Tipografías