Liquid Weekly #45 -  Deeper design for next-level products 

Improve your product design to take things to the next-level 
Shopify Development news and articles
 
Liquid Weekly

News & Articles

Shopify Website Design: Examples, UX Tips & Navigation Best Practices
According to many studies, the average conversion rate of e-commerce websites is about 3% – so how can we make this skyrocket? The right design of your online store can provide a lot of help. In this article:
  • We will guide you through the process of creating a beautiful, functional, and user-friendly Shopify store that truly converts.
  • We will highlight tips and examples of websites for all the important steps – from the user’s first visit to the checkout.
  • We will also discuss the general benefits of using the Shopify platform and tell you how to prepare for the launch of your own online store.
Related products with product_list (sections & metafields)
Adding specific related products to a product page just got easier 🎉. Shopify recently added two new features that make this process a lot more straightforward and user friendly for the merchant. List values for product metafields The new product_list section input setting Prior to these we could use metafields, but we'd have to explain how to create metafields with namespacing and finding the product handle to merchants if they wanted to be able to edit/add them. This also made the process a little brittle, prone to spelling errors or changes to the product handle.
Estimated Delivery Date on Product Pages
Today we'll be coding a delivery date estimator. Having an estimated delivery date on your product pages instills trust and will increase your store's conversion rate. Follow along and make this for your own website!
Deeper design for next-level products
As a designer, solving problems is part of your job. The typical product designer is tasked with crafting solutions for product opportunities and user challenges. Creating two-dimensional work that represents a single point of view is straightforward. Yet designing truly great products requires a deeper understanding beyond following a set of instructions.
Shopify gifts ecommerce websites more than 100 new features
Shopify has announced over 100 new features as it pushes to improve its ecommerce platform. At its bi-annual showcase, Editions, Shopify launched a new headless commerce offering called Hydrogen & Oxygen, as well as new ecosystem, checkout dev capabilities and various other upgrades.
4 Tips To Maximize Your Productivity At Work
If you find yourself procrastinating because of the slightest distraction or don’t have an organized system to manage your productivity, this article might be for you. We live in a digital world where distractions are aplenty—being productive and efficient with your time at work can thus become quite difficult.
Wanna look ridiculously good to your clients?
Instantly add advanced SEO features to your clients’ Shopify stores with JSON-LD for SEO. Our premium software is the safest and most effective way to qualify for search enhancements. Your clients’ stores can:
‼️ Add structured data for products, blogs, pages, and homepages
⭐ Qualify for Rich Results (most stores see results within 34 days) 
🔥 Receive white-glove support for all their burning questions
💅 Be up and running in under 2 minutes (yep, it’s really that fast)
All with no setup and with full flexibility to edit the theme and products. Be the hero your Shopify clients needs and get a free structured data audit today.

Code & Tools

Resolving the JavaScript Promise Error "TypeError: Cannot Read 'Then' of Undefined"
Working with JavaScript Promise comes with its own array of errors, and a popular one is TypeError: Cannot read property 'then' of undefined. In this guide, we will cover two code examples containing a bugs that cause this TypeError and then refactor the code to resolve the issue.
Liquid reference
Liquid is a template language created by Shopify. It's available as an open source project on GitHub, and is used by many different software projects and companies. This reference documents the Liquid tags, filters, and objects that you can use to build Shopify Themes.
Avo - Build apps 10x faster
Avo abstracts away the common parts of building apps, letting your engineers work on your app's essential components. The result is a full-featured Rails admin panel that works out of the box, ready to give to your end-users.

Changelog


API

App proxy requests include new parameter for the logged in customer ID
The customer ID for logged in customers is now included as a parameter in the forwarded query for app proxy requests. The customer ID is passed in the logged_in_customer_id parameter. The parameter will be blank if no customer is currently logged in.

Events

Nothing on the radar

Jobs

Fable - Junior Front End Developer
Fable is looking for a Junior Front End Developer who will be responsible for maintaining multiple Shopify stores through building features, landing pages, and ensuring a delightful web experience. You will work closely across multiple departments on product launches, marketing campaigns and conversion rate optimization projects.
Prismfly - Lead Full-Stack Shopify Engineer (Remote + US Based)
Come join our fast-growing team! We are seeking to hire an experienced Lead Full-Stack Shopify Engineer who can oversee a team of developers, with the ultimate objective of providing the utmost client satisfaction. If you believe you are a fit, let’s talk.
Switch Themes, Content Marketer, Remote
Switch Themes design and build premium Shopify themes that are sold exclusively on the Shopify theme store. We currently have 5 themes on the theme store - with our most recent theme Shapes launching this year. We’re looking for our first marketing hire, to take full ownership in what will be a new area of focus for Switch.

