Top Tweets for #ShopifyDevHacks

over 1 year ago

Something cool that falls into both #ShopifyMerchantHacks and #ShopifyDevHacks is using Shopify Flow. I talk about Flow quite a bit because, well, it's awesome! And it's pretty accessible for both merchants and devs. Merchants from the standpoint that it's a no-code automation tool and devs to extend it even further (like pairing it with theme or app actions to update metafields and all sorts of fun things). One of my little #ShopifyHacks for Shopify Flow is making sure to check all the different spaces in admin actions that you can essentially re-run or check for Flows. One I use time and again? Finding Flows associated with an order really fast. If you're using Order Created as a trigger to run Flows, then you can check Flow runs directly associated with an order under the "More Actions" dropdown and selecting "Search Flow runs." You'll be taken to a space where all associated Flows with that order will show up! Now, the downside is - you have to be pretty on top of this. Flow runs only stick around for 7 days and then they're gone. So make sure you're checking in on things or to see how a Flow interacts, you can always re-run in manually here as well.

TRPage_dev's tweet photo. Something cool that falls into both #ShopifyMerchantHacks and #ShopifyDevHacks is using Shopify Flow.

I talk about Flow quite a bit because, well, it's awesome! And it's pretty accessible for both merchants and devs.

Merchants from the standpoint that it's a no-code automation tool and devs to extend it even further (like pairing it with theme or app actions to update metafields and all sorts of fun things).

One of my little #ShopifyHacks for Shopify Flow is making sure to check all the different spaces in admin actions that you can essentially re-run or check for Flows.

One I use time and again? Finding Flows associated with an order really fast.

If you're using Order Created as a trigger to run Flows, then you can check Flow runs directly associated with an order under the "More Actions" dropdown and selecting "Search Flow runs."

You'll be taken to a space where all associated Flows with that order will show up!

Now, the downside is - you have to be pretty on top of this. Flow runs only stick around for 7 days and then they're gone. So make sure you're checking in on things or to see how a Flow interacts, you can always re-run in manually here as well.

362

Taylor Page

@TRPage_dev

almost 2 years ago

Client work picking up for BFCM, @LiquidWeekly Podcast episode dropping this week, and launching profiles for @ShopDevAlliance has made it hard to stay consistent with #ShopifyHacks lately, but I will share one per week - maybe that will work eh? This week's #ShopifyDevHacks is one of my most frequently used resources, the Shopify Cheat Sheet. Easily find the reference you're looking for in this clean, simple layout. Filter, search, whatever you need to do to quickly access information you need to work with Liquid in Shopify themes. These also easily link out to the docs to make scanning for quick references really easy. Though I will say, I use this less now that I'm using Raycast with @maximedaraize's Shopify Liquid Documentation extension. So, y'all get a 2 for 1 since I'm late today. Check out the cheat sheet but also make sure to check out Maxime's Raycast extension if you use Raycast. Shopify Liquid Cheat Sheet: https://t.co/OwGkJ9bDI5 Maxime's Raycast Extension: https://t.co/CxbZOZ3PCx

TRPage_dev's tweet photo. Client work picking up for BFCM, @LiquidWeekly Podcast episode dropping this week, and launching profiles for @ShopDevAlliance has made it hard to stay consistent with #ShopifyHacks lately, but I will share one per week - maybe that will work eh?

This week's #ShopifyDevHacks is one of my most frequently used resources, the Shopify Cheat Sheet.

Easily find the reference you're looking for in this clean, simple layout. Filter, search, whatever you need to do to quickly access information you need to work with Liquid in Shopify themes.

These also easily link out to the docs to make scanning for quick references really easy. Though I will say, I use this less now that I'm using Raycast with @maximedaraize's Shopify Liquid Documentation extension.

So, y'all get a 2 for 1 since I'm late today. Check out the cheat sheet but also make sure to check out Maxime's Raycast extension if you use Raycast.

Shopify Liquid Cheat Sheet: https://t.co/OwGkJ9bDI5
Maxime's Raycast Extension: https://t.co/CxbZOZ3PCx

554

Taylor Page

@TRPage_dev

almost 2 years ago

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

624

Taylor Page

@TRPage_dev

almost 2 years ago

