-
Redesign Customers Login Page on Shopify
Today we are taking the standard sign in/sign up page for customers who create an account, and customizing it to have a more modern style and animation! Before: After: Code: https://github.com/ndrishinski/blogs/commit/58b80e1ea9a4e9a36276dcd3ac17e68ba87d7330 Prefer Video? Enjoy, otherwise read on! Edit main-login.liquid In this tutorial I am working from the Dawn starter theme. Under the sections directory, open…
-
Redesign Shopify Collection Product Cards
A collection page is a staple of every e-commerce store. In this guide, we are going to try and spruce things up a bit from the vanilla, default product card that makes up the collection page. I am working from the Dawn theme, but you should be able to apply this code to any theme…
-
Creating a Shopify App Extension in 5 minutes!
Shopify app extensions are a unique way to create an app that is hosted on Shopify itself! Follow along to create your first app extension in just a few minutes. Just make sure you have the Shopify CLI installed and a Shopify partner account created. Code: https://github.com/ndrishinski/extension-app Prefer Video? Enjoy, otherwise read on! Create the…
-
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…
