flagbit/tailwind-theme

Shopware 6 Tailwind theme

Installs: 22

Dependents: 0

Suggesters: 0

Security: 0

Stars: 57

Watchers: 25

Forks: 5

Open Issues: 1

Language:Twig

Type:shopware-platform-plugin

dev-develop 2022-02-10 16:05 UTC

This package is auto-updated.

Last update: 2024-11-10 22:45:11 UTC


README

πŸ”₯πŸ”₯πŸ”₯ 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 🚧
  • ...