-
Etsy and Target Inspired Circular Collection Image Links
While surveying two of the largest e-commerce companies in the world, Etsy and Target, I discovered a small but meaningful feature that they both share: a horizontally aligned section with rounded images linking to various collections. This design is not only simple but also elegantly utilizes space, occupying approximately 180 pixels in height while providing a satisfying horizontal scrolling experience. In this tutorial, I will guide you through the process of adding this visually appealing section to your Shopify store. Code: https://github.com/ndrishinski/blogs/commit/dc454beba90e09606185a6eb83507398761e70e1 Crate our new section file The first…
-
Creating a Photo Grid Section in Shopify inspired by Nike
One of the ways I get ideas for great features in e-commerce stores is browsing some of the most successful and popular brands. I found a photo grid on Nike’s website that I really liked and decided to build. In this blog post, we will explore how to create a stunning photo grid in Shopify using Liquid, HTML, and CSS. By following the steps outlined in the code snippet provided, you can easily…
-
Learn Shopify Sections & Schema with Examples
When building a highly customized and visually engaging Shopify storefront, understanding the power of section schema and schema settings is crucial. Shopify’s schema provides a flexible, developer-friendly way to define sections and settings that allow merchants to personalize their store without any coding. By configuring schema in your theme code, you can create customizable sections…
-
Add a Custom Badge on Collection Page in Shopify
Product badges can be a powerful way to catch your customers’ attention and highlight special items on your store’s collection pages. Whether it’s a “New Arrival,” “Best Seller,” or “Limited Edition” tag, custom badges add a visual cue that encourages shoppers to explore and engage with specific products. In this blog, we’ll guide you through…
-
Add a Variant Selector to Collections Page on Shopify
Providing customers with the ability to select product variants directly from the collection page is a great way to enhance the shopping experience and streamline their journey. Rather than navigating to individual product pages to view options like size or color, a variant selector allows customers to quickly browse and choose the exact product variant…
-
Building a Shopify Checkout UI Extension with Remix
Creating a customized checkout experience is essential for providing a seamless and branded journey for your customers. With Shopify’s Checkout Extensions, you can tailor the checkout process to better align with your store’s needs, whether that means adding custom messages, upsells, or additional fields for order information. In this blog, we’ll walk you through the…
-
Copy / Paste Discount Code Badge – Shopify Theme Blocks
Offering discounts is a great way to incentivize customers to make a purchase, and making those discounts easily accessible can enhance the shopping experience even further. In this guide, we’ll show you how to create a simple, user-friendly discount code widget for your Shopify product page. With just a few lines of code, you can…
-
Product Recommendations API – Building a Cart Theme Block
Learn how to use the product recommendations API building a practical in cart upsell. Cart upsells are an effective way to boost your average order value by offering similar products. Luckily Shopify provides us with an AJAX endpoint that will return a list of similar products. Note this tutorial is working in the Dawn theme.…
-
Building a Shopify App Extension: Display Order Count to Boost Product Popularity
In the competitive world of e-commerce, social proof can be a powerful tool to drive sales. One effective way to leverage this is by displaying the number of orders for a product, showcasing its popularity and potentially influencing purchasing decisions. In this tutorial, we’ll walk you through the process of building a Shopify app that…
-
Add a ‘Best Seller’ Badge on Shopify Product Page in 5 minutes
Looking to highlight your most popular products and give them the attention they deserve? Adding a “Best Seller” badge to your Shopify product page is a quick and effective way to capture customer interest and increase sales. In just 5 minutes, you can implement this eye-catching badge to help your top-performing products stand out and…
