Skip to content
| Marketplace
Sign in
Visual Studio Code>Snippets>Shopify Snippets for AstraNew to Visual Studio Code? Get it now.
Shopify Snippets for Astra

Shopify Snippets for Astra

Blanklob

|
541 installs
| (0) | Free
Opinionated snippets for building bespoke Shopify themes.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Visual Studio Marketplace Version Visual Studio Marketplace Downloads

Demo

https://user-images.githubusercontent.com/40563980/198570601-8c401ac7-4593-4539-afb4-c75d314eb78f.mov

Scaffolds

Used to 'boilerplate' files.

Prefix Description
scaffold-section Scaffolds a section.liquid file.
scaffold-snippet Scaffolds a snippet.liquid file.
scaffold-css Scaffolds a css file.
scaffold-mixin Scaffolds a postcss mixin.
scaffold-js Scaffolds a js file.
scaffold-vue Scaffolds a vue file.

Components

Individual HTML components.

Prefix Description
component-section Creates section HTML.
component-table Creates table HTML.

Wraps

Surrounds highlighted text with code.

Prefix Description
wrap-if Wraps selection in an if-statement.
wrap-breakpoint Wraps selection in a CSS breakpoint.

Tags

Liquid tags.

Prefix Description
tag-liquid Creates a 'liquid' tag with a default assignment.
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft