alexvergara/alpaca-test-theme

此包已被弃用且不再维护。未建议替代包。

M2Challenge Alex 测试主题（Alpaca）

维护者

详细信息

github.com/alexvergara/alpaca-test-theme

源代码

问题

安装: 2

依赖: 0

建议者: 0

安全性: 0

星标: 0

关注者: 1

分支: 1

开放问题: 0

语言：HTML

类型：magento2-theme

1.0.0 2019-09-21 16:59 UTC

Requires

MIT ab5cdf092d47cf22c6ce0f1073e9a6d0f564cad8

This package is auto-updated.

Last update: 2024-09-23 17:55:09 UTC

README

Alpaca logo

Packagist version number Packagist download count

简介

Magento 2 主题，基于 自建组件库 创建，由 SNOW.DOG 前端团队从头开始设计，遵循设计系统方法论原则。

演示

  • 基于 Apache Solr 的目录是 Snowdog 的内部产品，未开源。如果您想将其用于您的商店，请通过 hello@snow.dog 联系我们

安装

  • 使用 Composer 安装 Magento
  • composer require snowdog/theme-frontend-alpaca
  • 创建 dev/tools/frontools/config/themes.json 配置文件，参考其中一个示例
  • 安装 Frontools 依赖并设置配置文件 cd vendor/snowdog/frontools && yarn && gulp setup
  • 在 Frontools 目录下（或在项目根目录的 /tools 中）运行 gulp styles && gulp babel && gulp svg 以编译所有静态资源

子主题包结构

每个主题由两个包构建而成

  1. Magento 主题
  2. 组件库

这导致了 4 个包链接在一起，以创建基于 Alpaca 的自定义主题

  1. Alpaca 组件
  2. Alpaca 主题 - 依赖于 Alpaca 组件
  3. 自定义组件 - 依赖于 Alpaca 组件
  4. 自定义主题 - 依赖于 Alpaca 主题和自定义组件

组件的继承在 Frontools 层面上解决，它遵循与 Magento 核心相同的规则 - 子包文件将覆盖父包。

工作流程

在主题中，您应该几乎只保留模板和 JS。不要在您的主题中创建任何非 Magento 特定的样式。组件被设计为能够反映您的商店 UI，而无需运行 Magento 实例。直接在主题中实现 UI 的一部分将使组件预览变得无用，并且您将失去在分离中编写 UI 的所有好处。

工作流程异常

我们不希望修改结账和产品相册（Fotorama）的模板和样式，因此这两个部分是从 SASS Blank 主题 中复制粘贴的。