Ruffleshop-Storm-HTML Modul – Zusatzsoftware für alle Editionen
1) bis 6)
Musterbeispiel hier klicken: zum Storm-HTML-Modul (https://www.a4w.ch/055_CHF_Germany_Gold/Ruffleshop.php)
1) Das offizielle Storm-Modul
Die Storm-HTML Erweiterung ergänzt jede Ruffleshop-Edition um das vollständige Storm-Design, die optimierte HTML-Navigation und die UltraLow-Kompatibilität.
Alle Storm-Elemente sind bereits in den Editionen vorhanden — dieses Modul stellt die saubere, fertige, sofort nutzbare Storm-Integration bereit.
Modular. Klar. Effizient.
Webdesigner können die Storm-HTML-Edition leicht selbst bedienen — doch das Modul spart Zeit, vermeidet Fehler und liefert eine professionell getestete Storm-Implementierung.
2) Storm-Look ohne Aufwand
Grosse Fotos, schnelle Navigation, klare Struktur:
Das Storm-Modul aktiviert die HTML-Storm-Oberfläche direkt und sorgt für ein einheitliches, elektrisierendes Erscheinungsbild in allen Editionen.
Storm HTML Add-on
Storm Modularity HTML Interface Activation
Optimized for Classic & Web Designer Edition
Enables the Storm HTML view directly from the CMS firmware.
Ideal for the smallest and oldest devices.
Digital ZIP Module — Ready to Use
99.– CHF / EUR / USD
Other Countries: 99.– CHF
3) Preis & Verfügbarkeit
Offizielle Zusatzsoftware für alle Ruffleshop-Editionen.
Preis: CHF / EUR / USD 99.– (other countries 99.– CHF)
4) Vollständiger Autostart-Code wie folgt abändern (Punkt 3 direkt in der Startdatei der Classic oder in der Startdatei der Webdesigner Edition abändern)
// ===============================
// RUFFLESHOP AUTO GPU START
// ===============================
(async function RuffleshopAutoStart() {
// 1) Mini-Benchmark
const avgFrame = await ruffleshopMiniBenchmark();
// 2) GPU-Klasse bestimmen
const mode = classifyGPU(avgFrame);
// 3) Ruffleshop Storm-HTML-Version starten (sofort, ohne Kernel)
if (mode === "ultra-low-end") {
self.location.href = "Ruffleshop.php";
return;
// WICHTIG: Kernel darf NICHT mehr starten
}
// 4) Modus anwenden
applyRuffleshopMode(mode);
// 5) Log für Entwickler
console.log("Ruffleshop GPU-Modus:", mode, "FrameTime:", avgFrame.toFixed(2), "ms");
// 6) Kernel starten
RuffleshopKernel.init();
})();
const RuffleshopKernel = {
init() {
const cfg = window.RUFFLESHOP_SETTINGS;
// Auflösung setzen
RuffleshopDisplay.setResolution(cfg.resolution);
// Shader konfigurieren
RuffleshopShaders.setPasses(cfg.shaderPasses);
// Schatten
RuffleshopEffects.setShadows(cfg.shadows);
// Blur
RuffleshopEffects.setBlur(cfg.blur);
// Partikel
RuffleshopParticles.setLevel(cfg.particles);
// Batching
if (cfg.batching) {
RuffleshopGPU.enableBatching();
}
// Animationen
RuffleshopAnimations.setMode(cfg.animations);
// UI laden
RuffleshopUI.init();
// App starten
RuffleshopApp.start();
}
};
async function ruffleshopMiniBenchmark() {
const frames = [];
const start = performance.now();
while (performance.now() - start < 100) {
const frameStart = performance.now();
const canvas = document.createElement('canvas');
const ctx = canvas.getContext('2d');
ctx.fillStyle = '#000';
ctx.fillRect(0, 0, 50, 50);
frames.push(performance.now() - frameStart);
}
return frames.reduce((a, b) => a + b, 0) / frames.length;
}
function classifyGPU(avgFrame) {
if (avgFrame < 0.12) return "high-end";
if (avgFrame < 0.20) return "mid-range";
if (avgFrame < 0.30) return "low-end";
return "ultra-low-end";
}
function applyRuffleshopMode(mode) {
switch (mode) {
case "high-end":
window.RUFFLESHOP_SETTINGS = {
resolution: 1.0,
shadows: "dynamic",
blur: true,
particles: "high",
shaderPasses: 2
};
break;
case "mid-range":
window.RUFFLESHOP_SETTINGS = {
resolution: 0.85,
shadows: "static",
blur: "reduced",
particles: "medium",
shaderPasses: 1
};
break;
case "low-end":
window.RUFFLESHOP_SETTINGS = {
resolution: 0.70,
shadows: "off",
blur: false,
particles: "low",
shaderPasses: 1,
batching: true
};
break;
case "ultra-low-end":
window.RUFFLESHOP_SETTINGS = {
resolution: 0.60,
shadows: "off",
blur: false,
particles: "none",
shaderPasses: 1,
animations: "minimal"
};
break;
}
}
//=========================================================
Die UltraLow-Version enthält denselben Code — aber ohne Punkt 3. Und mit Quality = "low".
5) Fazit
Das Ruffleshop Storm-HTML-Modul passt in das Storm-Konzept wie angegossen, da man auf älteren Geräten just ein tolles HTML-Modul erhält, das grosse Fotos zeigt und schnell navigierbar ist. Man kann sich von Artikel 1 bis Artikel 6000 auch per Menü-Buttons in Zahlenreihenfolge 1 bis 24 durchklicken und kann so ziemlich schnell alle Shopartikel in Übersicht haben. Einzig der Warenkorb füllen braucht etwas gestalterische Hand und das E-Mail läuft nicht über PHP, sondern über SSL-Email per Betriebssystem.
6) Bezahlen des Moduls hier
Storm-Factory Navigations-Links
• Technology GPU-Detection
• Auto-GPU UltraLow-Version