npm - @o2vend/theme-cli - Versions diffs - 1.0.32 - Mend

@o2vend/theme-cli 1.0.32

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (116) hide show

package/README.md +425 -0
package/assets/Logo_o2vend.png +0 -0
package/assets/favicon.png +0 -0
package/assets/logo-white.png +0 -0
package/bin/o2vend +42 -0
package/config/widget-map.json +50 -0
package/lib/commands/check.js +201 -0
package/lib/commands/generate.js +33 -0
package/lib/commands/init.js +214 -0
package/lib/commands/optimize.js +216 -0
package/lib/commands/package.js +208 -0
package/lib/commands/serve.js +105 -0
package/lib/commands/validate.js +191 -0
package/lib/lib/api-client.js +357 -0
package/lib/lib/dev-server.js +2618 -0
package/lib/lib/file-watcher.js +80 -0
package/lib/lib/hot-reload.js +106 -0
package/lib/lib/liquid-engine.js +822 -0
package/lib/lib/liquid-filters.js +671 -0
package/lib/lib/mock-api-server.js +989 -0
package/lib/lib/mock-data.js +1468 -0
package/lib/lib/widget-service.js +321 -0
package/package.json +70 -0
package/test-theme/README.md +27 -0
package/test-theme/assets/async-sections.js +446 -0
package/test-theme/assets/cart-drawer.js +463 -0
package/test-theme/assets/cart-manager.js +223 -0
package/test-theme/assets/checkout-price-handler.js +368 -0
package/test-theme/assets/components.css +4629 -0
package/test-theme/assets/delivery-zone.css +299 -0
package/test-theme/assets/delivery-zone.js +396 -0
package/test-theme/assets/logo.png +0 -0
package/test-theme/assets/sections.css +48 -0
package/test-theme/assets/theme.css +3500 -0
package/test-theme/assets/theme.js +3745 -0
package/test-theme/config/settings_data.json +292 -0
package/test-theme/config/settings_schema.json +1050 -0
package/test-theme/layout/theme.liquid +195 -0
package/test-theme/locales/en.default.json +260 -0
package/test-theme/sections/content-fallback.liquid +53 -0
package/test-theme/sections/content.liquid +57 -0
package/test-theme/sections/footer-fallback.liquid +328 -0
package/test-theme/sections/footer.liquid +278 -0
package/test-theme/sections/header-fallback.liquid +1805 -0
package/test-theme/sections/header.liquid +1145 -0
package/test-theme/sections/hero-fallback.liquid +212 -0
package/test-theme/sections/hero.liquid +136 -0
package/test-theme/snippets/account-sidebar.liquid +200 -0
package/test-theme/snippets/add-to-cart-modal.liquid +484 -0
package/test-theme/snippets/breadcrumbs.liquid +134 -0
package/test-theme/snippets/cart-drawer.liquid +467 -0
package/test-theme/snippets/delivery-zone-city-selector.liquid +79 -0
package/test-theme/snippets/delivery-zone-modal.liquid +337 -0
package/test-theme/snippets/delivery-zone-search.liquid +78 -0
package/test-theme/snippets/icon.liquid +105 -0
package/test-theme/snippets/login-modal.liquid +346 -0
package/test-theme/snippets/mega-menu.liquid +812 -0
package/test-theme/snippets/news-thumbnail.liquid +187 -0
package/test-theme/snippets/pagination.liquid +120 -0
package/test-theme/snippets/price.liquid +92 -0
package/test-theme/snippets/product-card-related.liquid +78 -0
package/test-theme/snippets/product-card-simple.liquid +41 -0
package/test-theme/snippets/product-card.liquid +697 -0
package/test-theme/snippets/rating.liquid +85 -0
package/test-theme/snippets/skeleton-collection-grid.liquid +114 -0
package/test-theme/snippets/skeleton-product-card.liquid +124 -0
package/test-theme/snippets/skeleton-product-grid.liquid +34 -0
package/test-theme/snippets/social-sharing.liquid +185 -0
package/test-theme/templates/account/dashboard.liquid +401 -0
package/test-theme/templates/account/loyalty-redemption.liquid +405 -0
package/test-theme/templates/account/loyalty.liquid +588 -0
package/test-theme/templates/account/order-detail.liquid +230 -0
package/test-theme/templates/account/orders.liquid +349 -0
package/test-theme/templates/account/profile.liquid +758 -0
package/test-theme/templates/account/register.liquid +232 -0
package/test-theme/templates/account/return-orders.liquid +348 -0
package/test-theme/templates/account/store-credit.liquid +464 -0
package/test-theme/templates/account/subscriptions.liquid +601 -0
package/test-theme/templates/account/wishlist.liquid +419 -0
package/test-theme/templates/address-book.liquid +1092 -0
package/test-theme/templates/categories.liquid +452 -0
package/test-theme/templates/checkout.liquid +4511 -0
package/test-theme/templates/error.liquid +384 -0
package/test-theme/templates/index.liquid +11 -0
package/test-theme/templates/login.liquid +185 -0
package/test-theme/templates/order-confirmation.liquid +720 -0
package/test-theme/templates/page.liquid +297 -0
package/test-theme/templates/product-detail.liquid +4363 -0
package/test-theme/templates/products.liquid +518 -0
package/test-theme/templates/search.liquid +922 -0
package/test-theme/theme.json.example +19 -0
package/test-theme/widgets/brand-carousel.liquid +676 -0
package/test-theme/widgets/brand.liquid +245 -0
package/test-theme/widgets/carousel.liquid +843 -0
package/test-theme/widgets/category-list-carousel.liquid +656 -0
package/test-theme/widgets/category-list.liquid +340 -0
package/test-theme/widgets/category.liquid +475 -0
package/test-theme/widgets/discount-time.liquid +176 -0
package/test-theme/widgets/footer-menu.liquid +695 -0
package/test-theme/widgets/footer.liquid +179 -0
package/test-theme/widgets/gallery.liquid +271 -0
package/test-theme/widgets/header-menu.liquid +932 -0
package/test-theme/widgets/header.liquid +159 -0
package/test-theme/widgets/html.liquid +214 -0
package/test-theme/widgets/news.liquid +217 -0
package/test-theme/widgets/product-canvas.liquid +235 -0
package/test-theme/widgets/product-carousel.liquid +502 -0
package/test-theme/widgets/product.liquid +45 -0
package/test-theme/widgets/recently-viewed.liquid +26 -0
package/test-theme/widgets/shared/product-grid.liquid +339 -0
package/test-theme/widgets/simple-product.liquid +42 -0
package/test-theme/widgets/single-product.liquid +610 -0
package/test-theme/widgets/spacebar-carousel.liquid +663 -0
package/test-theme/widgets/spacebar.liquid +279 -0
package/test-theme/widgets/splash.liquid +378 -0
package/test-theme/widgets/testimonial-carousel.liquid +709 -0

