Learn with Ed Codes
How-to guides, checklists, reviews, and practical advice for Shopify store owners.
Hiding empty elements on your website in CSS or JS
<iframe width="560" height="315" src="https://www.youtube.com/embed/U0K9u7MIAso?si=-AGIS9QIeMbWVy65" title="YouTube video player" frameborde...
Displaying Metafields in Product Cards
This is a pretty common Shopify task. Show some specs (from a metafield) on each product in a grid of products - usually on the collection p...
Shopify Monthly | October '23
Happy Halloween! 🎃 Here are the highlights from October: - Officially launching my Patreon - 2 new videos: - Hiding empty Metafield s...
Shopify Monthly | September '23
Not much content from me this month as I had my laptop and documents stolen while travelling. It was an eye-opening experience, in case you ...
Laptop Stolen, Lessons Learned
I’m not a cybersecurity expert, but a couple weeks ago my laptop was stolen from my Airbnb while visiting Barcelona, together with my passpo...
Hiding a Metafield-powered Section When it's Blank
<iframe width="560" height="315" src="https://www.youtube.com/embed/6XSuYF3rNa4?si=mpg7nJPHxA3GexlK" title="YouTube video player" frameborde...
Custom 3-col announcement bar
I recently helped usuals.dk(http://usuals.dk) build this simple 3-column custom announcement bar: !(../../assets/blog/usuals-announcement-b...
Shopify Monthly | August '23
Latest content from Ed 📽️ Video: Templates vs Metafields(https://youtu.be/5yxu9P4DE2g) A beginner-friendly video introducing Shopify Te...
Displaying a Section Only on Page 1 of a Shopify Collection (Pagination)
I got this question recently and realized it’s a common problem: > I am using the " Impulse" theme, and after I create the collection list ...
Ed's Shopify Monthly | July '23
Latest content from Ed 📽️ Video: How to use the Custom CSS field(https://youtu.be/SQQqyVxTyHA) If you’ve updated your theme in the past...
Replo - a Shopify Page Builder for Figma Designers
Another Page builder app(https://ed.codes/blog/best-page-builder-apps-for-shopify) for Shopify. What sets Replo apart? 1. It’s made for de...
How to Update Your Shopify Theme
<iframe width="560" height="315" src="https://www.youtube.com/embed/B7iDy-6TEzk?si=UbZBR89D8ZxSl4t" title="YouTube video player" frameborder...
Weird Shopify SEO Issue - Millions of Indexed Pages
Quick fix: Add the following to your robots.txt liquid {%- if group.useragent.value == '' -%} {{ 'Disallow: /?prprod' }} {{ 'Disallow...
How to Embed a Video to Shopify Product Page (using metafields for code)
Quick answer: Normally you can add a video to the product media area, or you can add it in the product description. But there is a third ...
Pagefly vs Shogun vs GemPages - Comparing the Top 3 Page Builder Apps for Shopify
Which Pagebuilder is Best: A Quick Answer Pagefly(https://pagefly.io/?ref=cuAjcvJp&target=app-listing) is the leading page builder app for...
What is Custom Liquid in Shopify?
What is the Custom Liquid Section and Custom Liquid Block? These are areas where you can use HTML, CSS, Javascript, and Shopify Liquid to ...
How to Check Your Shopify Product Count
The quick answer: To see your total product count, go to your 'all products' page, and add /count.json onto the end. The entire url shou...
ChatGPT for Blogging & SEO - Best Prompts & Process
Can AI write your entire blog post? Fully relying on ChatGPT(https://chat.openai.com/) to write an entire blog post is a bad idea. It wil...
Chat GPT for Ecommerce Tasks: Writing, Coding, SEO & Admin
<iframe width="560" height="315" src="https://www.youtube.com/embed/8447I71wHh0?si=NPMDFMHiaIwBquuR" title="YouTube video player" frameborde...
"In Stock" pulsing green icon tutorial for eCommerce stores
Here is a quick and easy modification you can do for your product page. It takes about 2 minutes and can help with conversions by assuring ...