Unlock the Power of Claude AI
Browse our collection of expert-crafted prompts designed specifically for Shopify theme development.
200+ ready-to-use prompts across 10 categories
Navigation & Menus
Mega menus, mobile navigation, dropdown systems
22Product Grids & Listings
Responsive product grids, filtered collections
25Hero Banners & Media
Dynamic hero sections, video backgrounds
22Forms & Signups
Newsletter signups, contact forms, validation
22Sliders & Carousels
Product carousels, testimonial sliders
22Content Blocks & Accordions
FAQs, tabbed content, expandable sections
22Localization & Language
Multilingual stores, RTL support, translations
22Performance & SEO
Optimizations, schema markup, meta tags
22Accessibility & Compliance
WCAG guidelines, ARIA roles, keyboard nav
22Automation & API Integration
App integrations, custom webhooks, scripts
222. Product Grids & Listings
Design high-converting product displays.
Basic Prompts
Basic Grid:
"Create a responsive product grid with hover effects."
Quick View:
"Add quick view functionality to product cards."
Collection Filtering:
"Build a sidebar filter for product collections."
Advanced Prompts
Advanced Collection Page:
"Design a high-performance collection page with lazy-loaded images, infinite scroll, AJAX filtering by tags/types/price without page reload, and color/size swatch previews on product cards. Include mobile-optimized filter drawer with apply/clear buttons."
Dynamic Product Grid:
"Create a dynamic product grid with sort options (bestselling, price, date, etc.), display toggles (grid/list view), customizable products-per-page, and persistent user preferences saved to localStorage. Support mobile, tablet, and desktop layouts."
Featured Collection Module:
"Develop a featured collection module with customizable layout (slider, grid, masonry), product badges (new, sale, best seller), custom product info display options (price, vendor, ratings), and animation effects on scroll. Make it a Shopify 2.0 section with schema settings."
4. Forms & Signups
Convert visitors with optimized forms.
Basic Prompts
Newsletter Signup:
"Create a newsletter signup form with validation."
Contact Form:
"Build a styled contact form with validation."
Popup Form:
"Add a popup newsletter signup with exit intent."
Advanced Prompts
Multi-step Form:
"Create a multi-step signup form with progress indicator, inline validation, form persistence between steps, conditional logic based on user selections, and animated transitions. Include Klaviyo integration code and GDPR/CCPA compliance checkboxes with customizable legal text."
Smart Popup Strategy:
"Design an intelligent popup system with multiple triggers (timed delay, scroll percentage, exit intent, inactivity), frequency capping, personalization based on UTM parameters, returning visitor recognition, mobile-specific behavior, and A/B testing capabilities with conversion tracking."
Advanced Contact Form:
"Develop a comprehensive contact form with dynamic fields (show/hide based on inquiry type), file upload capability, advanced spam protection, autocomplete address lookup, real-time character counting for message fields, and thank you page redirection with form data parameters."
5. Sliders & Carousels
Showcase products and content with interactive sliders.
Basic Prompts
Product Carousel:
"Create a responsive product carousel with arrows."
Testimonial Slider:
"Build a testimonial slider with autoplay."
Image Gallery:
"Create a product image gallery slider."
Advanced Prompts
Advanced Product Carousel:
"Develop a high-performance product carousel with lazy loading, variable width slides, infinite scroll option, responsive breakpoints for different slide counts (4 on desktop, 2 on tablet, 1 on mobile), drag functionality, and product quick-view on click. Include mouse/touch directionality awareness."
Product Media Gallery:
"Create a product media gallery with thumbnail navigation, zoom on hover, image lightbox, video playback support, 360-degree product view integration, and featured image switching when variant selected. Optimize for mobile with appropriate touch behaviors and maintain scroll position."
Cross-sell Carousel:
"Build a dynamic cross-sell/related products carousel with 'you may also like' logic based on current product tags/type, previously viewed products, items frequently bought together (if available via metafields), and personalized recommendations. Include add-to-cart functionality directly from carousel."
6. Content Blocks & Accordions
Organize content with expandable sections.
Basic Prompts
FAQ Accordion:
"Create a simple FAQ accordion section."
Content Tabs:
"Build tabbed content for product details."
Feature Blocks:
"Create a grid of feature blocks with icons."
Advanced Prompts
Advanced FAQ System:
"Develop a comprehensive FAQ system with category filtering, search functionality, schema markup for rich results, animation for opening/closing items, deep linking to specific questions, and admin-customizable content through metafields. Include FAQ item count and allow multiple items to be open simultaneously."
Content Showcase:
"Create a versatile content showcase with 3 display modes (tabs, accordion, grid) that adapts based on screen size or user preference. Include animated transitions between states, content filtering options, and support for rich media content (images, videos, tables). Store view preferences in localStorage."
Interactive Feature Comparison:
"Build an interactive feature comparison table/grid with sticky headers on scroll, highlight differences mode, feature filtering (show/hide rows), responsive behavior (card view on mobile), and exportable comparison summary. Include schema markup for product comparison data."
7. Localization & Language
Create multilingual stores and international experiences.
Basic Prompts
Language Switcher:
"Create a language selector dropdown for Shopify."
Translation Setup:
"Set up Shopify Translations API integration."
Currency Converter:
"Add currency conversion to product pages."
Advanced Prompts
Complete Localization System:
"Build a comprehensive localization system with language detection based on browser settings, geolocation-based currency/content switching, URL structure with language prefixes (/fr/, /de/), and hreflang tags for SEO. Include RTL support for Arabic/Hebrew and handle language-specific typography."
Multi-currency Checkout:
"Create an enhanced multi-currency system with dynamic price conversions, localized payment methods based on country (showing Klarna in EU, Afterpay in US, etc.), tax/VAT calculations specific to region, and shipping options that filter by available carriers for destination."
International Content Management:
"Develop a content management strategy for multilingual stores including media asset management for language-specific images/videos, seasonal content timing adjusted for hemispheres, dynamic legal text (privacy policy, terms) based on applicable laws, and regional product catalog filtering."
8. Performance & SEO
Optimize your store for search engines and speed.
Basic Prompts
Image Optimization:
"Create lazy loading system for product images."
Schema Markup:
"Add product schema markup for rich results."
SEO Meta Tags:
"Implement dynamic meta tags for collections."
Advanced Prompts
Complete Performance Optimization:
"Create a comprehensive performance optimization system including: critical CSS extraction, deferred non-critical JavaScript loading, image optimization with srcset and sizes attributes, font loading strategy with font-display:swap and preloading, lazy intersection observer for offscreen content, and removal of render-blocking resources."
Advanced Schema Implementation:
"Implement a comprehensive schema markup strategy with nested schemas for Product, BreadcrumbList, Organization, WebSite, FAQPage, Review, and AggregateRating. Include code for Schema validation and dynamic application based on template type. Configure auto-generation of schema from product and collection metafields."
SEO Content Strategy:
"Develop a content strategy system with automated internal linking between related products/collections/articles, canonical URL management, XML sitemap optimization, structured heading hierarchy (H1-H6), rich snippet optimization, and integration of user-generated content for freshness signals."
9. Accessibility & Compliance
Create stores that work for everyone.
Basic Prompts
ARIA Labels:
"Add proper ARIA attributes to navigation."
Keyboard Navigation:
"Implement keyboard navigation for product grid."
Color Contrast:
"Fix color contrast issues in buttons and text."
Advanced Prompts
Comprehensive WCAG Compliance:
"Create a WCAG 2.1 AA compliance system including: skip-to-content links, focus management for modals/popups, screen reader announcements for dynamic content, keyboard traps for modal dialogs, accessible form error handling, proper heading hierarchy, and image descriptions with structured data."
Advanced Assistive Technology Support:
"Develop assistive technology enhancements including: reduced motion options for animations, high contrast mode toggle, font size/spacing adjustments, screen reader optimizations for product descriptions, accessible autocomplete for search, and support for browser zoom up to 400% without breaking layouts."
Legal Compliance Bundle:
"Create a legal compliance system with cookie consent management (GDPR, CCPA, LGPD compliant), accessibility statement generator with remediation timelines, privacy policy templates per region, age verification gates for certain products, and automatic generation of terms of service based on store type/location."
10. Automation & API Integration
Connect your store with powerful automations.
Basic Prompts
API Connection:
"Set up Shopify API connection for product sync."
Webhook Setup:
"Create webhook for order notifications."
App Integration:
"Integrate third-party review app with theme."
Advanced Prompts
Headless Commerce Implementation:
"Develop a headless commerce implementation using Shopify Storefront API with Next.js frontend, cart persistence, custom checkout flow, dynamic product bundles, and performance optimizations for Core Web Vitals. Include internationalization support and serverless functions for 3rd party integrations."
Custom App Development:
"Create a custom Shopify app that extends theme functionality with: bulk product editor with CSV import/export, automated discount scheduler with customer segmentation, inventory forecasting based on sales history, custom shipping rules calculator, and app embedding points in theme with section schema controls."
Omnichannel Integration Hub:
"Build an omnichannel integration hub connecting Shopify with: physical POS system for real-time inventory, social commerce platforms (Instagram, Facebook, TikTok) for unified product catalog, marketplace integrations (Amazon, eBay) with automated repricing, and CRM systems for 360° customer profiles with purchase history across channels."
Bonus: Pro Tips
Avoid these common mistakes when working with Claude AI and Shopify.
Mistake:
Vague prompts
Fix:
Specify theme version, breakpoints, browser support requirements, and design system colors/fonts.
Mistake:
Ignoring mobile
Fix:
Always add 'mobile-first responsive design with breakpoints at 767px, 991px, and 1200px'.
Mistake:
No accessibility
Fix:
Request 'WCAG 2.1 AA compliant code with proper ARIA attributes and keyboard navigation'.
Mistake:
Ignoring performance
Fix:
Add 'optimize for Core Web Vitals with lazy loading and minimal JavaScript'.
Mistake:
Theme incompatibility
Fix:
Specify 'compatible with Shopify Dawn 9.0+ theme using section everywhere approach'.
Pro Tips
Iterate & Refine
Start with "Generate 3 approaches for [component]," then "Refine option 2 with [specific changes]."
Style Guide Integration
Save time by creating a prompt library with your brand colors, fonts, and component styles.
Theme Settings
Request "theme settings schema that allows store owners to customize colors/layout without code."