package/test-theme/layout/theme.liquid ADDED Viewed

@@ -0,0 +1,195 @@
+<!DOCTYPE html>
+<html lang="{{ shop.language | default: 'en' }}">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>{% if page.title %}{{ page.title }} - {% endif %}{{ shop.name }}</title>
+  <!-- Meta tags -->
+  <meta name="description" content="{{ page_description | default: shop.name }}">
+  <meta name="keywords" content="ecommerce, online store, {{ shop.name }}">
+  <!-- Favicon -->
+  <link rel="icon" href="{{ shop.favicon }}">
+  <!-- Resource hints for fonts -->
+  <link rel="preconnect" href="https://fonts.googleapis.com">
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+  <!-- CSS -->
+  <link rel="stylesheet" href="/assets/theme.min.css">
+  <link rel="stylesheet" href="/assets/components.min.css">
+  <link rel="stylesheet" href="/assets/delivery-zone.min.css">
+  <!-- intl-tel-input CSS -->
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/intl-tel-input@23.0.0/build/css/intlTelInput.min.css">
+  <!-- Font Loading - Non-render-blocking -->
+  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&family=Playfair+Display:wght@400;600;700&display=swap" rel="stylesheet" media="print" onload="this.media='all'">
+  <noscript>
+    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&family=Playfair+Display:wght@400;600;700&display=swap" rel="stylesheet">
+  </noscript>
+  <!-- Additional head content -->
+  {% if additional_head %}
+    {{ additional_head }}
+  {% endif %}
+  <!-- Plugin hooks for theme head -->
+  {% hook 'theme_head' %}
+  {%- comment -%}
+    Shopify-compatible placeholder for apps and scripts injected into the <head>.
+    In our engine this may be empty, which is fine.
+  {%- endcomment -%}
+  {{ content_for_header }}
+</head>
+<body
+  {% comment %}Animation settings - Check with proper boolean handling{% endcomment %}
+  {% liquid
+    assign anim_val = settings.enable_animations
+    if anim_val == blank or anim_val == null
+      assign anim_val = true
+    endif
+    assign hover_val = settings.enable_hover_effects
+    if hover_val == blank or hover_val == null
+      assign hover_val = true
+    endif
+    assign parallax_val = settings.enable_parallax
+    if parallax_val == blank or parallax_val == null
+      assign parallax_val = false
+    endif
+  %}
+  class="template-{{ template | default: 'index' }} layout-{{ settings.layout_style | default: 'boxed' }}{% unless anim_val or anim_val == true or anim_val == 'true' or anim_val == 1 %} no-animations{% endunless %}{% unless hover_val or hover_val == true or hover_val == 'true' or hover_val == 1 %} no-hover-effects{% endunless %}{% if parallax_val or parallax_val == true or parallax_val == 'true' or parallax_val == 1 %} parallax-enabled{% endif %}"
+  data-shop-currency="{{ shop.currency | default: 'USD' }}"
+  data-shop-currency-symbol="{{ shop.settings.currencySymbol | default: shop.currency | default: '$' }}"
+  data-shop-locale="{{ shop.locale | default: shop.language | default: 'en-US' }}"
+  style="font-family: var(--font-primary); font-size: {{ settings.font_size_base | default: 16 }}px;"
+>
+  <script>
+    window.__SHOP_CURRENCY__ = '{{ shop.currency | default: 'USD' }}';
+    window.__SHOP_CURRENCY_SYMBOL__ = '{{ shop.settings.currencySymbol | default: shop.currency | default: '$' }}';
+    window.__SHOP_LOCALE__ = '{{ shop.locale | default: shop.language | default: 'en-US' }}';
+  </script>
+  <!-- Plugin hooks for body begin -->
+  {% hook 'theme_body_begin' %}
+  <!-- Skip Links for Accessibility -->
+  <a href="#main-content" class="skip-link">Skip to main content</a>
+  <!--  Header -->
+  {% hook 'header_before' %}
+  <header class="site-header" id="site-header" role="banner">
+    {% section 'sections/header' %}
+  </header>
+  {% hook 'header_after' %}
+  <!-- Main content -->
+  <main class="main-content" id="main-content" role="main">
+    <div class="container" style="max-width: {{ settings.container_width | default: 1400 }}px; padding: 0 {{ settings.container_padding | default: 24 }}px;">
+      {%- comment -%}
+        Use Shopify-compatible {{ content_for_layout }} for layout content,
+        but keep support for our existing {{ content }} variable as a fallback.
+      {%- endcomment -%}
+      {% if content_for_layout %}
+        {{ content_for_layout }}
+      {% else %}
+        {{ content }}
+      {% endif %}
+    </div>
+  </main>
+  <!--  Footer -->
+  {% hook 'footer_before' %}
+  <footer class="site-footer" role="contentinfo">
+    {% section 'sections/footer' %}
+  </footer>
+  {% hook 'footer_after' %}
+  <!-- JavaScript -->
+  <script src="/assets/cart-manager.min.js" defer></script>
+  <script src="/assets/theme.min.js" defer></script>
+  <script src="/assets/cart-drawer.min.js" defer></script>
+  <script src="/assets/delivery-zone.min.js" defer></script>
+  <!-- intl-tel-input JS -->
+  <script src="https://cdn.jsdelivr.net/npm/intl-tel-input@23.0.0/build/js/intlTelInput.min.js"></script>
+  <!-- utils.js is loaded dynamically by intl-tel-input when needed, no need to load it here -->
+  <!-- Async Section Loader -->
+  <script src="/assets/async-sections.min.js" defer></script>
+  <script>
+    // Initialize async section loader if sections are defined
+    if (window.asyncSections && window.AsyncSectionLoader) {
+      document.addEventListener('DOMContentLoaded', function() {
+        AsyncSectionLoader.init(window.asyncSections);
+      });
+    }
+  </script>
+  <!-- Additional scripts -->
+  {% if additional_scripts %}
+    {{ additional_scripts }}
+  {% endif %}
+  {% include 'snippets/cart-drawer' %}
+  {% if deliveryZone.enabled %}
+    {% include 'snippets/delivery-zone-modal' %}
+  {% endif %}
+  <!-- Global login modal (email/password, email OTP, mobile OTP) -->
+  {% include 'snippets/login-modal' %}
+  <!-- Add to Cart Modal -->
+  {% include 'snippets/add-to-cart-modal' %}
+  <!-- Mobile Bottom Navigation -->
+  <nav class="mobile-bottom-nav" role="navigation" aria-label="Bottom navigation">
+    <a href="/" class="mobile-bottom-nav__item" data-nav-item="home" aria-label="Home">
+      <svg class="mobile-bottom-nav__icon" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+        <path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path>
+        <polyline points="9 22 9 12 15 12 15 22"></polyline>
+      </svg>
+      <span class="mobile-bottom-nav__label">Home</span>
+    </a>
+    <a href="/collections" class="mobile-bottom-nav__item" data-nav-item="categories" aria-label="Categories">
+      <svg class="mobile-bottom-nav__icon" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+        <rect x="3" y="3" width="7" height="7"></rect>
+        <rect x="14" y="3" width="7" height="7"></rect>
+        <rect x="14" y="14" width="7" height="7"></rect>
+        <rect x="3" y="14" width="7" height="7"></rect>
+      </svg>
+      <span class="mobile-bottom-nav__label">Categories</span>
+    </a>
+    {% if customer and customer.isAuthenticated %}
+      <a href="/account" class="mobile-bottom-nav__item" data-nav-item="account" aria-label="Account">
+        <svg class="mobile-bottom-nav__icon" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+          <path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path>
+          <circle cx="12" cy="7" r="4"></circle>
+        </svg>
+        <span class="mobile-bottom-nav__label">Account</span>
+      </a>
+    {% else %}
+      <button type="button" class="mobile-bottom-nav__item" data-nav-item="account" data-login-modal-trigger aria-label="Login">
+        <svg class="mobile-bottom-nav__icon" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+          <path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path>
+          <circle cx="12" cy="7" r="4"></circle>
+        </svg>
+        <span class="mobile-bottom-nav__label">Account</span>
+      </button>
+    {% endif %}
+    <button type="button" class="mobile-bottom-nav__item mobile-bottom-nav__item--cart" data-nav-item="cart" data-cart-toggle aria-label="Shopping cart">
+      <svg class="mobile-bottom-nav__icon" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+        <circle cx="9" cy="21" r="1"></circle>
+        <circle cx="20" cy="21" r="1"></circle>
+        <path d="M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6"></path>
+      </svg>
+      <span class="mobile-bottom-nav__label">Cart</span>
+      <span class="mobile-bottom-nav__badge" data-cart-count>{{ cart.itemCount | default: 0 }}</span>
+    </button>
+  </nav>
+  <!-- Plugin hooks for body end -->
+  {% hook 'theme_body_end' %}
+</body>
+</html>

