https://github.com/flagbit/shopware6-tailwind-theme

Shopware 6 Tailwindcss Theme
https://github.com/flagbit/shopware6-tailwind-theme

Last synced: 3 months ago
JSON representation

Shopware 6 Tailwindcss Theme

• Host: GitHub
• URL: https://github.com/flagbit/shopware6-tailwind-theme
• Owner: flagbit
• License: mit
• Created: 2020-12-07T13:07:49.000Z (almost 4 years ago)
• Default Branch: develop
• Last Pushed: 2022-02-10T16:05:18.000Z (over 2 years ago)
• Last Synced: 2024-07-22T02:44:08.837Z (4 months ago)
• Language: Twig
• Size: 758 KB
• Stars: 56
• Watchers: 25
• Forks: 5
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-shopware6 - flagbit/shopware6-tailwind-theme >6.x

README

        
# Tailwindcss Theme for Shopware 6

:fire::fire::fire: This theme integrates [tailwindcss](https://tailwindcss.com/docs) and [alpine.js](https://github.com/alpinejs/alpine) into shopware 6. :fire::fire::fire:

## Attention

This is a **proof of concept**. This is still in progress. :warning: Do not use in production.

:blue_heart: If you want to have a complete Tailwindcss theme, participate here and submit your changes via pull request. :sparkles:

## Installation

### Install required node_modules

`yarn install` (use node version >= 15.8.0)

## Build process

### Build the app.css and app.js

`yarn build:dev`  (includes all tailwind styles)  

or  

`yarn build:prod` (includes only used tailwind styles, purgedCSS Version)

### Copy Tailwindcss Theme into Shopware 6 Development Folder

All files from Tailwindcss theme into `custom/plugins/Tailwind` folder in shopware 6 directory

### Build Shopware 6 Storefront

`./psh.phar storefront:build` (e.g. use this command in your docker container)

## Components List

- Navigation :construction:

- Button :construction:

- Link :construction:

- Card :construction:

- Image :construction:

- ...