-
Starting a Shopify Remix App in 5 minutes
Knowing where to start with Shopify app development can be tricky. Luckily, the Shopify docs have an easy to follow tutorial that we can use to build a QR code app that will link to products. If you know a little React and GraphQL, after we get things up and running you should be able…
-
How to Setup a Shopify Flow Component in 5 minutes
Shopify Flow is an event-based feature that lets you to create automated workflows, similar to tools like Zapier. It monitors your store for events, and lets you create automated actions in response. To create these automations, you build a workflow that begins with a trigger, and has optional conditions which then result in taking action.…
-
Creating a Dropdown Navbar in Shopify with HTML/CSS
Creating a custom navbar in your Shopify theme is easier than you’d think! In this intro I’m going to show you how to create a simple, mobile responsive header for your Shopify theme as a starting point for any custom features you would like to build out. Github Code: https://github.com/ndrishinski/blogs/tree/master/dropdown-navbar Prefer Video? Enjoy, otherwise read…
-
Creating a Pre-Launch Shopify Landing Page
It’s not uncommon to want a landing page setup on a store’s domain before the store is fully flushed out and ready to launch. Maybe you’re waiting on theme development or the product isn’t ready to ship. Whatever the reason may be, today I’ll show you a “hacky” way to show a single landing page…
-
2 Ways to Add Custom Fonts to Shopify Theme
Custom fonts are a great way to add character and customization to your Shopify theme. Adding a custom font is also easier than you think. In this example, we are going to use a Google Font here. Prefer Video? Enjoy otherwise read on! Option 1: Adding Font Using an External CDN Choose a Font: First,…
-
Add a Form to Product Page in Shopify
I have received a request more than once to show a form instead of an add to cart button on a product page. You may wonder why someone would do this! Sometimes merchants have products that they do not keep in inventory locally or require purchases in bulk. Whatever the merchant reason, we can easily…
-
Custom Promo Code Text on Collection Lists
Today we are making it easy to show promo code discounts on all of the collection pages around a theme. We want to make an easy interface in the theme customizer for non-technical merchants to update which products and collections should show the promo code. We also want this announcement text to cross out the…
-
Build a Product Modal Using the Shopify Section Rendering API
Loading the Elevenlabs Text to Speech AudioNative Player… Continuing our exploration of Shopify’s Section Rendering API (see previous blog here), today we are building a simple popup modal that shows product details utilizing this API. This simple example is a starting point for building some great, dynamic content utilizing this technology. Let’s get started. Check…
-
Highlight Search Terms | Liquid Highlight Filter
Today I wanted to show you one of the easiest additions you can make to your theme to improve the customer experience on your store. When a customer types in to your predictive search bar, you can add a Shopify Liquid filter to your results which will bold the exact text they entered. You can…
