pabman11 / shopware6-tailwind-theme-fork

Shopware 6 Tailwindcss Theme Fork

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Tailwindcss Theme for Shopware 6

πŸ”₯πŸ”₯πŸ”₯ This theme integrates tailwindcss and alpine.js into shopware 6. πŸ”₯πŸ”₯πŸ”₯

Attention

This is a proof of concept. This is still in progress. ⚠️ Do not use in production.

πŸ’™ If you want to have a complete Tailwindcss theme, participate here and submit your changes via pull request. ✨

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 🚧
  • Button 🚧
  • Link 🚧
  • Card 🚧
  • Image 🚧
  • ...

About

Shopware 6 Tailwindcss Theme Fork

License:MIT License


Languages

Language:Twig 97.4%Language:JavaScript 1.7%Language:SCSS 0.9%Language:PHP 0.1%Language:CSS 0.0%