@arroyavecommerce/theme-kinetic

Tema Kinetic para el CMS de arroyaveCommerce: moda urbana, blanco y negro con acento vivo, tipografía display condensada.

Trae todo lo que una tienda necesita para pintarse: los bloques de contenido de la portada, las variantes de cabecera y pie, el catálogo (listado y ficha) y los tokens de tema.

Instalación

yarn add @arroyavecommerce/theme-kinetic

Requiere como peer @arroyavecommerce/cms-core, @arroyavecommerce/cms-storefront y @arroyavecommerce/cms-studio.

Uso

import { themeKinetic } from "@arroyavecommerce/theme-kinetic"

// El template expone todo lo que el storefront y el studio necesitan:
themeKinetic.blocks      // bloques de contenido (hero, lookbook, faq…)
themeKinetic.chrome      // variantes de cabecera y pie
themeKinetic.catalogo    // listado y ficha de producto, con sus ajustes
themeKinetic.theme       // tokens, fuentes y valores por defecto
themeKinetic.puckConfig  // configuración del editor visual

El contenido semilla de la portada vive en un subpath aparte, para poder importarlo desde contexto de servidor sin arrastrar módulos de cliente:

import { DEFAULT_HOME_PAGE } from "@arroyavecommerce/theme-kinetic/seed"

Bloques

hero, categoryTiles, productGrid, editorialBanner, lookbook, features, marquee, featuredCollection, testimonials, faq, newsletter, richText, spacer, promo, video.

Cada bloque declara su schema, sus valores por defecto y una miniatura para el editor. Los campos decorativos (como fondo) son tolerantes: si faltan o llegan mal, caen a su valor por defecto en vez de tumbar el bloque.

Licencia

MIT © Yohan Arroyave