feat: initial commit - 汽车贴膜门店 WordPress 主题 (B2B Trade v2.0.0)

- WordPress classic theme for car tinting/foil shop - 13 homepage template parts - Customizer panel with 13 sections - RFQ inquiry form handler - Bootstrap 5.3 + AOS + Colorbox frontend - 13 SVG placeholder images - Chinese content defaults
2026-07-24 13:52:59 +08:00
commit 2a64ce8daa
82 changed files with 3344 additions and 0 deletions
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="800" height="600" viewBox="0 0 800 600">
+  <rect width="800" height="600" fill="#E8E8E8"/>
+  <rect x="2" y="2" width="796" height="596" fill="none" stroke="#CCCCCC" stroke-width="1" stroke-dasharray="8 4"/>
+  <text x="400" y="300" text-anchor="middle" dominant-baseline="central"
+        font-family="system-ui, -apple-system, sans-serif" font-size="33"
+        fill="#999999" font-weight="500">工厂实景 1</text>
+</svg>
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="800" height="600" viewBox="0 0 800 600">
+  <rect width="800" height="600" fill="#E8E8E8"/>
+  <rect x="2" y="2" width="796" height="596" fill="none" stroke="#CCCCCC" stroke-width="1" stroke-dasharray="8 4"/>
+  <text x="400" y="300" text-anchor="middle" dominant-baseline="central"
+        font-family="system-ui, -apple-system, sans-serif" font-size="33"
+        fill="#999999" font-weight="500">工厂实景 2</text>
+</svg>
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="800" height="600" viewBox="0 0 800 600">
+  <rect width="800" height="600" fill="#E8E8E8"/>
+  <rect x="2" y="2" width="796" height="596" fill="none" stroke="#CCCCCC" stroke-width="1" stroke-dasharray="8 4"/>
+  <text x="400" y="300" text-anchor="middle" dominant-baseline="central"
+        font-family="system-ui, -apple-system, sans-serif" font-size="33"
+        fill="#999999" font-weight="500">工厂实景 3</text>
+</svg>
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="800" height="600" viewBox="0 0 800 600">
+  <rect width="800" height="600" fill="#E8E8E8"/>
+  <rect x="2" y="2" width="796" height="596" fill="none" stroke="#CCCCCC" stroke-width="1" stroke-dasharray="8 4"/>
+  <text x="400" y="300" text-anchor="middle" dominant-baseline="central"
+        font-family="system-ui, -apple-system, sans-serif" font-size="33"
+        fill="#999999" font-weight="500">工厂实景 4</text>
+</svg>
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="260" height="96" viewBox="0 0 260 96">
+  <rect width="260" height="96" fill="#E8E8E8"/>
+  <rect x="2" y="2" width="256" height="92" fill="none" stroke="#CCCCCC" stroke-width="1" stroke-dasharray="8 4"/>
+  <text x="130" y="48" text-anchor="middle" dominant-baseline="central"
+        font-family="system-ui, -apple-system, sans-serif" font-size="16"
+        fill="#999999" font-weight="500">LOGO</text>
+</svg>
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1600" height="899" viewBox="0 0 1600 899">
+  <rect width="1600" height="899" fill="#E8E8E8"/>
+  <rect x="2" y="2" width="1596" height="895" fill="none" stroke="#CCCCCC" stroke-width="1" stroke-dasharray="8 4"/>
+  <text x="800" y="449" text-anchor="middle" dominant-baseline="central"
+        font-family="system-ui, -apple-system, sans-serif" font-size="49"
+        fill="#999999" font-weight="500">视频封面</text>
+</svg>
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="960" height="960" viewBox="0 0 960 960">
+  <rect width="960" height="960" fill="#E8E8E8"/>
+  <rect x="2" y="2" width="956" height="956" fill="none" stroke="#CCCCCC" stroke-width="1" stroke-dasharray="8 4"/>
+  <text x="480" y="480" text-anchor="middle" dominant-baseline="central"
+        font-family="system-ui, -apple-system, sans-serif" font-size="53"
+        fill="#999999" font-weight="500">产品图 1</text>
+</svg>
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="960" height="960" viewBox="0 0 960 960">
+  <rect width="960" height="960" fill="#E8E8E8"/>
+  <rect x="2" y="2" width="956" height="956" fill="none" stroke="#CCCCCC" stroke-width="1" stroke-dasharray="8 4"/>
+  <text x="480" y="480" text-anchor="middle" dominant-baseline="central"
+        font-family="system-ui, -apple-system, sans-serif" font-size="53"
+        fill="#999999" font-weight="500">产品图 2</text>
+</svg>
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="960" height="960" viewBox="0 0 960 960">
+  <rect width="960" height="960" fill="#E8E8E8"/>
+  <rect x="2" y="2" width="956" height="956" fill="none" stroke="#CCCCCC" stroke-width="1" stroke-dasharray="8 4"/>
+  <text x="480" y="480" text-anchor="middle" dominant-baseline="central"
+        font-family="system-ui, -apple-system, sans-serif" font-size="53"
+        fill="#999999" font-weight="500">产品图 3</text>
+</svg>
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="960" height="960" viewBox="0 0 960 960">
+  <rect width="960" height="960" fill="#E8E8E8"/>
+  <rect x="2" y="2" width="956" height="956" fill="none" stroke="#CCCCCC" stroke-width="1" stroke-dasharray="8 4"/>
+  <text x="480" y="480" text-anchor="middle" dominant-baseline="central"
+        font-family="system-ui, -apple-system, sans-serif" font-size="53"
+        fill="#999999" font-weight="500">产品图 4</text>
+</svg>
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="960" height="960" viewBox="0 0 960 960">
+  <rect width="960" height="960" fill="#E8E8E8"/>
+  <rect x="2" y="2" width="956" height="956" fill="none" stroke="#CCCCCC" stroke-width="1" stroke-dasharray="8 4"/>
+  <text x="480" y="480" text-anchor="middle" dominant-baseline="central"
+        font-family="system-ui, -apple-system, sans-serif" font-size="53"
+        fill="#999999" font-weight="500">产品图 5</text>
+</svg>
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="960" height="960" viewBox="0 0 960 960">
+  <rect width="960" height="960" fill="#E8E8E8"/>
+  <rect x="2" y="2" width="956" height="956" fill="none" stroke="#CCCCCC" stroke-width="1" stroke-dasharray="8 4"/>
+  <text x="480" y="480" text-anchor="middle" dominant-baseline="central"
+        font-family="system-ui, -apple-system, sans-serif" font-size="53"
+        fill="#999999" font-weight="500">产品图 6</text>
+</svg>
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="960" height="960" viewBox="0 0 960 960">
+  <rect width="960" height="960" fill="#E8E8E8"/>
+  <rect x="2" y="2" width="956" height="956" fill="none" stroke="#CCCCCC" stroke-width="1" stroke-dasharray="8 4"/>
+  <text x="480" y="480" text-anchor="middle" dominant-baseline="central"
+        font-family="system-ui, -apple-system, sans-serif" font-size="53"
+        fill="#999999" font-weight="500">产品图 7</text>
+</svg>
@@ -0,0 +1,57 @@
+(function ($) {
+  'use strict';
+
+  document.documentElement.classList.remove('no-js');
+  document.documentElement.classList.add('js');
+
+  var reducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;
+
+  function initStickyHeader() {
+    var header = document.querySelector('#header');
+    if (!header) return;
+    function updateHeader() {
+      header.classList.toggle('sticky', window.scrollY > 1);
+    }
+    updateHeader();
+    window.addEventListener('scroll', updateHeader, { passive: true });
+  }
+
+  function initAnimations() {
+    if (!window.AOS || typeof window.AOS.init !== 'function') return;
+    window.AOS.init({ duration: reducedMotion ? 0 : 700, once: true, disable: reducedMotion });
+  }
+
+  function initVideoLightbox() {
+    if (!$.fn || typeof $.fn.colorbox !== 'function') return;
+    $('.youtube').colorbox({ iframe: true, innerWidth: 960, innerHeight: 585, maxWidth: '95%', maxHeight: '90%' });
+  }
+
+  function initNavigation() {
+    var panel = document.querySelector('#fragrance-navigation');
+    if (!panel || !window.bootstrap || !window.bootstrap.Offcanvas) return;
+    panel.querySelectorAll('a[href*="#"]').forEach(function (link) {
+      link.addEventListener('click', function () {
+        var instance = window.bootstrap.Offcanvas.getInstance(panel);
+        if (instance) instance.hide();
+      });
+    });
+  }
+
+  function initRfqPrefill() {
+    var field = document.querySelector('[data-rfq-product-field]');
+    if (!field) return;
+    document.querySelectorAll('[data-rfq-product]').forEach(function (trigger) {
+      trigger.addEventListener('click', function () {
+        field.value = trigger.dataset.rfqProduct || '';
+      });
+    });
+  }
+
+  $(function () {
+    initStickyHeader();
+    initAnimations();
+    initVideoLightbox();
+    initNavigation();
+    initRfqPrefill();
+  });
+})(jQuery);