Latest Blogs
-
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…
-
Creating a Video Banner in Shopify
Capturing the attention of potential customers is paramount. One of the most effective ways to achieve this is by incorporating dynamic visual elements into your online store. A video banner section can transform the look and feel of your Shopify site, providing an engaging and immersive experience for visitors. In this blog post, we will guide you through the process of creating a stunning…
