For my fellow Shopify dev nerds, I did a write up of my current "no-build" workflow for custom Shopify theme development. It's great being able to use Tailwind without having to spin up a build process to watch for changes!
https://t.co/4pbQkxk4vo
@0x15f How about removing the options input, just having the ATC button and triggering a drawer/modal which presents the options when clicked? I know this adds an extra step but I've seen it work quite well on certain stores.
@adamwathan I'm half way through a custom Shopify theme build project using TW 4.0 for the first time (lots of experience with TW 3.0). There was a small initial learning curve but loving it, well done!
@gilgNYC It would be great if `applyCartLinesChange` supported multiple changes at once, currently we're having to sequentially fire one change at a time and even that sometimes fails:
https://t.co/l7VyMkJXHa
@mxstbr@Shopify@madmath Ha, this is so sick! It's very cool to see performance deep-dives for Liquid storefronts like this, certainly debunks all the misinfo about headless always being fasted than Liquid 👀
@glenwheeler Sorry mate, only just seen this, fixing this has been on my todo list for a while - will keep you updated when I get to it. In the meantime I'd suggest using the GraphQL Files API.
It's another Friday, so it's time for another #ShopifyHacks!
#ShopifyDevHacks seem to be where I can share the most value, so for my next recommendation here I would like to call out a helpful tool built by the one and only @tomblanchardCSS - Shopify Liquid REPL
If you just want to test out some Liquid and can't quite figure out the output, or want to share a snippet with a friend/coworker, check out Tom's tool.
This is a fun way to test out just Liquid in action. Just type in some Liquid and hit run to make sure your Liquid code is valid! You can also share your snippet codes with someone else. This is really handy if you're helping another developer debug.
Shopify Liquid REPL: https://t.co/f4RYItJXHj
Link to Tom's blog post detailing how he built it (back in 2018!): https://t.co/qTGCPvfOU1
Link to Tom's profile: https://t.co/dZ1iHvajQ9
It's always nice to be featured on my favourite Shopify development newsletter, Liquid Weekly - cheers for the shoutout @TRPage_dev / @kmeister2000!
PS: I have freelance availability from mid-June for Shopify development projects! ✌️
Have y'all seen @tomblanchardCSS's Shopify Liquid REPL tool?!
Sooooo cool!
First saw this when @ConduciveMammal shared in the Partner Slack to help someone debug a Liquid issue.
@mic_gallego Yep, absolute nightmare to maintain, this is my current fav way to handle this in my custom builds. This also allows me to avoid the "double spacing" issue when two sections with the same background color have spacing.
🚀 For anyone interested, I've written up a blog post about my experience migrating from Scripts -> Functions and how to get started:
https://t.co/DCazrnp5hF
@adamwathan Yep - I used a bespoke Sass-compiled utility class system made by @jdlich before converting to Tailwind. I wonder how many of these custom frameworks existed pre-TW which got replaced by TW 😅