Shopify Fixes and Guides
Real Shopify problems from merchants on the community forum, solved and tested on a live store. Step by step, with screenshots.
Themes & Storefront
How to Assign a Template to a Page in Shopify
Created a page template and nothing changed? Creating and assigning are two separate steps, and only one happens in the theme editor. The assign step, one template across many pages, and a worked example hiding the header and footer on six pages.
8 min read
Shopify Horizon Theme: Product Hotspot Not Clickable
The product card in Horizon's hotspot section closes the moment you move onto it, so the link never gets clicked. The asymmetric pointerleave check behind it, and a snippet that fixes it without editing theme files. Tested on Horizon 4.1.1.
8 min read
Custom Liquid Shopify: Hide the Header on One Page
Hide the Shopify header on a single page template with one Custom Liquid section. Why the #shopify-section-header selector matches nothing, and the class that works. Tested on Taste 15.5.0.
8 min read
Shopify Product Page Customization: Add a Terms Checkbox
Add a required terms and conditions checkbox to specific Shopify products without an options app. One tag, one Custom liquid block, native variants untouched. Tested on Athens 6.6.0.
10 min read
How to Make Shopify Banner and Slideshow Images Clickable
Shopify only makes the button on a banner clickable, not the image. Two tested fixes, for Horizon and for Dawn, plus the two CSS rules that quietly break the usual advice.
9 min read
How to Make a Scrolling Announcement Bar in Shopify
Most scrolling announcement bars flash an empty gap every time the loop restarts. The cause is a fixed percentage shift. Here is a section that measures itself instead, tested on a live store.
11 min read
How to Change the Shopify Mobile View Only
There is no reliable "if mobile" in Liquid, and the reason matters. Here is the CSS media query that changes mobile without touching desktop, with four fixes tested on real stores.
10 min read
How to Edit the Footer in Shopify
Footer content is split across three places - menus, theme settings and policies - which is why links go missing. Here is what lives where, and the nesting trap that hides your policy links.
9 min read
How to Build a 3-Column Product Page in Dawn
Dawn gives you media on one side and everything else on the other. Here is how to split the info column in two so the buy box sits on the right, tested on a Dawn store.
10 min read
How to Bulk Add Multiple Variants to Cart in Shopify
Shopify's variant picker adds one variant per click. Here is a Dawn section that gives every variant its own quantity box, caps specific options, and adds them all in one request.
10 min read
Shopify Mega Menu: How to Change the Dropdown Width
Horizon's dropdown spans the whole page because the submenu is absolutely positioned at 100% width. Here is the CSS that pins it under its own menu item, desktop only.
9 min read
How to Show a Percentage Off Sale Badge in Shopify
Turning the Sale badge into "-33%" is four lines of Liquid, but the obvious place to put it is wrong on the product page. Here is the fix that follows the selected variant, tested on Fabric.
8 min read
How to Add Color Swatches in Shopify Without an App
Shopify's built-in swatches only work on the Color option. Here is how to build an image-swatch library with metaobjects that works on any option, tested on Horizon.
9 min read
Collections & Products
How to Remove Archived Products From a Shopify Collection
The new Shopify collections UI has no status filter, so archived products still take up manual sort positions. Here are two ways to clear them out, including one that scales to thousands.
9 min read
How to Hide Out of Stock Variants in Shopify
Filter a collection by Medium and Shopify still shows products where Medium is sold out. That is the filter engine, not your theme. Here is why, and the Liquid fix, tested on a live store.
8 min read
How to Show Shopify Variants as Separate Products
Shopify's new collection variant rules surface one card per product, not one per colour. Here is the workaround that gives you a card per colour and still links them, tested on a live store.
9 min read
Shopify Collection Page Template: Add a Custom Section
You cannot put Liquid in a collection JSON template. Here is the correct wiring for a custom section on one collection, plus the two errors that block most people, tested on Dawn.
9 min read
How to Pin a Product to the Top of a Shopify Collection
Manual sort loses to customer sorting. Here is a Dawn section setting that pins a product above the grid no matter how visitors sort, with the pagination caveat stated up front.
9 min read
Shopify Admin
How to Bulk Edit Product Variants in Shopify
Shopify's bulk editor greys out variant fields, so most merchants edit variants one product at a time. There is a screen that does not, plus the CSV caveat that can quietly break your variant IDs.
8 min read
How to Edit the Shopify Thank You Page (No Plus Needed)
The Thank You page is not in your theme, which is why searching theme code never finds the text on it. Here is where it actually lives and how to edit or delete blocks on it.
8 min read
How to Add Metafields in Shopify Without an App
Metafields let you store custom data per product or collection and render it in your theme. Here is the setup, plus the tested limit nobody mentions - Liquid inside a metafield does not run.
10 min read