For my next #ShopifyHacks (feels like I'm a magician with this intro but ah well), I'm going to be talking about yet another #ShopifyDevHacks - Shopify UI Elements Generator This is an "oldie but a goodie" resource created by Shopify for Shopify Partners (and even merchants) to be able to include line item properties to products as they're added to the cart. Why is this helpful? You can use Cart Line Item Properties for all sorts of things! They're useful for personalizations, passing along specific information, or even backend information for fulfillment. Most recently, I've used this with a merchant who needed a way to more easily identify the location of products in their warehouse when picking orders. Using metafield values for the value, you can pass a hidden cart line item property that only shows up on the order. That's right - a hidden cart line properties will show up in the backend only. It's hidden from the cart and checkout from the client. Non-hidden cart line item properties will show up This saves the merchant time with having to manually look up in their warehouse software based on SKU for the location of their products. Saving time is a GREAT way to make a merchant happy. Cart Line Item Properties are also accessible in checkout. So you can use this to pass and identify necessary properties to conditionally display messaging at checkout or do other fun stuff. Use the generator to create your cart line item property and insert within the form tags of the cart page. When your product gets added to the cart, your cart line item properties are added as well. Happy hacking! Shopify UI Elements Generator: https://t.co/ZuNcHoCO6p Line Items Liquid Object: https://t.co/vaShgJcBBV Cart Lines API - Checkout Extensions: https://t.co/MvRQU5Tieq

TRPage_dev's tweet photo. For my next #ShopifyHacks (feels like I'm a magician with this intro but ah well), I'm going to be talking about yet another #ShopifyDevHacks - Shopify UI Elements Generator

This is an "oldie but a goodie" resource created by Shopify for Shopify Partners (and even merchants) to be able to include line item properties to products as they're added to the cart.

Why is this helpful?

You can use Cart Line Item Properties for all sorts of things! They're useful for personalizations, passing along specific information, or even backend information for fulfillment.

Most recently, I've used this with a merchant who needed a way to more easily identify the location of products in their warehouse when picking orders. Using metafield values for the value, you can pass a hidden cart line item property that only shows up on the order.

That's right - a hidden cart line properties will show up in the backend only. It's hidden from the cart and checkout from the client. Non-hidden cart line item properties will show up

This saves the merchant time with having to manually look up in their warehouse software based on SKU for the location of their products. Saving time is a GREAT way to make a merchant happy.

Cart Line Item Properties are also accessible in checkout. So you can use this to pass and identify necessary properties to conditionally display messaging at checkout or do other fun stuff.

Use the generator to create your cart line item property and insert within the form tags of the cart page. When your product gets added to the cart, your cart line item properties are added as well.

Happy hacking!

Shopify UI Elements Generator: https://t.co/ZuNcHoCO6p
Line Items Liquid Object: https://t.co/vaShgJcBBV
Cart Lines API - Checkout Extensions: https://t.co/MvRQU5Tieq

333

Taylor Page

@TRPage_dev

almost 2 years ago

It's Friday, so it's time for another #ShopifyHacks post 🤓 I'm going to throw out another #ShopifyDevHacks and a shoutout to the very talented @devwithalex's Polaris Components. In addition to being a skilled YouTuber, Alex has created this awesome Polaris Playground with copy/paste ready-to-rock snippets for developers building apps and working within Polaris. This is particularly helpful if you're pursuing Built for Shopify for your app and aren't accustomed to Polaris, or you're a frontend dev building some extensions-only apps for your Shopify Plus merchant and you're not super comfortable with Polaris quite yet. Alex even open-sourced the project, so that others could contribute their own components. Polaris Components: https://t.co/72ekGXGu89 Github: https://t.co/PRvK61HTZP Alex's YouTube: https://t.co/LC4ufDP5OL

TRPage_dev's tweet photo. It's Friday, so it's time for another #ShopifyHacks post 🤓

I'm going to throw out another #ShopifyDevHacks and a shoutout to the very talented @devwithalex's Polaris Components.

In addition to being a skilled YouTuber, Alex has created this awesome Polaris Playground with copy/paste ready-to-rock snippets for developers building apps and working within Polaris.

This is particularly helpful if you're pursuing Built for Shopify for your app and aren't accustomed to Polaris, or you're a frontend dev building some extensions-only apps for your Shopify Plus merchant and you're not super comfortable with Polaris quite yet.

Alex even open-sourced the project, so that others could contribute their own components.

Polaris Components: https://t.co/72ekGXGu89
Github: https://t.co/PRvK61HTZP
Alex's YouTube: https://t.co/LC4ufDP5OL

Taylor Page

@TRPage_dev

almost 2 years ago

For my first #ShopifyHacks post, I'd like to call out a #ShopifyDevHacks with a valuable resource from @ArchetypeThemes. Archetype themes has done some impressive work with amazing themes over the years. And with @thommaskelly at the helm, they're working to unify Shopify devs by publishing and helping standardize theme development to provide a better experience for ALL Shopify Partners. Take the time to check out the repositories from an established and seasoned theme provider with their public repositories. From design to code, the devkit, reference-theme, and reference-components repos are incredibly interesting to start diving in to see where the future of theme development is headed. Whether you're working in themes or apps as a Shopify Partner, this involves you. Moving towards a convention can help improve the stability of your apps across themes, as well as make support and development smoother for your product (themes and apps). This WILL be a space to watch in the coming weeks and months.

Top Tweets for #ShopifyDevHacks

Last Seen Hashtags on Sotwe

Trends for you

Most Popular Users