Learn Shopify Liquid development with practical tutorials and real-world examples.https://greenbagdeveloper.com/en-ushttps://greenbagdeveloper.com/courses/shopify-react-theme/react-code-splitting/https://greenbagdeveloper.com/courses/shopify-react-theme/react-code-splitting/Optimize your React Shopify theme by splitting code into smaller chunks. Learn dynamic imports, route-based splitting, and component-level lazy loading strategies.Wed, 14 Jan 2026 00:00:00 GMTreactperformancecode-splittinglazy-loadingviteshopifyhttps://greenbagdeveloper.com/courses/shopify-react-theme/react-critical-css/https://greenbagdeveloper.com/courses/shopify-react-theme/react-critical-css/Optimize first paint in your React Shopify theme. Learn to extract critical CSS, defer non-essential styles, and ensure content displays before JavaScript loads.Wed, 14 Jan 2026 00:00:00 GMTreactperformancecsscritical-rendering-pathshopifylcphttps://greenbagdeveloper.com/courses/shopify-react-theme/react-bundle-analysis/https://greenbagdeveloper.com/courses/shopify-react-theme/react-bundle-analysis/Analyze your React Shopify theme bundles to identify bloat. Learn to use bundle analyzers, optimize imports, and ensure tree shaking works correctly.Wed, 14 Jan 2026 00:00:00 GMTreactperformancebundle-analysistree-shakingvitewebpackhttps://greenbagdeveloper.com/courses/shopify-react-theme/react-performance-monitoring/https://greenbagdeveloper.com/courses/shopify-react-theme/react-performance-monitoring/Monitor real-world performance of your React Shopify theme. Learn to track Core Web Vitals, set up real user monitoring, and use performance data to prioritize optimizations.Wed, 14 Jan 2026 00:00:00 GMTreactperformancecore-web-vitalsmonitoringanalyticsshopifyhttps://greenbagdeveloper.com/courses/shopify-react-theme/react-production-build/https://greenbagdeveloper.com/courses/shopify-react-theme/react-production-build/Configure your React Shopify theme for production deployment. Learn build optimization, environment variables, minification settings, and output configuration for Shopify themes.Wed, 14 Jan 2026 00:00:00 GMTreactvitebuildproductiondeploymentshopifyhttps://greenbagdeveloper.com/courses/shopify-react-theme/react-ci-cd-pipeline/https://greenbagdeveloper.com/courses/shopify-react-theme/react-ci-cd-pipeline/Automate your React Shopify theme deployment with GitHub Actions. Set up continuous integration, testing, and deployment to preview and production themes.Wed, 14 Jan 2026 00:00:00 GMTreactgithub-actionsci-cddeploymentautomationshopifyhttps://greenbagdeveloper.com/courses/shopify-react-theme/react-asset-versioning/https://greenbagdeveloper.com/courses/shopify-react-theme/react-asset-versioning/Implement effective cache strategies for your React Shopify theme. Learn content hashing, versioned filenames, and cache invalidation to ensure users get updates while maximizing performance.Wed, 14 Jan 2026 00:00:00 GMTreactcachingversioningperformancedeploymentshopifyhttps://greenbagdeveloper.com/courses/shopify-react-theme/react-final-capstone/https://greenbagdeveloper.com/courses/shopify-react-theme/react-final-capstone/Bring together everything you have learned to build a complete React Shopify theme. Walk through the architecture, key components, and deployment of a production-ready hybrid theme.Wed, 14 Jan 2026 00:00:00 GMTreactshopifythemecapstonearchitecturefull-stackhttps://greenbagdeveloper.com/courses/shopify-react-theme/react-animation-strategies/https://greenbagdeveloper.com/courses/shopify-react-theme/react-animation-strategies/Learn when to use CSS animations versus JavaScript-based animation libraries in your React Shopify theme. Compare approaches, understand performance trade-offs, and choose the right tool for each use case.Tue, 13 Jan 2026 00:00:00 GMTreactanimationcssframer-motionperformanceshopifyhttps://greenbagdeveloper.com/courses/shopify-react-theme/react-page-transitions/https://greenbagdeveloper.com/courses/shopify-react-theme/react-page-transitions/Create smooth page transitions and engaging loading states in your React Shopify theme. Learn skeleton screens, optimistic updates, and transition patterns that keep users engaged during data fetching.Tue, 13 Jan 2026 00:00:00 GMTreactanimationloadingskeletontransitionsshopifyuxhttps://greenbagdeveloper.com/courses/shopify-react-theme/react-micro-interactions/https://greenbagdeveloper.com/courses/shopify-react-theme/react-micro-interactions/Add polish to your React Shopify theme with micro-interactions. Build satisfying button animations, input focus effects, quantity steppers, and feedback notifications that delight users.Tue, 13 Jan 2026 00:00:00 GMTreactanimationmicro-interactionsuxbuttonsformsshopifyhttps://greenbagdeveloper.com/courses/shopify-react-theme/react-unit-testing/https://greenbagdeveloper.com/courses/shopify-react-theme/react-unit-testing/Set up a robust testing environment for your React Shopify theme. Learn to write unit tests with Vitest and React Testing Library, mock Shopify data, and test components in isolation.Tue, 13 Jan 2026 00:00:00 GMTreacttestingvitestreact-testing-libraryunit-testsshopifyhttps://greenbagdeveloper.com/courses/shopify-react-theme/react-integration-testing/https://greenbagdeveloper.com/courses/shopify-react-theme/react-integration-testing/Write integration tests that verify how React components work together with Shopify APIs. Learn to mock the Storefront API, test data flows, and validate complete user journeys.Tue, 13 Jan 2026 00:00:00 GMTreacttestingintegration-testsshopifyapimswhttps://greenbagdeveloper.com/courses/shopify-react-theme/react-debugging-bridge/https://greenbagdeveloper.com/courses/shopify-react-theme/react-debugging-bridge/Master debugging techniques for the Liquid-React data handoff. Learn to trace data flow, diagnose hydration issues, and build debugging tools that make troubleshooting faster.Tue, 13 Jan 2026 00:00:00 GMTreactdebuggingliquidhydrationshopifydeveloper-toolshttps://greenbagdeveloper.com/courses/shopify-react-theme/react-login-registration/https://greenbagdeveloper.com/courses/shopify-react-theme/react-login-registration/Build secure, accessible login and registration forms with React. Learn form state management, validation patterns, and Shopify customer authentication integration.Sat, 10 Jan 2026 00:00:00 GMTreactformsauthenticationshopifycustomershttps://greenbagdeveloper.com/courses/shopify-react-theme/react-account-dashboard/https://greenbagdeveloper.com/courses/shopify-react-theme/react-account-dashboard/Create a comprehensive account dashboard with React that displays customer information, navigation, and summary cards. Learn layout patterns for authenticated pages.Sat, 10 Jan 2026 00:00:00 GMTreactdashboardlayoutshopifycustomershttps://greenbagdeveloper.com/courses/shopify-react-theme/react-order-history/https://greenbagdeveloper.com/courses/shopify-react-theme/react-order-history/Build order history listing and detailed order view components with React. Display line items, shipping status, tracking information, and order summaries.Sat, 10 Jan 2026 00:00:00 GMTreactordershistoryshopifycustomershttps://greenbagdeveloper.com/courses/shopify-react-theme/react-address-book/https://greenbagdeveloper.com/courses/shopify-react-theme/react-address-book/Build a complete address book with React supporting add, edit, delete, and set default operations. Learn CRUD patterns with Shopify customer address API.Sat, 10 Jan 2026 00:00:00 GMTreactformsaddressesshopifycustomerscrudhttps://greenbagdeveloper.com/blog/liquid-playground/https://greenbagdeveloper.com/blog/liquid-playground/An interactive tool for testing Shopify Liquid templates with live preview and editable mock data. Experiment with filters, loops, and conditionals without touching your theme.Sat, 10 Jan 2026 00:00:00 GMTshopifyliquidtoolsdeveloper-toolstemplatesproductivityhttps://greenbagdeveloper.com/courses/shopify-react-theme/react-predictive-search/https://greenbagdeveloper.com/courses/shopify-react-theme/react-predictive-search/Implement Shopify predictive search with React. Learn debouncing, API integration, and handling search states for instant results.Thu, 08 Jan 2026 00:00:00 GMTreactsearchpredictiveshopifydebouncehttps://greenbagdeveloper.com/courses/shopify-react-theme/react-search-modal-architecture/https://greenbagdeveloper.com/courses/shopify-react-theme/react-search-modal-architecture/Build an accessible search modal with React. Learn how to structure the search UI, handle focus management, and integrate with Shopify predictive search.Thu, 08 Jan 2026 00:00:00 GMTreactsearchmodalshopifyaccessibilityhttps://greenbagdeveloper.com/courses/shopify-react-theme/react-search-results-display/https://greenbagdeveloper.com/courses/shopify-react-theme/react-search-results-display/Build search result components for products, collections, and pages. Implement keyboard navigation and highlight matching text.Thu, 08 Jan 2026 00:00:00 GMTreactsearchresultsshopifykeyboard-navigationhttps://greenbagdeveloper.com/courses/shopify-react-theme/react-search-results-page/https://greenbagdeveloper.com/courses/shopify-react-theme/react-search-results-page/Build a full search results page with React. Handle URL parameters, pagination, filtering, and integrate with Shopify search.Thu, 08 Jan 2026 00:00:00 GMTreactsearchresults-pageshopifypaginationhttps://greenbagdeveloper.com/courses/shopify-react-theme/react-footer-component/https://greenbagdeveloper.com/courses/shopify-react-theme/react-footer-component/Build a flexible footer component with React that supports dynamic column layouts. Learn how to structure footer navigation, integrate social links, and display payment icons.Thu, 08 Jan 2026 00:00:00 GMTreactfooternavigationshopifylayouthttps://greenbagdeveloper.com/courses/shopify-react-theme/react-newsletter-signup/https://greenbagdeveloper.com/courses/shopify-react-theme/react-newsletter-signup/Build a newsletter signup form with React that integrates with Shopify customer API. Learn proper form state management, validation, and error handling patterns.Thu, 08 Jan 2026 00:00:00 GMTreactformsnewslettershopifyapihttps://greenbagdeveloper.com/courses/shopify-react-theme/react-content-sections/https://greenbagdeveloper.com/courses/shopify-react-theme/react-content-sections/Build flexible content section components with React for rich text, image layouts, and feature grids. Learn patterns for composable sections that integrate with Shopify theme editor.Thu, 08 Jan 2026 00:00:00 GMTreactcomponentssectionsshopifylayouthttps://greenbagdeveloper.com/courses/shopify-react-theme/react-media-gallery/https://greenbagdeveloper.com/courses/shopify-react-theme/react-media-gallery/Build a product media gallery with thumbnail navigation, image zoom on hover, and a fullscreen lightbox. Handle variant-specific images.Wed, 07 Jan 2026 00:00:00 GMTreactgallerylightboxzoomimageshttps://greenbagdeveloper.com/courses/shopify-react-theme/react-variant-selector/https://greenbagdeveloper.com/courses/shopify-react-theme/react-variant-selector/Build a variant selector that handles multiple options, shows availability states, and updates prices dynamically. Handle sold-out combinations gracefully.Wed, 07 Jan 2026 00:00:00 GMTreactvariantsoptionsavailabilityshopifyhttps://greenbagdeveloper.com/courses/shopify-react-theme/react-product-page-architecture/https://greenbagdeveloper.com/courses/shopify-react-theme/react-product-page-architecture/Design the data architecture for React-powered product pages. Learn how to pass product data from Liquid, structure components, and manage variant state.Wed, 07 Jan 2026 00:00:00 GMTreactproductarchitectureshopifydata-flowhttps://greenbagdeveloper.com/courses/shopify-react-theme/react-add-to-cart-form/https://greenbagdeveloper.com/courses/shopify-react-theme/react-add-to-cart-form/Build an add to cart form with quantity input, loading states, and success feedback. Handle sold-out products and error states gracefully.Wed, 07 Jan 2026 00:00:00 GMTreactcartformquantityshopifyhttps://greenbagdeveloper.com/courses/shopify-react-theme/react-product-tabs-accordions/https://greenbagdeveloper.com/courses/shopify-react-theme/react-product-tabs-accordions/Build tabbed and accordion interfaces for product information. Display descriptions, specifications, size guides, and reviews in an organized way.Wed, 07 Jan 2026 00:00:00 GMTreacttabsaccordionaccessibilityuihttps://greenbagdeveloper.com/courses/shopify-react-theme/react-recommendations-carousel/https://greenbagdeveloper.com/courses/shopify-react-theme/react-recommendations-carousel/Build a product recommendations carousel using Shopify Product Recommendations API. Create smooth scrolling and responsive layouts.Wed, 07 Jan 2026 00:00:00 GMTreactcarouselrecommendationsshopifyapihttps://greenbagdeveloper.com/courses/shopify-react-theme/react-cart-drawer-architecture/https://greenbagdeveloper.com/courses/shopify-react-theme/react-cart-drawer-architecture/Build a slide-out cart drawer with React. Learn how to structure the cart UI, handle animations, and integrate with your cart state management.Wed, 07 Jan 2026 00:00:00 GMTreactcartdrawershopifyuihttps://greenbagdeveloper.com/courses/shopify-react-theme/react-line-item-component/https://greenbagdeveloper.com/courses/shopify-react-theme/react-line-item-component/Build cart line item components with quantity controls, remove buttons, and optimistic updates. Handle variant info and line item properties.Wed, 07 Jan 2026 00:00:00 GMTreactcartline-itemshopifyoptimistic-updateshttps://greenbagdeveloper.com/courses/shopify-react-theme/react-cart-totals-discounts/https://greenbagdeveloper.com/courses/shopify-react-theme/react-cart-totals-discounts/Build cart total displays with subtotals, discounts, shipping estimates, and taxes. Handle multiple discount types and real-time calculations.Wed, 07 Jan 2026 00:00:00 GMTreactcartdiscountsshopifypricinghttps://greenbagdeveloper.com/courses/shopify-react-theme/react-empty-cart-cross-sells/https://greenbagdeveloper.com/courses/shopify-react-theme/react-empty-cart-cross-sells/Create engaging empty cart experiences and implement cross-sell recommendations to boost average order value. Turn abandonment into opportunity.Wed, 07 Jan 2026 00:00:00 GMTreactcartcross-sellshopifyrecommendationshttps://greenbagdeveloper.com/courses/shopify-react-theme/react-cart-page-drawer-logic/https://greenbagdeveloper.com/courses/shopify-react-theme/react-cart-page-drawer-logic/Learn how to share cart logic between the full cart page and cart drawer. Build reusable hooks and components that work in both contexts.Wed, 07 Jan 2026 00:00:00 GMTreactcarthooksshopifyarchitecturehttps://greenbagdeveloper.com/courses/shopify-react-theme/react-header-architecture/https://greenbagdeveloper.com/courses/shopify-react-theme/react-header-architecture/Design a scalable React header architecture for your Shopify theme. Learn component composition, mount strategies, and how to integrate with Liquid-rendered markup.Sun, 04 Jan 2026 00:00:00 GMTreactheaderarchitectureshopifycomponentshttps://greenbagdeveloper.com/courses/shopify-react-theme/react-desktop-navigation/https://greenbagdeveloper.com/courses/shopify-react-theme/react-desktop-navigation/Build accessible desktop navigation with dropdown menus and mega menus. Pass Shopify menu data from Liquid to React and create keyboard-navigable interfaces.Sun, 04 Jan 2026 00:00:00 GMTreactnavigationmega-menudropdownaccessibilityhttps://greenbagdeveloper.com/courses/shopify-react-theme/react-mobile-navigation/https://greenbagdeveloper.com/courses/shopify-react-theme/react-mobile-navigation/Build an accessible mobile navigation drawer with React. Create smooth slide-in animations, nested accordion menus, and proper focus management.Sun, 04 Jan 2026 00:00:00 GMTreactmobilenavigationdraweraccessibilityhttps://greenbagdeveloper.com/courses/shopify-react-theme/react-announcement-sticky-header/https://greenbagdeveloper.com/courses/shopify-react-theme/react-announcement-sticky-header/Build a dismissible announcement bar and intelligent sticky header that hides on scroll down and shows on scroll up. Master scroll-aware UI patterns.Sun, 04 Jan 2026 00:00:00 GMTreactannouncementsticky-headerscrollanimationhttps://greenbagdeveloper.com/courses/shopify-react-theme/react-collection-architecture/https://greenbagdeveloper.com/courses/shopify-react-theme/react-collection-architecture/Design the architecture for React-powered collection pages. Learn how to pass product data from Liquid, manage filter state, and structure components for performance.Sun, 04 Jan 2026 00:00:00 GMTreactcollectionarchitectureshopifydata-flowhttps://greenbagdeveloper.com/courses/shopify-react-theme/react-product-card/https://greenbagdeveloper.com/courses/shopify-react-theme/react-product-card/Build a product card component that displays product information, handles image hover effects, and shows variant options like color swatches.Sun, 04 Jan 2026 00:00:00 GMTreactproduct-cardvariantsshopifye-commercehttps://greenbagdeveloper.com/courses/shopify-react-theme/react-product-grid/https://greenbagdeveloper.com/courses/shopify-react-theme/react-product-grid/Build a responsive product grid that adapts to different screen sizes. Add grid density controls and handle empty states gracefully.Sun, 04 Jan 2026 00:00:00 GMTreactgridresponsivelayoutcss-gridhttps://greenbagdeveloper.com/courses/shopify-react-theme/react-filtering-ui/https://greenbagdeveloper.com/courses/shopify-react-theme/react-filtering-ui/Build a filter sidebar with collapsible groups, price range sliders, and active filter chips. Handle URL state synchronization for shareable filtered views.Sun, 04 Jan 2026 00:00:00 GMTreactfilteringsidebarshopifyurl-statehttps://greenbagdeveloper.com/courses/shopify-react-theme/react-sorting-pagination/https://greenbagdeveloper.com/courses/shopify-react-theme/react-sorting-pagination/Build sorting dropdown and pagination components for collection pages. Handle URL state and provide smooth navigation between pages.Sun, 04 Jan 2026 00:00:00 GMTreactsortingpaginationshopifynavigationhttps://greenbagdeveloper.com/courses/shopify-react-theme/react-cart-store/https://greenbagdeveloper.com/courses/shopify-react-theme/react-cart-store/Create a complete cart state management solution using Zustand and Shopify's AJAX API. Handle add, update, remove, and sync operations.Fri, 02 Jan 2026 00:00:00 GMTreactzustandshopifycartajax-apihttps://greenbagdeveloper.com/courses/shopify-react-theme/react-optimistic-updates/https://greenbagdeveloper.com/courses/shopify-react-theme/react-optimistic-updates/Make your cart feel instant with optimistic updates. Learn to update UI immediately, then sync with the server, rolling back on errors.Fri, 02 Jan 2026 00:00:00 GMTreactoptimistic-updateserror-handlinguxcarthttps://greenbagdeveloper.com/courses/shopify-react-theme/react-state-solutions/https://greenbagdeveloper.com/courses/shopify-react-theme/react-state-solutions/Compare React Context, Zustand, and Jotai for state management in your Shopify theme. Learn when to use each and how to set them up.Fri, 02 Jan 2026 00:00:00 GMTreactstate-managementzustandjotaicontexthttps://greenbagdeveloper.com/courses/shopify-react-theme/react-product-state/https://greenbagdeveloper.com/courses/shopify-react-theme/react-product-state/Manage product state in React: selected options, variant matching, availability checking, and price updates. Build a complete product form state machine.Fri, 02 Jan 2026 00:00:00 GMTreactstateproductvariantsshopifyhttps://greenbagdeveloper.com/courses/shopify-react-theme/react-global-ui-state/https://greenbagdeveloper.com/courses/shopify-react-theme/react-global-ui-state/Manage global UI state for cart drawers, search modals, mobile menus, and toast notifications. Build a centralized UI store with Zustand.Fri, 02 Jan 2026 00:00:00 GMTreactzustanduistatemodalsdrawershttps://greenbagdeveloper.com/courses/shopify-react-theme/react-component-architecture/https://greenbagdeveloper.com/courses/shopify-react-theme/react-component-architecture/Design a component architecture that works within Shopify's constraints. Learn patterns for organizing components, handling props, and maintaining clean boundaries.Thu, 01 Jan 2026 00:00:00 GMTreactshopifyarchitecturecomponentspatternshttps://greenbagdeveloper.com/courses/shopify-react-theme/react-typescript-shopify-types/https://greenbagdeveloper.com/courses/shopify-react-theme/react-typescript-shopify-types/Build a comprehensive TypeScript type library for Shopify's data objects. Define types for products, variants, cart, customers, and more.Thu, 01 Jan 2026 00:00:00 GMTtypescriptshopifytypesinterfacestype-safetyhttps://greenbagdeveloper.com/courses/shopify-react-theme/react-ui-primitives/https://greenbagdeveloper.com/courses/shopify-react-theme/react-ui-primitives/Build a library of foundational UI components: buttons, inputs, modals, and drawers. Create consistent, accessible, and theme-aware primitives.Thu, 01 Jan 2026 00:00:00 GMTreactuicomponentsaccessibilitydesign-systemhttps://greenbagdeveloper.com/courses/shopify-react-theme/react-entry-points-mount-strategies/https://greenbagdeveloper.com/courses/shopify-react-theme/react-entry-points-mount-strategies/Learn how to configure React entry points and implement different mounting strategies for Shopify theme components. Understand when to use single vs multiple entry points.Thu, 01 Jan 2026 00:00:00 GMTreactshopifymountingentry-pointsarchitecturehttps://greenbagdeveloper.com/courses/shopify-react-theme/react-liquid-data-patterns/https://greenbagdeveloper.com/courses/shopify-react-theme/react-liquid-data-patterns/Learn the different patterns for passing Shopify data from Liquid templates to React components. Understand when to use each approach.Wed, 31 Dec 2025 00:00:00 GMTreactliquiddatabridgepatternshttps://greenbagdeveloper.com/courses/shopify-react-theme/react-data-attributes-pattern/https://greenbagdeveloper.com/courses/shopify-react-theme/react-data-attributes-pattern/Use HTML data attributes to pass simple values from Liquid to React components. Perfect for IDs, flags, and configuration options.Wed, 31 Dec 2025 00:00:00 GMTreactliquiddata-attributeshydrationhttps://greenbagdeveloper.com/courses/shopify-react-theme/react-json-script-tags/https://greenbagdeveloper.com/courses/shopify-react-theme/react-json-script-tags/Pass complex Shopify objects like products, variants, and cart data to React using JSON script tags. The workhorse pattern for real e-commerce components.Wed, 31 Dec 2025 00:00:00 GMTreactliquidjsonserializationproductshttps://greenbagdeveloper.com/courses/shopify-react-theme/react-global-window-objects/https://greenbagdeveloper.com/courses/shopify-react-theme/react-global-window-objects/Set up global configuration and shared data on the window object for access across all React components. Perfect for shop settings, customer data, and cart state.Wed, 31 Dec 2025 00:00:00 GMTreactliquidwindowglobalconfigurationhttps://greenbagdeveloper.com/courses/shopify-react-theme/react-custom-data-bridge/https://greenbagdeveloper.com/courses/shopify-react-theme/react-custom-data-bridge/Create a unified, type-safe utility that combines all data patterns into a single API for accessing Shopify data in React components.Wed, 31 Dec 2025 00:00:00 GMTreactliquidutilitytypescriptdata-bridgehttps://greenbagdeveloper.com/courses/shopify-react-theme/react-project-structure/https://greenbagdeveloper.com/courses/shopify-react-theme/react-project-structure/Learn how to organize your files for a React-powered Shopify theme. Understand the separation between source files and the deployable theme.Tue, 30 Dec 2025 00:00:00 GMTreactshopifyproject-structureorganizationhttps://greenbagdeveloper.com/courses/shopify-react-theme/react-vite-setup/https://greenbagdeveloper.com/courses/shopify-react-theme/react-vite-setup/Configure Vite to compile React components and output directly to your Shopify theme's assets folder. Simple setup with no intermediate build folders.Tue, 30 Dec 2025 00:00:00 GMTvitereactshopifybuild-toolsconfigurationhttps://greenbagdeveloper.com/courses/shopify-react-theme/react-webpack-configuration/https://greenbagdeveloper.com/courses/shopify-react-theme/react-webpack-configuration/Configure Webpack as an alternative to Vite for React-powered Shopify themes. Output directly to shopify-theme/assets/ with the same simple structure.Tue, 30 Dec 2025 00:00:00 GMTwebpackreactshopifybuild-toolsconfigurationhttps://greenbagdeveloper.com/courses/shopify-react-theme/react-shopify-cli-integration/https://greenbagdeveloper.com/courses/shopify-react-theme/react-shopify-cli-integration/Connect your React build process with Shopify CLI for a seamless development experience. Run both tools together with the --path flag pointing to your shopify-theme folder.Tue, 30 Dec 2025 00:00:00 GMTshopify-clihot-reloaddevelopmentworkflowhttps://greenbagdeveloper.com/courses/shopify-react-theme/react-why-react-in-shopify-themes/https://greenbagdeveloper.com/courses/shopify-react-theme/react-why-react-in-shopify-themes/Explore why developers choose to integrate React into Shopify themes, the benefits of component-based architecture, and the trade-offs to consider before adopting this hybrid approach.Mon, 29 Dec 2025 00:00:00 GMTreactshopifyarchitectureintroductionhttps://greenbagdeveloper.com/courses/shopify-react-theme/react-architecture-deep-dive/https://greenbagdeveloper.com/courses/shopify-react-theme/react-architecture-deep-dive/Understand the hybrid architecture pattern where Liquid serves as the data layer and React handles the UI. Learn how data flows between the two systems and how they work together.Mon, 29 Dec 2025 00:00:00 GMTreactliquidarchitecturedata-flowshopifyhttps://greenbagdeveloper.com/courses/shopify-react-theme/react-choosing-your-stack/https://greenbagdeveloper.com/courses/shopify-react-theme/react-choosing-your-stack/Compare build tools, type systems, and state management solutions for your React-powered Shopify theme. Make informed decisions about your development stack.Mon, 29 Dec 2025 00:00:00 GMTreactvitewebpacktypescriptzustandtoolinghttps://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/global-theme-settings/https://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/global-theme-settings/Create a robust settings system for your Shopify theme with global controls for colors, typography, and spacing that cascade throughout the entire theme.Sun, 28 Dec 2025 00:00:00 GMTsettingscolorstypographycustomizationhttps://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/color-schemes-design-tokens/https://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/color-schemes-design-tokens/Build a flexible color scheme system that allows merchants to create and apply multiple color palettes across sections for dynamic, professional themes.Sun, 28 Dec 2025 00:00:00 GMTcolor-schemesdesign-tokensthemingcustomizationhttps://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/metafields-dynamic-sources/https://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/metafields-dynamic-sources/Extend Shopify's content model with metafields to store custom data on products, collections, and other resources, then connect them to your theme.Sun, 28 Dec 2025 00:00:00 GMTmetafieldsdynamic-sourcescustom-datacontenthttps://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/metaobjects-content-modeling/https://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/metaobjects-content-modeling/Learn to create custom content types with metaobjects for FAQs, team members, testimonials, and other structured content beyond products and collections.Sun, 28 Dec 2025 00:00:00 GMTmetaobjectscontent-modelingcmsstructured-datahttps://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/app-blocks-compatibility/https://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/app-blocks-compatibility/Learn how to make your theme compatible with Shopify app blocks, allowing merchants to add third-party functionality without code changes.Sun, 28 Dec 2025 00:00:00 GMTapp-blockscompatibilityappsextensibilityhttps://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/performance-audit-checklist/https://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/performance-audit-checklist/A comprehensive checklist for auditing and optimizing Shopify theme performance, covering images, JavaScript, CSS, and Core Web Vitals.Sun, 28 Dec 2025 00:00:00 GMTperformanceoptimizationcore-web-vitalsspeedhttps://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/upgrade-safe-patterns/https://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/upgrade-safe-patterns/Learn strategies for customizing Shopify themes in ways that survive theme updates, including snippet overrides, CSS layers, and documentation practices.Sun, 28 Dec 2025 00:00:00 GMTupgradescustomizationmaintenancebest-practiceshttps://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/accessibility-checklist/https://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/accessibility-checklist/A comprehensive accessibility checklist for Shopify themes covering WCAG guidelines, keyboard navigation, screen readers, and inclusive design patterns.Sun, 28 Dec 2025 00:00:00 GMTaccessibilitya11ywcaginclusive-designhttps://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/seo-basics-themes/https://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/seo-basics-themes/Learn essential SEO practices for Shopify themes including meta tags, structured data, canonical URLs, and content optimization.Sun, 28 Dec 2025 00:00:00 GMTseometa-tagsstructured-datasearchhttps://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/cross-browser-testing/https://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/cross-browser-testing/Learn to test Shopify themes across browsers and devices, handle browser-specific issues, and navigate Shopify's platform quirks.Sun, 28 Dec 2025 00:00:00 GMTtestingbrowserscompatibilitydebugginghttps://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/automated-deployment-buddy-ci/https://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/automated-deployment-buddy-ci/Set up continuous integration and deployment for Shopify themes using Buddy, automating testing, theme check, and deployment workflows.Sun, 28 Dec 2025 00:00:00 GMTci-cdautomationbuddydeploymenthttps://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/versioning-releases-deployment/https://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/versioning-releases-deployment/Learn best practices for versioning Shopify themes, managing releases, and deploying updates safely using Git and Shopify CLI.Sun, 28 Dec 2025 00:00:00 GMTversioningdeploymentgitreleaseshttps://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/final-capstone/https://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/final-capstone/Apply everything you've learned by building a complete Shopify theme feature, documenting it professionally, and presenting your work.Sun, 28 Dec 2025 00:00:00 GMTcapstoneprojectportfoliocertificationhttps://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/page-templates/https://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/page-templates/Learn how to create and customize page templates in Shopify, including the page object, alternate templates, and merchant-configurable sections.Fri, 26 Dec 2025 00:00:00 GMTpagestemplatescontentcmshttps://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/reusable-content-sections/https://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/reusable-content-sections/Build flexible, merchant-configurable content sections that work across multiple pages and templates in your Shopify theme.Fri, 26 Dec 2025 00:00:00 GMTsectionscontentblocksreusablehttps://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/blog-article-templates/https://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/blog-article-templates/Create engaging blog experiences in Shopify with customizable blog and article templates, including listings, individual posts, and dynamic content.Fri, 26 Dec 2025 00:00:00 GMTblogarticlestemplatescontenthttps://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/customer-auth-templates/https://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/customer-auth-templates/Understand the customer account template system in Shopify, including authentication pages, protected routes, and the customer object.Fri, 26 Dec 2025 00:00:00 GMTcustomersauthenticationtemplatesaccountshttps://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/404-page-design/https://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/404-page-design/Create helpful 404 error pages that guide lost visitors back to your store with search, popular products, and clear navigation paths.Fri, 26 Dec 2025 00:00:00 GMT404error-pagesuxnavigationhttps://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/register-page-schema/https://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/register-page-schema/Build a complete customer registration page with form handling, validation, error messages, and customizable sections.Fri, 26 Dec 2025 00:00:00 GMTcustomersregistrationformsvalidationhttps://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/login-forgot-password/https://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/login-forgot-password/Build secure and user-friendly login and password recovery pages with proper form handling, validation, and helpful messaging.Fri, 26 Dec 2025 00:00:00 GMTcustomersloginpasswordauthenticationhttps://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/order-details-page/https://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/order-details-page/Build a comprehensive order details page showing line items, shipping information, fulfillment status, and order history.Fri, 26 Dec 2025 00:00:00 GMTcustomersordersfulfillmenttrackinghttps://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/account-overview/https://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/account-overview/Build a comprehensive account dashboard showing order history, saved addresses, and customer information with management capabilities.Fri, 26 Dec 2025 00:00:00 GMTcustomersordersaddressesaccounthttps://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/testing-account-flows/https://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/testing-account-flows/Learn systematic approaches to testing customer account functionality, from registration through order history, including edge cases and debugging techniques.Fri, 26 Dec 2025 00:00:00 GMTtestingdebuggingaccountsquality-assurancehttps://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/cart-fundamentals/https://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/cart-fundamentals/Understand Shopify's cart object, line items, pricing totals, and the data structures that power cart functionality.Wed, 24 Dec 2025 00:00:00 GMTcartline-itemstotalsliquid-objectshttps://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/building-cart-drawer/https://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/building-cart-drawer/Create a slide-out cart drawer that updates dynamically, showing cart contents without leaving the current page.Wed, 24 Dec 2025 00:00:00 GMTcartdrawermini-cartajaxslide-outhttps://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/empty-cart-state/https://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/empty-cart-state/Design engaging empty cart experiences with calls-to-action, product suggestions, and smooth transitions between empty and filled states.Wed, 24 Dec 2025 00:00:00 GMTcartempty-stateuxconditional-renderinghttps://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/updating-quantity-ajax/https://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/updating-quantity-ajax/Implement cart quantity updates using both traditional form submission and modern AJAX approaches with loading states and error handling.Wed, 24 Dec 2025 00:00:00 GMTcartquantityajaxformsapihttps://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/cross-sells-cart-drawer/https://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/cross-sells-cart-drawer/Implement cross-sell and upsell recommendations in the cart drawer to increase average order value with relevant product suggestions.Wed, 24 Dec 2025 00:00:00 GMTcartcross-sellupsellrecommendationsaovhttps://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/removing-items-notes-discounts/https://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/removing-items-notes-discounts/Implement item removal, cart notes, cart attributes, and display discount information in the cart.Wed, 24 Dec 2025 00:00:00 GMTcartremove-itemnotesdiscountsattributeshttps://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/search-template-fundamentals/https://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/search-template-fundamentals/Understand the search template structure, the search object, and how to display search results for products, pages, and articles.Wed, 24 Dec 2025 00:00:00 GMTsearchtemplatesresultsliquid-objectshttps://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/predictive-search-concepts/https://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/predictive-search-concepts/Learn how predictive search works in Shopify, common UI patterns for search dropdowns, and best practices for search-as-you-type experiences.Wed, 24 Dec 2025 00:00:00 GMTsearchpredictive-searchautocompleteui-patternshttps://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/rendering-predictive-results/https://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/rendering-predictive-results/Build the section template for predictive search results, including products, collections, articles, and query suggestions with proper styling.Wed, 24 Dec 2025 00:00:00 GMTsearchpredictive-searchresultssectionshttps://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/no-results-ux/https://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/no-results-ux/Design helpful no-results experiences with suggestions, spell-checking, popular searches, and graceful degradation.Wed, 24 Dec 2025 00:00:00 GMTsearchno-resultsuxsuggestionshttps://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/search-performance/https://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/search-performance/Optimize search performance with debouncing, request cancellation, lazy loading, caching strategies, and efficient rendering.Wed, 24 Dec 2025 00:00:00 GMTsearchperformanceoptimizationdebouncecachinghttps://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/product-page-architecture/https://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/product-page-architecture/Understand how product pages work in Shopify Online Store 2.0, including template structure, the product object, and designing flexible section schemas.Tue, 23 Dec 2025 00:00:00 GMTproducttemplatesarchitectureschemaonline-store-2https://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/media-gallery-slider/https://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/media-gallery-slider/Build a product media gallery with thumbnails, image zoom, video support, and responsive slider functionality.Tue, 23 Dec 2025 00:00:00 GMTproductgallerysliderimagesvideohttps://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/variant-selection/https://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/variant-selection/Build variant pickers that handle product options, track availability, update prices, and integrate with the product form.Tue, 23 Dec 2025 00:00:00 GMTproductvariantsoptionsavailabilityformhttps://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/product-form-add-to-cart/https://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/product-form-add-to-cart/Build product forms with proper submission handling, AJAX add-to-cart, dynamic checkout buttons, and cart drawer integration.Tue, 23 Dec 2025 00:00:00 GMTproductformadd-to-cartajaxcheckouthttps://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/quantity-controls-line-items/https://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/quantity-controls-line-items/Build quantity selectors with increment/decrement buttons, handle min/max limits, and add custom line-item properties for personalization.Tue, 23 Dec 2025 00:00:00 GMTproductquantityline-itempropertiesformhttps://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/dynamic-content-metafields-tabs/https://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/dynamic-content-metafields-tabs/Display rich product information using metafields, organize content with tabs and accordions, and create dynamic product pages.Tue, 23 Dec 2025 00:00:00 GMTproductmetafieldstabsdynamic-contentaccordionshttps://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/recommendations-complementary/https://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/recommendations-complementary/Implement product recommendations, complementary products, and cross-selling sections using Shopify's APIs and manual curation.Tue, 23 Dec 2025 00:00:00 GMTproductrecommendationscross-sellupsellrelatedhttps://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/collection-template-architecture/https://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/collection-template-architecture/Understand how collection templates work in Shopify Online Store 2.0, including JSON template structure, section organization, and the collection object.Mon, 22 Dec 2025 00:00:00 GMTcollectionstemplatesarchitectureonline-store-2https://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/collection-banner-section/https://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/collection-banner-section/Create a flexible collection banner section that displays collection images, titles, descriptions, and product counts with customizable layouts.Mon, 22 Dec 2025 00:00:00 GMTcollectionsbannersectionsherohttps://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/product-grid-section/https://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/product-grid-section/Build a flexible product grid with responsive cards, optimized images, sale badges, and quick-add functionality.Mon, 22 Dec 2025 00:00:00 GMTcollectionsproduct-cardgridimagesbadgeshttps://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/sorting-ui-shopify/https://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/sorting-ui-shopify/Build a sorting interface that connects to Shopify's collection sorting, handling URL parameters and dynamic updates.Mon, 22 Dec 2025 00:00:00 GMTcollectionssortingurl-parametersuxhttps://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/filtering-concepts/https://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/filtering-concepts/Understand Shopify's native storefront filtering system, including filter types, active filter states, and building filter UI components.Mon, 22 Dec 2025 00:00:00 GMTcollectionsfilteringfaceted-searchtagshttps://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/pagination-load-more/https://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/pagination-load-more/Implement traditional pagination and infinite scroll/load more patterns for navigating collection products.Mon, 22 Dec 2025 00:00:00 GMTcollectionspaginationinfinite-scrollload-morehttps://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/empty-states-no-results/https://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/empty-states-no-results/Design helpful empty states for collections with no products, filtered results with no matches, and guide customers to find what they're looking for.Mon, 22 Dec 2025 00:00:00 GMTcollectionsempty-stateuxno-resultshttps://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/footer-section-strategy/https://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/footer-section-strategy/Plan your footer's content structure, understand what belongs in a footer, and design a flexible schema that gives merchants control.Sun, 21 Dec 2025 00:00:00 GMTfootersectionsstructureplanningschemahttps://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/dynamic-columns-grid-patterns/https://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/dynamic-columns-grid-patterns/Build flexible footer layouts using CSS Grid, blocks for dynamic columns, and responsive patterns that adapt to any content.Sun, 21 Dec 2025 00:00:00 GMTfootercss-gridblocksresponsivelayouthttps://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/accessibility-navigation-regions/https://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/accessibility-navigation-regions/Make your header and footer navigation accessible to all users with proper landmark roles, ARIA attributes, skip links, and keyboard navigation.Sun, 21 Dec 2025 00:00:00 GMTaccessibilityarianavigationlandmarkskeyboardhttps://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/social-links-policy-links/https://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/social-links-policy-links/Add social media icons, payment methods, policy links, and copyright notices to your footer using Shopify's built-in settings and objects.Sun, 21 Dec 2025 00:00:00 GMTfootersocial-mediapoliciespayment-iconscopyrighthttps://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/testing-responsiveness/https://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/testing-responsiveness/Learn effective strategies for testing responsive layouts, debugging common issues, and ensuring your theme works perfectly on all devices.Sun, 21 Dec 2025 00:00:00 GMTresponsivetestingdebuggingbreakpointsdeviceshttps://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/assets-pipeline/https://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/assets-pipeline/Understand how Shopify serves your theme's CSS, JavaScript, and images through its CDN, and learn best practices for loading assets efficiently.Sat, 20 Dec 2025 00:00:00 GMTassetscssjavascriptcdnperformancehttps://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/css-structure-maintainability/https://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/css-structure-maintainability/Learn how to organize your theme's CSS for long-term maintainability using naming conventions, custom properties, and component-based architecture.Sat, 20 Dec 2025 00:00:00 GMTcssarchitecturebemcustom-propertiesorganizationhttps://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/responsive-layout-strategies/https://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/responsive-layout-strategies/Master mobile-first responsive design with fluid layouts, modern CSS techniques, and strategies that ensure your theme looks great on every device.Sat, 20 Dec 2025 00:00:00 GMTcssresponsivemobile-firstgridflexboxhttps://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/javascript-progressive-enhancement/https://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/javascript-progressive-enhancement/Learn to write resilient JavaScript that enhances the user experience while ensuring your theme works for everyone, regardless of their browser or connection.Sat, 20 Dec 2025 00:00:00 GMTjavascriptprogressive-enhancementaccessibilitypatternshttps://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/shopify-js-utilities/https://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/shopify-js-utilities/Learn to leverage Shopify's built-in JavaScript utilities and APIs for cart operations, section rendering, currency formatting, and more.Sat, 20 Dec 2025 00:00:00 GMTjavascriptshopify-apicartajaxsectionshttps://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/menus-in-shopify-admin/https://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/menus-in-shopify-admin/Learn how Shopify's menu system works in the admin, including creating menus, adding links, and building nested navigation structures.Sat, 20 Dec 2025 00:00:00 GMTnavigationmenusshopify-adminlinklistshttps://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/navigation-objects-linklists/https://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/navigation-objects-linklists/Master the Liquid objects for navigation, including linklists, links, and how to detect active states for building dynamic menus.Sat, 20 Dec 2025 00:00:00 GMTnavigationliquidlinklistslinksmenushttps://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/building-header-section/https://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/building-header-section/Learn how to build a complete header section with logo, navigation, search, cart, and account links, including the schema settings for customization.Sat, 20 Dec 2025 00:00:00 GMTheadersectionsnavigationlogocarthttps://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/performance-critical-rendering/https://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/performance-critical-rendering/Optimize your Shopify theme's load speed by understanding the critical rendering path, implementing lazy loading, and improving Core Web Vitals scores.Sat, 20 Dec 2025 00:00:00 GMTperformancecore-web-vitalsoptimizationlazy-loadinghttps://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/desktop-nav-dropdowns-megamenus/https://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/desktop-nav-dropdowns-megamenus/Build accessible dropdown menus and megamenus for desktop navigation, with CSS-only and JavaScript-enhanced approaches.Sat, 20 Dec 2025 00:00:00 GMTnavigationdropdownmegamenuaccessibilitydesktophttps://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/mobile-nav-drawers-accordions/https://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/mobile-nav-drawers-accordions/Build touch-friendly mobile navigation with off-canvas drawers, accordion submenus, and proper focus management for accessibility.Sat, 20 Dec 2025 00:00:00 GMTnavigationmobiledraweraccordionaccessibilityhttps://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/sticky-header-announcements/https://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/sticky-header-announcements/Implement sticky headers with scroll behavior, announcement bars with rotation, and dismissible notices for enhanced user experience.Sat, 20 Dec 2025 00:00:00 GMTheaderstickyannouncementscrolluxhttps://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/section-anatomy/https://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/section-anatomy/Understand the three essential parts of every Shopify section: the Liquid markup, the schema definition, and how to access settings in your code.Thu, 18 Dec 2025 00:00:00 GMTliquidsectionsschemasettingscomponentshttps://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/blocks-repeatable-content/https://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/blocks-repeatable-content/Learn how to use blocks to create flexible, repeatable content areas that merchants can add, remove, and reorder in the theme editor.Thu, 18 Dec 2025 00:00:00 GMTliquidsectionsblocksschemarepeatable-contenthttps://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/schema-types-deep-dive/https://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/schema-types-deep-dive/A comprehensive reference for every schema setting type available in Shopify themes, from basic inputs to resource pickers and specialized controls.Thu, 18 Dec 2025 00:00:00 GMTliquidschemasettingsinput-typesreferencehttps://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/presets-and-defaults/https://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/presets-and-defaults/Learn how to configure section presets and defaults so merchants get a great starting point when adding sections to their theme.Thu, 18 Dec 2025 00:00:00 GMTliquidschemapresetsdefaultssectionshttps://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/theme-editor-ux/https://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/theme-editor-ux/Learn how to create merchant-friendly sections with clear naming, organized settings, helpful labels, and intuitive structure.Thu, 18 Dec 2025 00:00:00 GMTliquidschemauxtheme-editorbest-practiceshttps://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/reusable-patterns-snippets/https://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/reusable-patterns-snippets/Build a library of reusable snippet components that make your sections more maintainable and your development faster.Thu, 18 Dec 2025 00:00:00 GMTliquidsnippetscomponentspatternsreusabilityhttps://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/theme-liquid-deep-dive/https://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/theme-liquid-deep-dive/Understand the master layout file that wraps every page in your Shopify theme, including required placeholders, section groups, and best practices.Wed, 17 Dec 2025 00:00:00 GMTliquidlayoutstheme.liquidstructurehttps://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/json-templates-structure/https://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/json-templates-structure/Learn how JSON templates work in Shopify Online Store 2.0, including their structure, section configuration, and how they enable flexible theme customization.Wed, 17 Dec 2025 00:00:00 GMTliquidtemplatesjsononline-store-2sectionshttps://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/template-specific-vs-global-sections/https://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/template-specific-vs-global-sections/Learn the difference between sections that appear on specific pages and global sections that appear site-wide, plus how to control section availability.Wed, 17 Dec 2025 00:00:00 GMTliquidsectionstemplatesglobal-sectionsschemahttps://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/creating-custom-templates/https://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/creating-custom-templates/Learn how to create alternate templates for products, collections, and pages to support different layouts and use cases in your Shopify theme.Wed, 17 Dec 2025 00:00:00 GMTliquidtemplatescustom-templatesalternate-templateshttps://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/routing-and-template-selection/https://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/routing-and-template-selection/Understand how Shopify maps URLs to templates, including handle-based routing, template fallbacks, and using the request object for page detection.Wed, 17 Dec 2025 00:00:00 GMTliquidroutingtemplatesurlsrequesthttps://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/error-pages-and-fallbacks/https://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/error-pages-and-fallbacks/Learn how to create helpful 404 pages, password pages, and graceful fallbacks that guide users back to useful content.Wed, 17 Dec 2025 00:00:00 GMTliquid404error-pagespasswordfallbackshttps://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/liquid-syntax-tags-objects-filters/https://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/liquid-syntax-tags-objects-filters/Learn the three fundamental building blocks of Liquid templating: output tags for displaying data, logic tags for control flow, and filters for transforming values.Tue, 16 Dec 2025 00:00:00 GMTliquidsyntaxtagsfiltersbasicshttps://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/liquid-scope-global-template-section/https://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/liquid-scope-global-template-section/Understand how variable scope works in Shopify themes and when to use global objects, template objects, section settings, and theme settings.Tue, 16 Dec 2025 00:00:00 GMTliquidscopesettingssectionsobjectshttps://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/control-flow-if-for-case/https://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/control-flow-if-for-case/Master conditional statements and loops in Liquid to build dynamic Shopify themes that respond to data and user context.Tue, 16 Dec 2025 00:00:00 GMTliquidcontrol-flowconditionalsloopslogichttps://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/snippets-and-render-patterns/https://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/snippets-and-render-patterns/Learn how to create reusable Liquid snippets and use the render tag to build maintainable, component-based Shopify themes.Tue, 16 Dec 2025 00:00:00 GMTliquidsnippetsrendercomponentsreusabilityhttps://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/common-liquid-pitfalls/https://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/common-liquid-pitfalls/Avoid the most common Liquid mistakes by learning proper nil checking, whitespace control, and performance optimization techniques.Tue, 16 Dec 2025 00:00:00 GMTliquiddebuggingperformancebest-practiceserrorshttps://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/connecting-syncing-themes/https://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/connecting-syncing-themes/Master the essential workflow of syncing themes between your local machine and Shopify. Learn push, pull, publish commands and safe patterns for live stores.Mon, 15 Dec 2025 00:00:00 GMTshopifyclisyncworkflowdeploymenthttps://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/git-basics-for-themes/https://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/git-basics-for-themes/Learn essential Git commands for Shopify theme development. Track changes, collaborate with others, and never lose your work again.Mon, 15 Dec 2025 00:00:00 GMTgitversion-controlworkflowcollaborationbeginnerhttps://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/theme-check-linting/https://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/theme-check-linting/Use Shopify's Theme Check to catch errors, improve performance, and follow best practices. Learn to configure and integrate linting into your workflow.Mon, 15 Dec 2025 00:00:00 GMTshopifytheme-checklintingbest-practicestoolshttps://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/theme-directories-and-rendering/https://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/theme-directories-and-rendering/Understand the Shopify theme folder structure and how Liquid templates are processed to generate your storefront pages.Sun, 14 Dec 2025 00:00:00 GMTtheme-structurerenderingtemplatesbasicshttps://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/setting-up-shopify-development/https://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/setting-up-shopify-development/Create a free Shopify Partners account and development store to practice writing Liquid code. Your essential first step before building themes.Sat, 13 Dec 2025 00:00:00 GMTshopifysetupdevelopmentpartnersbeginnerhttps://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/local-development-with-shopify-cli/https://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/local-development-with-shopify-cli/Set up a professional local development environment for Shopify themes. Use your favorite editor, version control, and hot reloading.Sat, 13 Dec 2025 00:00:00 GMTshopifyclilocal-developmentworkflowtoolshttps://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/building-a-minimal-shopify-theme/https://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/building-a-minimal-shopify-theme/Create a barebones Shopify theme with only the essential files. Perfect as a sandbox for learning Liquid and following along with tutorials.Sat, 13 Dec 2025 00:00:00 GMTshopifythememinimaltutorialsandboxhttps://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/what-is-liquid/https://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/what-is-liquid/Learn what Liquid is, why Shopify created it, and how it powers every Shopify theme. Your first step to becoming a Shopify developer.Tue, 09 Dec 2025 00:00:00 GMTliquidintroductionbasicsshopifyhttps://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/liquid-objects-explained/https://greenbagdeveloper.com/courses/shopify-liquid-fundamentals/liquid-objects-explained/Master Liquid objects and learn how to access product, collection, cart, and customer data in your Shopify themes.Tue, 09 Dec 2025 00:00:00 GMTliquidobjectsbasicsdatahttps://greenbagdeveloper.com/blog/shopifys-cart-attribute-limit/https://greenbagdeveloper.com/blog/shopifys-cart-attribute-limit/Shopify's cart attribute limit is somewhere between 19.9 MB and 20 MB, or roughly: Max attribute value size ≈ 20,873,216 characters (just under 20 MB). To test this out use the script below on your Shopify store: 413...Sat, 19 Apr 2025 00:00:00 GMTappscartdebuggingliquidreactshopifythemeshttps://greenbagdeveloper.com/blog/out-of-stock-issue-cannot-add-to-cart-for-products/https://greenbagdeveloper.com/blog/out-of-stock-issue-cannot-add-to-cart-for-products/Here's a recent issue I ran into. When launching a new store, we had a way for a customer to add high quantities of a product to their cart. This was working during our initial testing and all the configuration on are...Mon, 07 Apr 2025 00:00:00 GMTappscartdebuggingliquidreactshopifythemeshttps://greenbagdeveloper.com/blog/shopify-section-schema-builder/https://greenbagdeveloper.com/blog/shopify-section-schema-builder/A visual tool that eliminates the tedious, error-prone process of writing section schema JSON by hand. Build complex schemas in minutes with real-time preview and validation.Sun, 29 Dec 2024 00:00:00 GMTshopifyschematoolsdeveloper-toolssectionsproductivityhttps://greenbagdeveloper.com/blog/shopify-liquid-return_to-not-working/https://greenbagdeveloper.com/blog/shopify-liquid-return_to-not-working/The return_to on the form tag is not working. The current workaround is to add <input type="hidden" name="checkout_url" value="/pages/help" /> in between the form tags. Where the value /pages/help can be changed...Tue, 23 Apr 2024 00:00:00 GMTappsdebuggingliquidreactshopifythemeshttps://greenbagdeveloper.com/blog/add-terms-and-conditions-to-checkout/https://greenbagdeveloper.com/blog/add-terms-and-conditions-to-checkout/For Shopify Plus store, add this script to the bottom of your checkout.liquid file. Make sure you update the link to the terms and conditions page and check your checkout console for any errors. Also, test if checkout...Sun, 14 May 2023 00:00:00 GMTliquidshopifyhttps://greenbagdeveloper.com/blog/date-filter/https://greenbagdeveloper.com/blog/date-filter/Learn how to use the powerful date filter in Shopify Liquid to customize and format dates for your online store. Improve user experience and enhance your store's design with our comprehensive guide on the date filter.Sun, 23 Apr 2023 00:00:00 GMTfiltersliquidshopifyhttps://greenbagdeveloper.com/blog/default-filter/https://greenbagdeveloper.com/blog/default-filter/Discover how the "default" Shopify Liquid filter helps handle missing or empty variables, preventing errors, and simplifying your code. Learn its usage through practical examples for better template rendering.Sun, 23 Apr 2023 00:00:00 GMTfiltersliquidshopifyhttps://greenbagdeveloper.com/blog/json-filter/https://greenbagdeveloper.com/blog/json-filter/Learn how to use the "json" Shopify Liquid filter to render React components on your Shopify pages, taking advantage of the full potential of both React and Shopify Liquid for a unique shopping experience.Sun, 23 Apr 2023 00:00:00 GMTfiltersliquidshopifyhttps://greenbagdeveloper.com/blog/access-array-elements-in-first-and-last-filters/https://greenbagdeveloper.com/blog/access-array-elements-in-first-and-last-filters/Learn how to use the first and last filters in Shopify Liquid to effortlessly access the first and last elements of arrays, enhancing your store's functionality and content display.Mon, 10 Apr 2023 00:00:00 GMTarraysfiltersliquidshopifyhttps://greenbagdeveloper.com/blog/filters-size-and-slice-for-arrays-and-strings/https://greenbagdeveloper.com/blog/filters-size-and-slice-for-arrays-and-strings/Learn how to effectively manipulate arrays and strings in your Shopify Liquid templates using the size and slice filters, including using negative indices for advanced operations.Mon, 10 Apr 2023 00:00:00 GMTarraysfiltersliquidshopifyhttps://greenbagdeveloper.com/blog/more-array-filters-sort-sort_natural-reverse-uniq-and-where/https://greenbagdeveloper.com/blog/more-array-filters-sort-sort_natural-reverse-uniq-and-where/Learn how to use and combine Liquid array filters like sort, reverse, uniq, and where in Shopify to manipulate arrays. Whether you're organizing collections, displaying product listings, or updating data for custom fe...Mon, 10 Apr 2023 00:00:00 GMTarraysfiltersliquidshopifyhttps://greenbagdeveloper.com/blog/working-with-arrays-a-deep-dive-into-concat-join-map-and-compact-filters/https://greenbagdeveloper.com/blog/working-with-arrays-a-deep-dive-into-concat-join-map-and-compact-filters/Shopify Liquid provides a rich set of filters to help you manipulate and manage arrays. Among these filters, concat, join, map, and compact are particularly useful for combining, transforming, and cleaning up arrays....Mon, 10 Apr 2023 00:00:00 GMTarraysfiltersliquidshopifyhttps://greenbagdeveloper.com/blog/text-truncation-truncate-and-truncatewords-filters/https://greenbagdeveloper.com/blog/text-truncation-truncate-and-truncatewords-filters/Learn how to efficiently manage and display text in your Shopify templates using the powerful truncate and truncatewords filters. Improve your blog pages and content-rich sections for a better user experience.Sat, 08 Apr 2023 00:00:00 GMTfiltersliquidshopifyhttps://greenbagdeveloper.com/blog/whitespace-and-html-management-filters/https://greenbagdeveloper.com/blog/whitespace-and-html-management-filters/Learn how to manage whitespace and HTML elements for a cleaner and more professional appearance. Use of lstrip, rstrip, strip, strip_html, and strip_newlines filters in Shopify Liquid to for whitespace and HTML manage...Sat, 08 Apr 2023 00:00:00 GMTfiltersliquidshopifyhttps://greenbagdeveloper.com/blog/append-prepend-and-split/https://greenbagdeveloper.com/blog/append-prepend-and-split/Explore the powerful combination of Shopify Liquid filters, such as append, prepend, and split, to create and manipulate strings, including product IDs, in your templates to help create arrays for later use in your te...Fri, 07 Apr 2023 00:00:00 GMTfiltersliquidshopifyhttps://greenbagdeveloper.com/blog/refining-text-strings-remove-and-replace-filters/https://greenbagdeveloper.com/blog/refining-text-strings-remove-and-replace-filters/Learn how to effectively use Shopify Liquid filters like remove, remove_first, replace, and replace_first to refine and manipulate text strings in your templates. These filters allow you to clean up text, update conte...Fri, 07 Apr 2023 00:00:00 GMTfiltersliquidshopifyhttps://greenbagdeveloper.com/blog/text-transformations-capitalize-upcase-and-downcase-filters/https://greenbagdeveloper.com/blog/text-transformations-capitalize-upcase-and-downcase-filters/Discover how to effectively use Shopify Liquid text transformation filters, such as capitalize, upcase, and downcase, to format and manipulate text strings in your templates. Learn how to perform case-insensitive stri...Fri, 07 Apr 2023 00:00:00 GMTfiltersliquidshopifyhttps://greenbagdeveloper.com/blog/a-guide-to-math-filters/https://greenbagdeveloper.com/blog/a-guide-to-math-filters/Learn how to use essential math filters, including ceil, floor, basic arithmetic operations, and the modulo filter in Shopify's Liquid templating language to perform calculations, format data, and customize your store...Thu, 06 Apr 2023 00:00:00 GMTfiltersliquidshopifyhttps://greenbagdeveloper.com/blog/iteration-on-arrays-using-the-for-tag/https://greenbagdeveloper.com/blog/iteration-on-arrays-using-the-for-tag/Unlock the full potential of Shopify Liquid with our in-depth guide on "for" loop tags, including "forloop" properties, and "break" and "continue" tags for greater control over your template customization.Thu, 06 Apr 2023 00:00:00 GMTarrayscontrol-flowliquidshopifyhttps://greenbagdeveloper.com/blog/the-liquid-tag-and-inline-comments/https://greenbagdeveloper.com/blog/the-liquid-tag-and-inline-comments/Discover the power of the "liquid" tag and inline comments in Shopify's Liquid templating language, simplifying your theme development process and boosting code readability for more efficient and maintainable templates.Thu, 06 Apr 2023 00:00:00 GMTcontrol-flowliquidshopifyhttps://greenbagdeveloper.com/blog/shopify-liquid-programming-language-for-custom-themes/https://greenbagdeveloper.com/blog/shopify-liquid-programming-language-for-custom-themes/Learn to use Shopify Liquid to create custom templates and themes for your Shopify store. Explore the basics of Liquid tags, filters, and variables, and discover how to combine them with HTML, CSS, and JavaScript to c...Thu, 16 Mar 2023 00:00:00 GMTliquid-basicsshopifythemeshttps://greenbagdeveloper.com/blog/introducing-online-store-2-0-shopifys-new-online-store-functionality/https://greenbagdeveloper.com/blog/introducing-online-store-2-0-shopifys-new-online-store-functionality/Discover Shopify's latest update to its online store functionality with Online Store 2.0. Explore new features like sections everywhere and pre-designed blocks, and learn how to improve the performance of your online...Tue, 14 Mar 2023 00:00:00 GMTsectionsshopifythemeshttps://greenbagdeveloper.com/blog/view-shopify-json-data-without-api-keys-or-creating-a-private-app/https://greenbagdeveloper.com/blog/view-shopify-json-data-without-api-keys-or-creating-a-private-app/While logged into your Shopify store, you can access any GET route in Shopify's REST API and view json data. For example, /admin/api/2022-10/products.json is a GET request you can use, but just remove the /admin/api/2...Fri, 25 Nov 2022 00:00:00 GMTdebuggingfiltersshopifyhttps://greenbagdeveloper.com/blog/get-an-array-from-a-list-in-textarea-that-uses-line-breaks/https://greenbagdeveloper.com/blog/get-an-array-from-a-list-in-textarea-that-uses-line-breaks/`{% assign arrayOfContent = textAreaContent | newline_to_br | strip_newlines | split: '<br />' %}`Sun, 21 Aug 2022 00:00:00 GMTarraysdebuggingshopifyhttps://greenbagdeveloper.com/blog/get-current-url-of-any-page/https://greenbagdeveloper.com/blog/get-current-url-of-any-page/Here's a quick and easy way to get any Shopify url in your store. `{% assign current_url = canonical_url %}``{% assign current_url = current_url | replace: "https://storeurl.myshopify.com", "" %}`{% assign current_url = c...Sat, 29 Jan 2022 00:00:00 GMTdebuggingliquidshopifyhttps://greenbagdeveloper.com/blog/adding-the-correct-shipping-price-with-discounts/https://greenbagdeveloper.com/blog/adding-the-correct-shipping-price-with-discounts/Use correct_shipping_price variable for your shipping. This takes into account the discount adjusted price for shipping when it's discounted using Shopify scripts. `{% if requires_shipping %}` {% assign complete_line_it...Thu, 27 Jan 2022 00:00:00 GMTdebuggingliquidshopifyhttps://greenbagdeveloper.com/blog/get-product-count-and-variant-count-of-store/https://greenbagdeveloper.com/blog/get-product-count-and-variant-count-of-store/Quick tip to get the total number of products in your Shopify store use this url: https://mystoreurl.myshopify.com/admin/products/count.json replacing "mystoreurl" with your own. The same thing can be done for variant...Tue, 18 Jan 2022 00:00:00 GMTdebuggingshopifyhttps://greenbagdeveloper.com/blog/conditional-statements-extended/https://greenbagdeveloper.com/blog/conditional-statements-extended/After learning the basics of conditional statements, we explore the contains, unless, and case operators. The contains operator is used to check a string in within a string or a string within an array of strings. The...Sat, 07 Nov 2020 00:00:00 GMTcontrol-flowliquidshopifyhttps://greenbagdeveloper.com/blog/sections-are-not-showing-up-in-theme-customize/https://greenbagdeveloper.com/blog/sections-are-not-showing-up-in-theme-customize/Error: This page doesn't have any sections. Solutions: Make sure you have `{{ content_for_header }}`, `{{ content_for_layout }}`, and `{% section 'header' %}` in your theme.liquid file. Add an empty header.liquid file in th...Wed, 28 Oct 2020 00:00:00 GMTsectionsshopifythemeshttps://greenbagdeveloper.com/blog/conditional-statements/https://greenbagdeveloper.com/blog/conditional-statements/The foundation of conditional statements can be boiled down to this: if this is true then run this code. You can also expand on that: if this is true then run this code, if not run a different code. Chaining condition...Tue, 13 Oct 2020 00:00:00 GMTcontrol-flowliquidshopifyhttps://greenbagdeveloper.com/blog/comparison-operators/https://greenbagdeveloper.com/blog/comparison-operators/Comparison operators are exactly that, comparing two values in different ways. The output of comparing values will be a boolean, true or false. The Liquid operators: greater than >, greater than or equal to >=,...Sat, 10 Oct 2020 00:00:00 GMTcontrol-flowliquidshopifyhttps://greenbagdeveloper.com/blog/types-of-data/https://greenbagdeveloper.com/blog/types-of-data/Most of our variable assignment have been data of type string, a sequence of characters. `{% assign full_name = "Joe Pichardo" %}` There are also different type of numbers you can use as values. You have integers which...Fri, 09 Oct 2020 00:00:00 GMTliquidliquid-basicsshopifyhttps://greenbagdeveloper.com/blog/variables-assignments-and-naming-conventions/https://greenbagdeveloper.com/blog/variables-assignments-and-naming-conventions/Variables are a way to save data. The way it is done in Liquid is to use the "assign" tag between these curly braces and percent signs `{% %}`. You can still manipulate this data after it is assigned. When you name a va...Thu, 08 Oct 2020 00:00:00 GMTliquidliquid-basicsshopifyhttps://greenbagdeveloper.com/blog/liquid-syntax-and-whitespace-control/https://greenbagdeveloper.com/blog/liquid-syntax-and-whitespace-control/Liquid programming language has syntax with different enclosing braces: `{{ }}`, `{% %}` , `{%- -%}` and `{{- -}}`. Here we learn about what these braces mean and what their functions are. `{{ }}` renders our variables. `{% %}` e...Mon, 05 Oct 2020 00:00:00 GMTliquidshopifyhttps://greenbagdeveloper.com/blog/local-shopify-theme-development-with-theme-kit/https://greenbagdeveloper.com/blog/local-shopify-theme-development-with-theme-kit/Theme Kit is an integral part of Shopify theme development. This tool allows us to use Visual Studio Code with its integrated terminal to run the file watch command, edit our files, and save to upload changes. We will...Sun, 04 Oct 2020 00:00:00 GMTliquidshopifythemeshttps://greenbagdeveloper.com/blog/best-code-editor-for-shopify-liquid-files/https://greenbagdeveloper.com/blog/best-code-editor-for-shopify-liquid-files/There comes a time when a developer needs to find out what the best editor is for the language they will be primarily using. For Shopify Liquid, the answer is easy: Visual Studio Code. This powerful IDE comes with Liq...Sat, 03 Oct 2020 00:00:00 GMTliquidshopifyhttps://greenbagdeveloper.com/blog/adding-a-test-theme-to-your-shopify-store/https://greenbagdeveloper.com/blog/adding-a-test-theme-to-your-shopify-store/After you have created a Shopify Development store, it is time to add a theme for Liquid Development. I suggest on starting with the bare minimum of a theme to begin with as we do not want to be distracted about the d...Sun, 27 Sep 2020 00:00:00 GMTliquidshopifythemeshttps://greenbagdeveloper.com/blog/free-shopify-store-for-liquid-theme-development/https://greenbagdeveloper.com/blog/free-shopify-store-for-liquid-theme-development/To begin Shopify Development with Liquid, we will need to create a store. The store is free and it is made through Shopify. There isn't a way to spin up a local server on your machine for a Shopify store, we will have...Sun, 27 Sep 2020 00:00:00 GMTliquidshopifythemeshttps://greenbagdeveloper.com/blog/making-an-object-in-liquid/https://greenbagdeveloper.com/blog/making-an-object-in-liquid/Handling data is sometimes hard using Shopify Liquid. There isn't a versatile way to make an object like in Javascript or PHP. Full disclosure, this is a faux object, but works similarly to an object in other language...Sun, 20 Sep 2020 00:00:00 GMTliquidliquid-basicsshopifyhttps://greenbagdeveloper.com/blog/upsell-with-add-ons-on-the-product-page/https://greenbagdeveloper.com/blog/upsell-with-add-ons-on-the-product-page/Include an additional accessory/product to a product page without a plugin. The implementation gets json data using a product handle, checks its availability, and shows the add on option. Shopify AJAX "/cart/add.js" f...Wed, 16 Sep 2020 00:00:00 GMTproduct-pageshopifythemeshttps://greenbagdeveloper.com/blog/adding-bootstrap-css-and-js-and-a-slider-plugin/https://greenbagdeveloper.com/blog/adding-bootstrap-css-and-js-and-a-slider-plugin/We will be adding Bootstrap, the world’s most popular front-end open source toolkit, to our Shopify theme. It requires proper ordering of assets and files. After adding the Bootstrap we will add a fluid and dynamic sl...Sun, 16 Aug 2020 00:00:00 GMTshopifythemeshttps://greenbagdeveloper.com/blog/using-themekit-to-automatically-upload-theme-files/https://greenbagdeveloper.com/blog/using-themekit-to-automatically-upload-theme-files/Use Theme Kit as a command line tool to automatically deploy local files to your online Shopify theme. Cut down on development time with quickly saving and uploading files using Theme Kit. You will need to create a pr...Sun, 16 Aug 2020 00:00:00 GMTshopifythemestoolinghttps://greenbagdeveloper.com/blog/minimum-file-and-folder-structure-for-themes/https://greenbagdeveloper.com/blog/minimum-file-and-folder-structure-for-themes/Shopify themes only need two files, layout/theme.liquid and templates/index.liquid. File requirements: theme.liquid includes `{{ content_for_header }}` between the head tags and `{{ content_for_layout }}` between the body...Sat, 15 Aug 2020 00:00:00 GMTshopifythemes