package/test-theme/locales/en.default.json ADDED Viewed

@@ -0,0 +1,260 @@
+{
+  "general": {
+    "meta": {
+      "title": "{{ shop.name }}",
+      "description": "{{ shop.description | default: 'Shop the latest products at ' | append: shop.name }}"
+    },
+    "navigation": {
+      "menu": "Menu",
+      "search": "Search",
+      "search_placeholder": "Search products...",
+      "search_results": "Search results",
+      "no_results": "No results found",
+      "view_all": "View all",
+      "back": "Back",
+      "next": "Next",
+      "previous": "Previous"
+    },
+    "buttons": {
+      "add_to_cart": "Add to cart",
+      "buy_now": "Buy now",
+      "continue_shopping": "Continue shopping",
+      "checkout": "Checkout",
+      "update_cart": "Update cart",
+      "remove": "Remove",
+      "save": "Save",
+      "cancel": "Cancel",
+      "close": "Close",
+      "submit": "Submit",
+      "learn_more": "Learn more",
+      "read_more": "Read more",
+      "show_more": "Show more",
+      "show_less": "Show less"
+    },
+    "accessibility": {
+      "skip_to_content": "Skip to content",
+      "close": "Close",
+      "open_menu": "Open menu",
+      "close_menu": "Close menu",
+      "open_cart": "Open cart",
+      "close_cart": "Close cart",
+      "loading": "Loading...",
+      "error": "Error"
+    }
+  },
+  "products": {
+    "product": {
+      "on_sale": "On sale",
+      "sold_out": "Sold out",
+      "unavailable": "Unavailable",
+      "vendor": "Vendor",
+      "sku": "SKU",
+      "price": "Price",
+      "compare_at_price": "Compare at price",
+      "from_price_html": "From {{ price }}",
+      "regular_price": "Regular price",
+      "sale_price": "Sale price",
+      "unit_price": "Unit price",
+      "quantity": "Quantity",
+      "add_to_cart": "Add to cart",
+      "sold_out": "Sold out",
+      "unavailable": "Unavailable",
+      "backorder": "Backorder",
+      "preorder": "Preorder",
+      "in_stock": "In stock",
+      "out_of_stock": "Out of stock",
+      "low_stock": "Only {{ quantity }} left",
+      "stock_count": "{{ quantity }} in stock",
+      "description": "Description",
+      "specifications": "Specifications",
+      "reviews": "Reviews",
+      "related_products": "Related products",
+      "you_may_also_like": "You may also like",
+      "recently_viewed": "Recently viewed",
+      "featured": "Featured",
+      "new": "New",
+      "best_seller": "Best seller",
+      "trending": "Trending"
+    },
+    "collection": {
+      "title": "Collections",
+      "all_products": "All products",
+      "no_products": "No products found",
+      "filter_by": "Filter by",
+      "sort_by": "Sort by",
+      "view": "View",
+      "grid": "Grid",
+      "list": "List",
+      "products_per_page": "Products per page",
+      "showing": "Showing {{ count }} of {{ total }} products",
+      "page": "Page {{ number }} of {{ total }}"
+    },
+    "search": {
+      "title": "Search",
+      "placeholder": "Search products...",
+      "no_results": "No results found for \"{{ terms }}\"",
+      "results_for": "Results for \"{{ terms }}\"",
+      "suggestions": "Try searching for:",
+      "popular_searches": "Popular searches",
+      "recent_searches": "Recent searches"
+    }
+  },
+  "cart": {
+    "title": "Shopping cart",
+    "empty": "Your cart is empty",
+    "item": "item",
+    "items": "items",
+    "subtotal": "Subtotal",
+    "shipping": "Shipping",
+    "tax": "Tax",
+    "total": "Total",
+    "checkout": "Checkout",
+    "continue_shopping": "Continue shopping",
+    "update_cart": "Update cart",
+    "remove": "Remove",
+    "quantity": "Quantity",
+    "price": "Price",
+    "total": "Total",
+    "note": "Order note",
+    "note_placeholder": "Add a note to your order",
+    "discount": "Discount",
+    "discount_code": "Discount code",
+    "apply": "Apply",
+    "remove_discount": "Remove discount",
+    "free_shipping": "Free shipping",
+    "shipping_calculator": "Shipping calculator",
+    "estimated_delivery": "Estimated delivery",
+    "secure_checkout": "Secure checkout",
+    "payment_methods": "We accept",
+    "cart_drawer": "Cart drawer",
+    "cart_page": "Cart page"
+  },
+  "customer": {
+    "account": {
+      "title": "Account",
+      "login": "Log in",
+      "logout": "Log out",
+      "register": "Register",
+      "forgot_password": "Forgot password?",
+      "reset_password": "Reset password",
+      "create_account": "Create account",
+      "my_account": "My account",
+      "account_details": "Account details",
+      "addresses": "Addresses",
+      "orders": "Orders",
+      "wishlist": "Wishlist",
+      "recently_viewed": "Recently viewed"
+    },
+    "forms": {
+      "email": "Email",
+      "password": "Password",
+      "confirm_password": "Confirm password",
+      "first_name": "First name",
+      "last_name": "Last name",
+      "phone": "Phone",
+      "address": "Address",
+      "city": "City",
+      "state": "State",
+      "zip": "ZIP code",
+      "country": "Country",
+      "company": "Company",
+      "newsletter": "Newsletter",
+      "subscribe": "Subscribe to our newsletter",
+      "unsubscribe": "Unsubscribe"
+    }
+  },
+  "footer": {
+    "newsletter": {
+      "title": "Newsletter",
+      "description": "Subscribe to get updates on new products and exclusive offers",
+      "email_placeholder": "Enter your email",
+      "subscribe": "Subscribe",
+      "success": "Thanks for subscribing!",
+      "error": "Something went wrong. Please try again."
+    },
+    "social": {
+      "title": "Follow us",
+      "facebook": "Facebook",
+      "instagram": "Instagram",
+      "twitter": "Twitter",
+      "youtube": "YouTube",
+      "pinterest": "Pinterest"
+    },
+    "links": {
+      "about": "About us",
+      "contact": "Contact us",
+      "shipping": "Shipping",
+      "returns": "Returns",
+      "size_guide": "Size guide",
+      "privacy": "Privacy policy",
+      "terms": "Terms of service",
+      "refund": "Refund policy"
+    }
+  },
+  "errors": {
+    "general": {
+      "title": "Something went wrong",
+      "message": "We're sorry, but something went wrong. Please try again.",
+      "retry": "Try again",
+      "contact_support": "Contact support"
+    },
+    "404": {
+      "title": "Page not found",
+      "message": "The page you're looking for doesn't exist.",
+      "go_home": "Go to homepage"
+    },
+    "cart": {
+      "empty": "Your cart is empty",
+      "unavailable": "Some items in your cart are no longer available",
+      "error": "There was an error updating your cart"
+    },
+    "checkout": {
+      "error": "There was an error processing your order",
+      "payment_failed": "Payment failed",
+      "shipping_error": "Shipping calculation failed"
+    }
+  },
+  "sections": {
+    "header": {
+      "title": "Header",
+      "search_placeholder": "Search products...",
+      "menu": "Menu",
+      "cart": "Cart"
+    },
+    "footer": {
+      "title": "Footer",
+      "newsletter_title": "Newsletter",
+      "newsletter_description": "Subscribe to get updates on new products and exclusive offers",
+      "social_title": "Follow us"
+    },
+    "hero": {
+      "title": "Hero Banner",
+      "subtitle": "Discover amazing products at great prices",
+      "button_text": "Shop Now"
+    },
+    "featured_products": {
+      "title": "Featured Products",
+      "view_all": "View all products"
+    },
+    "featured_collections": {
+      "title": "Featured Collections",
+      "view_all": "View all collections"
+    },
+    "newsletter": {
+      "title": "Newsletter",
+      "description": "Subscribe to get updates on new products and exclusive offers",
+      "email_placeholder": "Enter your email",
+      "subscribe": "Subscribe"
+    }
+  },
+  "date_formats": {
+    "month_day_year": "{{ month }} {{ day }}, {{ year }}",
+    "day_month_year": "{{ day }} {{ month }} {{ year }}",
+    "year_month_day": "{{ year }}-{{ month }}-{{ day }}"
+  },
+  "currency": {
+    "symbol": "$",
+    "code": "USD"
+  }
+}

