Magento 2 theme built on top of Alpaca design system crafted for ecommerce
Clone or download
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.circleci CI setup Oct 10, 2018
Magento_AdvancedCheckout/templates Useless "escapeNotVerified" comments removed Oct 10, 2018
Magento_B2b/web/template/grid #45316 - attr formatting Dec 14, 2018
Magento_Bundle #40515 - Add grouped products table to product view Jan 3, 2019
Magento_Captcha/templates #45316 - removed noEscape from templates Dec 14, 2018
Magento_Catalog Merge branch 'develop' into feature/45316 Jan 7, 2019
Magento_CatalogSearch #40448: replace echo with shorthand Oct 18, 2018
Magento_Checkout #47975 - cart - updated grid classes Dec 19, 2018
Magento_Cms #47975 - homepage - removed useless blocks and templates Nov 22, 2018
Magento_Company #45316 - b2b - moved styles to company file, formatting Jan 4, 2019
Magento_CompanyPayment/templates/company/management/profile #45316 - b2b - fixed indentation issue Dec 14, 2018
Magento_ConfigurableProduct/templates/product/price #40448: replace echo with shorthand Oct 18, 2018
Magento_Contact #40448: replace echo with shorthand Oct 18, 2018
Magento_Customer Merge branch 'develop' into feature/45316 Jan 3, 2019
Magento_CustomerBalance/templates/account #45316 - b2b - added missing dashboard-table__tableclass Nov 27, 2018
Magento_CustomerCustomAttributes/templates/customer #45316 - b2b - template formatting Jan 3, 2019
Magento_Directory #40448: add title tag for currency switcher icon Oct 18, 2018
Magento_Downloadable #45316 - b2b - added missing dashboard-table__tableclass Nov 27, 2018
Magento_GiftCardAccount Merge branch 'develop' into feature/45316 Jan 3, 2019
Magento_GiftMessage Useless "escapeNotVerified" comments removed Oct 10, 2018
Magento_GiftRegistry #45316 - b2b - added missing dashboard-table__tableclass Nov 27, 2018
Magento_GiftWrapping/web/template #32200 - cart - styles for gift options Aug 9, 2017
Magento_GroupedProduct #40515 - Formatting Jan 4, 2019
Magento_Invitation/templates #45316 - b2b - added missing dashboard-table__tableclass Nov 27, 2018
Magento_LayeredNavigation/templates/layer #40448: update dropdown list label data attribute Oct 17, 2018
Magento_Multishipping/templates/checkout Useless "escapeNotVerified" comments removed Oct 10, 2018
Magento_NegotiableQuote/web/template/quote/grid/filters #45316 - b2b - added propper class for my quotes filters Jan 7, 2019
Magento_Newsletter/templates Useless "escapeNotVerified" comments removed Oct 10, 2018
Magento_RequisitionList #45316 - b2b - moved styles to company file, formatting Jan 4, 2019
Magento_Review Merge branch 'develop' into feature/45316 Jan 3, 2019
Magento_Reward/templates/customer #45316 - b2b - added missing dashboard-table__tableclass Nov 27, 2018
Magento_Sales Merge branch 'develop' into feature/45316 Jan 3, 2019
Magento_SalesRule/web/template #47975 - Update checkout totals and summary related templates - add grid Dec 4, 2018
Magento_SendFriend/templates #45316 - removed noEscape from templates Dec 14, 2018
Magento_Shipping/templates Useless "escapeNotVerified" comments removed Oct 10, 2018
Magento_Swatches #45316 - removed noEscape from templates Dec 14, 2018
Magento_Tax/web/template/checkout #47975 - summary shipping template formatting Dec 17, 2018
Magento_Theme #45316 - b2b - fixed grid for login page and title wrapper Jan 4, 2019
Magento_Ui #45316 - removed useless semicolons Dec 4, 2018
Magento_Vault/templates #45316 - b2b - formatting for credit card template Jan 4, 2019
Magento_Wishlist Merge branch 'develop' into feature/45316 Jan 3, 2019
Snowdog_Components/01-globals/_fonts #35384 - header - fonts fix Nov 3, 2017
Snowdog_Menu #104 - Update breadcrumbs and sub menu template Dec 3, 2018
Snowdog_SolrNavigation #40448: update dropdown list label data attribute Oct 17, 2018
docs Update child.json Oct 11, 2018
etc Magento copyrights removal Oct 10, 2018
i18n theme setting with components style May 24, 2017
styles #45316 - b2b - moved styles to company file, formatting Jan 4, 2019
web #43273 - Replace fotorama loader with custom one Jul 18, 2018
.editorconfig #34384 - header - added logo template and editorconfig file Nov 2, 2017
CHANGELOG.md Bump v1.1.0 Jan 7, 2019
LICENSE Initial commit Apr 18, 2017
README.md Update README.md Dec 19, 2018
composer.json Bump v1.1.0 Jan 7, 2019
preview.jpg composer settings added May 22, 2017
registration.php Renamed to Alpaca May 23, 2017
theme.xml Renamed to Alpaca May 23, 2017

README.md

Alpaca logo

Packagist version number Packagist download count

Introduction

Magento 2 theme created on top of own components library, designed from scratch by SNOW.DOG front-end team following design systems methodology principles.

Demo

  • Apache Solr based catalog is an internal Snowdog product, not open-sourced. If you are interested in having it in your store, please contact us at hello@snow.dog

Installation

  • Install Magento using Composer
  • composer require snowdog/theme-frontend-alpaca
  • Create dev/tools/frontools/config/themes.json config file following one of the samples:
  • Install Frontools dependecies and setup config files cd vendor/snowdog/frontools && yarn && gulp setup
  • In Frontools directory (or /tools in project root) run gulp styles && gulp babel && gulp svg to compile all static assets

Child theme packages structure

Each theme is built from two packages:

  1. Magento theme
  2. Components library

This leads to 4 packages linked together to create a custom theme based on Alpaca:

  1. Alpaca components
  2. Alpaca theme - depends on Alpaca components
  3. Custom components - depends on Alpaca components
  4. Custom theme - depends on Alpaca theme and Custom theme components

Inheritance of components is solved on Frontools level, it's based on the same rules as in Magento core - files from child overwrite the parent.

Workflow

In the theme, you should keep almost only templates and JS. Do not create any non-magento specific styles inside your theme. Components are designed to be able to reflect your store UI, without having to run Magento instance. Implementing some part of UI directly inside theme will make components preview useless and you will lose all benefits of writing UI in separation.

Workflow exceptions

We don't want to mess with the checkout and product gallery (Fotorama) templates, nor styling, so these two parts are copy-pasted from the SASS Blank theme.