How to use Tailwind CSS with Shopify
Вставка
- Опубліковано 13 лип 2023
- In this video you'll learn how to use Tailwind CSS with Shopify.
Shopify CLI install instructions:
shopify.dev/docs/themes/tools...
Tailwind CSS CLI install instructions:
tailwindcss.com/docs/installa... - Наука та технологія
Hey Robby, just wanted to give you some appreciation. As a developer that has several years of experience in corporate America working with CMS platforms as well as typical React/Next frameworks, your videos have been essential in transitioning to working with Liquid and Shopify. You've given me the ability to see a pathway out of the corporate America and building my platform to support my entrepreneurship. Thanks for making these excellent videos!
To the point and concise video. You are one the best shopify theme development tutorial provider❤❤❤❤❤
probably the best up to date Shopify tutorials that currently exist... well done!
Hey Robby I really enjoy watching the tutorials that you make on Shopify.Keep up the good work. One of your fan from South Asia:)
Best Shopify Content on UA-cam sooo far ! 🎉
Thanks Robby! keep it up ❤❤
Awesome - thanks! How would I use this to style product pages that already have a template?
Nice mate! Thanks !!
Amazing work Robby.
Do you have any plan to make a full fledge Shopify store with headless ?
Sweet, thanks Robby
Will you make the full series on creating shopify theme with tailwindcss, which is has full popular pages that's used in real life ecommerce website projects? Excited to see that type of series or courses
Thank you very much!
Wow great tuto @codingwithRobby. How do you handle if the theme you use, ie Dawn, needs to be upgraded ?
Hi Robby.
What keeb is that? Sounds great.
Can you make video for metafields to show and hide for existing section files like displaying existing section when metafields exists. Thanks.
I really like your vidoes and Can you also create video for how to add vue js in shopify and how to change any colection filters in shopify.
Do you know how to integrate it with another theme like dawn? To avoid conflicts I used a prefix for the tailwind classes. They have conflicting boilerplate code. But it would be nice to not need a prefix and have it play nice with Dawn.
helpful :)
Hey Robby! Nice UA-cam! Does your channel get you a lot of Shopify clients? A lot of people want to learn CSS, but I've been contacted more by business owners who are looking for Shopify websites than from scratch websites using Vue, React, Taliwindcss, etc.
What has your experience been like in terms of getting clients who want to setup stores?
Can you make tutorial on multi discount tier progress bar for shopify??
Hello, can you make a video on Shopify theme dev roadmap and where to learn it step-by-step?
+1
Let's say you're working with the Dawn theme, customising it with Tailwind, and then an update comes out. How do you keep up with all the changes as all the liquid files are updated?
I am looking forward to trying Tailwind, but I think it will take a lot of time to update a theme compared to SCSS and BEM classes for example. Of course the classes will also be deleted from the liquid file, but at least the styles will be preserved. Any tips for me?
if you create a custom theme from scratch using tailwindcss are you able to edit the theme using the Shopify Theme Editor?
Nah, Shopify won’t compile the tailwind for you unfortunately.
I’ve set up Tailwind to work with default Dawn theme but realize that breakpoints are not working. Any ideas on the fix?
you need to extend tailwind with Dawn breakpoints inside the tailwind config file. The breakpoints are located in the base.css just make the md and lg breakpoints match.
Sir, shopify theme dev is not working..what to do?😢
for some reason my tailwind utility classes arent working
It is urgent. Tailwind works, the problem is when we are 2 developers on this. How can we figure it out? Because what classes i use, the 2nd developer can only use those as well, and vice-versa.
You should use git and share a codebase
very nice turial!
Subs DONE!