package/test-theme/sections/content-fallback.liquid ADDED Viewed

@@ -0,0 +1,53 @@
+{% comment %}
+  Content Fallback Content
+  Used when widgets are not available or widget mode is disabled
+{% endcomment %}
+<section class="content-section">
+  <div class="content-container">
+    {% if section.settings.static_content != blank %}
+      <div class="content-text">
+        {{ section.settings.static_content }}
+      </div>
+    {% else %}
+      <div class="content-text">
+        <h2 class="content-title">{{ shop.name }}</h2>
+        <p class="content-subtitle">{{ shop.description | default: 'Your trusted online store for quality products.' }}</p>
+      </div>
+    {% endif %}
+  </div>
+</section>
+<style>
+  .content-section {
+    padding: 4rem 0;
+    background: {{ settings.color_background }};
+  }
+  .content-container {
+    max-width: {{ settings.container_width }}px;
+    margin: 0 auto;
+    padding: 0 1rem;
+  }
+  .content-text {
+    text-align: center;
+    max-width: 800px;
+    margin: 0 auto;
+  }
+  .content-title {
+    font-size: 2.5rem;
+    font-weight: 700;
+    margin: 0 0 1rem 0;
+    color: {{ settings.color_text }};
+  }
+  .content-subtitle {
+    font-size: 1.125rem;
+    line-height: 1.6;
+    color: {{ settings.color_text_light }};
+    margin: 0;
+  }
+</style>

