Shopify

Scoped styles for Shopify Liquid sections and snippets

Scoped styles in Shopify themes prevent conflicts and improve maintainability. Use unique section IDs, data-section-id attributes, or inline <style> blocks to keep styles modular. This ensures cleaner, reusable, and more predictable CSS without unintended global overrides.

Payne McDowell

03 Mar 2025 — 2 min read

How to Use Content Security Policy in Shopify Hydrogen for Domain-Specific Media Access

Control which domains can serve fonts, images, and styles in your Hydrogen app using createContentSecurityPolicy. Import createContentSecurityPolicy:Hydrogen provides a utility to easily configure CSP headers. import {createContentSecurityPolicy} from '@shopify/hydrogen'; Configure Allowed Sources:Pass CSP directives into createContentSecurityPolicy. You can specify domains for specific media types: const

How I'm using Linear for project management with multiple clients and internal products

Understanding and Accessing Metaobjects in Shopify

Learn how to structure, define, and access Shopify metaobjects. Understand why .value is required in Liquid to retrieve data and enhance your Shopify store with reusable, structured content.