Tip of the Week

Screenshots and Recordings on OSX

I find it necessary to take a screenshot almost every day.

Beyond the basics it turns out that there are lots of options and useful screenshort cuts that are easy to overlook.

Level up your screenshot-fu: The Complete Guide to Taking Screenshots and Screen Recordings on Mac, iPhone, iPad, and Apple Watch

 

Older messages

Liquid Weekly #44 - Shopify Editions Videos

Tuesday, June 28, 2022

Catch up on all the news from Shopify Editions last week Shopify Development news and articles Issue #44 - 6/28/2022 Read Online Liquid Weekly Karl Says We're kicking this issue off with a series

Liquid Weekly #43 - Building a Form with Polaris

Tuesday, June 21, 2022

Learn how to build a form using Polaris and much more! Shopify Development news and articles Issue #43 - 6/21/2022 Read Online Liquid Weekly Karl Says Summer Survey 2022!☀️⛱🍉 Nothing says summer like a

Liquid Weekly #42 - How To Build A Theme From Scratch

Tuesday, June 14, 2022

Learn all about the process for building a theme from scratch Shopify Development news and articles Issue #42 - 6/14/2022 Read Online Liquid Weekly News & Articles How To Build A Theme From Scratch

Liquid Weekly #41 Migrating a theme to Online Store 2.0

Tuesday, June 7, 2022

Learn how to migrate a theme to Online Store 2.0 Shopify Development news and articles Issue #41 - 6/7/2022 Read Online Liquid Weekly News & Articles Lessons learned: Migrating a theme to Online

Liquid Weekly #40 Carousel with Alpine.js

Tuesday, May 31, 2022

Tutorial using Alpine.js and Shopify Dev Store Testing Shopify Development news and articles Issue #40 - 5/31/2022 Read Online Liquid Weekly News & Articles Custom JavaScript Carousel (Slider) with

You Might Also Like

CES 2025 - Sync #501

Sunday, January 12, 2025

Plus: Sam Altman reflects on the last two years; Anthropic reportedly in talks to raise $2B at $60B valuation; e-tattoo decodes brainwaves; anthrobots; top 25 biotech companies for 2025; and more! ͏ ͏

PD#608 Mistakes engineers make in large established codebases

Sunday, January 12, 2025

You can't practice it beforehand ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌

C#539 A detailed look at EF Core’s JSON Columns feature

Sunday, January 12, 2025

Comparing it with the traditional tables with indexes ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌

RD#488 How to avoid issues with custom Hooks

Sunday, January 12, 2025

Using them carelessly can lead to many problems ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌

Daily Coding Problem: Problem #1666 [Easy]

Sunday, January 12, 2025

Daily Coding Problem Good morning! Here's your coding interview problem for today. This problem was asked by Amazon. Given n numbers, find the greatest common denominator between them. For example,

🛜 Here's What Happens to Old Websites — Features the Pixel Should Copy From Samsung's One UI 7

Sunday, January 12, 2025

Also: What Instagram Needs to Compete With TikTok, and More! How-To Geek Logo January 12, 2025 Did You Know Mount Wingen, located near Wingen, New South Wales in Australia, is better known as Burning

☁️ Azure Weekly #498 - 12th January 2025

Sunday, January 12, 2025

Festive Tech Calendar 2024 recap, GitHub Copilot Bootcamp, and Dev Containers FTW! ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌

Sunday Digest | Featuring 'The Income Needed to Join the Top 1% in Every U.S. State' 📊

Sunday, January 12, 2025

Every visualization published this week, in one place. Jan 12, 2025 | View Online | Subscribe | VC+ | Download Our App Hello, welcome to your Sunday Digest. This week, we visualized the value of the

Android Weekly #657 🤖

Sunday, January 12, 2025

View in web browser 657 January 12th, 2025 Android Weekly Updates Follow us on BlueSky We're there as well! Articles & Tutorials Sponsored Multi-Layered Mobile App Protection Attackers

😼 Notion's cutest launch

Sunday, January 12, 2025

Plus, our staff debates AI dev tools Product Hunt Sunday, Jan 12 The Roundup Happy Sunday! Hi, hello — welcome back to another edition of The Roundup, our weekly newsletter covering the highlights of