package/test-theme/sections/content.liquid ADDED Viewed

@@ -0,0 +1,57 @@
+{% comment %}
+  Content Section
+  This section renders widgets from the "content" section in order.
+  Widgets are rendered one below another, sorted by Position field.
+  Supports drag-and-drop ordering in visual editor.
+{% endcomment %}
+{% assign content_widgets = widgets.content %}
+{% if content_widgets and content_widgets.size > 0 %}
+  <section class="theme-section theme-section--content" data-section="content" data-section-id="{{ section.id }}">
+    {% for widget in content_widgets %}
+      <div class="theme-widget-wrapper"
+           data-widget-id="{{ widget.id }}"
+           data-widget-type="{{ widget.type }}"
+           data-widget-position="{{ widget.Position | default: widget.position | default: forloop.index }}">
+        {{ widget | render_widget }}
+      </div>
+    {% endfor %}
+  </section>
+  <style>
+    .theme-section--content .theme-widget-wrapper {
+      display: block;
+      margin-bottom: 2rem;
+    }
+    .theme-section--content .theme-widget-wrapper:last-child {
+      margin-bottom: 0;
+    }
+    .widget-error {
+      padding: 1rem;
+      background: #fee2e2;
+      border: 1px solid #fecaca;
+      border-radius: 0.5rem;
+      color: #991b1b;
+      font-size: 0.875rem;
+    }
+  </style>
+{% else %}
+  {% render 'sections/content-fallback' %}
+{% endif %}
+{% schema %}
+{
+  "name": "Content",
+  "settings": [
+    {
+      "type": "paragraph",
+      "content": "This section displays widgets from the 'content' section. Widgets are automatically ordered by their Position field and can be reordered in the visual editor."
+    }
+  ],
+  "presets": [
+    {
+      "name": "Content"
+    }
+  ]
+}
+{% endschema %}