Модернизация шаблона на WordPress, настройка и написание фильтрa

Es müssen 129 Produkte hinzugefügt werden. Es gibt eine Exportdatei mit den Produkten, jedoch ist der Standardimport nicht geeignet, da vor dem Hochladen eine Katalogstruktur erstellt werden muss: Kategorien, Abschnitte und gegebenenfalls Unterkategorien. Danach müssen die Produkte importiert und überprüft werden, dass alle Karten korrekt den Kategorien zugeordnet sind. Wenn Sie Erfahrung mit ähnlichen Aufgaben haben, senden Sie bitte Beispiele Ihrer Arbeiten, die Fristen und die Kosten.

Guten Tag Ich plane, die Website von dem Hosting in der Ukraine zu hosting.works zu übertragen. Außerdem muss eine Regel eingerichtet werden, dass, wenn der Verkehr von einer bestimmten IP mehr als beispielsweise 100 Anfragen pro Tag beträgt, diese blockiert werden muss.

WAS ZU TUN IST Die Arbeiten sind in Blöcke unterteilt, man kann alles oder einzelne Blöcke übernehmen: Block 1 — Geschwindigkeitsoptimierung (Mobile-First) Aktuelle Bewertung der mobilen Version von PageSpeed — 51/100. Muss auf 80+ gebracht werden. Zielmetriken: LCP < 2,5 s (jetzt 7,4 s), FCP < 1,8 s (jetzt 3,9 s), TBT < 200 ms. Arbeiten: kritisches CSS inline, verzögertes JS, WebP/AVIF, lazy load, Plugin-Audit. Block 2 — GTM und Analytics Hardcodierte Skripte GA4/Google Ads aus header.php entfernen. Plugin GTM4WP installieren und konfigurieren. Google Consent Mode v2 implementieren (Skript oder Cookie-Banner). Block 3 — Produktkarten-Template Einheitliches Mobile-First Template für Single Product in Elementor. Sticky-Button „Kaufen“ beim Scrollen auf Mobilgeräten. Cross-Sell Block unter dem Kauf-Button. Überprüfung der automatischen Übertragung von Ereignissen view_item, add_to_cart über GTM4WP. Block 4 — Produktfeed für Google Merchant Center Product Feed Pro (AdTribes) oder CTX Feed installieren. XML-Feed mit korrektem Mapping der Felder (id, title, gtin, brand, price, availability) konfigurieren. Tägliche Aktualisierung über WP-Cron, automatische Deaktivierung von Produkten „nicht verfügbar“. Block 5 — 6 Landing Pages in Elementor 3 E-Commerce-Seiten: Katalog von Komponenten, fertige Lösungen für USV, Sets für SES. 3 Lead-Generierungsseiten: schlüsselfertige Montage von USV, SES für Zuhause, Lösungen für Unternehmen. Es gibt detaillierte Prototypen mit Struktur und Blöcken jeder Seite. Block 6 — Formulare und dataLayer-Ereignisse 6 einzigartige dataLayer-Ereignisse bei erfolgreicher Formularübermittlung (CF7 und Elementor Pro Forms). Verpflichtende Anforderungen an alle Formulare: Eingabemaske für Telefonnummer, Schutz vor mehrfacher Übermittlung, reCAPTCHA v3 oder Honeypot. --- ANFORDERUNGEN — Praktische Erfahrung mit Elementor Pro (Templates für Single Product, benutzerdefinierte Page Templates) — Verständnis von WooCommerce dataLayer und der Funktionsweise von GTM4WP — Erfahrung in der Geschwindigkeitsoptimierung von WordPress (Critical CSS, WebP, WP Rocket oder ähnlich) — Erfahrung in der Konfiguration von dataLayer-Ereignissen für CF7 oder Elementor Pro Forms — Portfolio oder Beispiele ähnlicher Arbeiten — unbedingt erforderlich Kenntnisse über Google Consent Mode v2 sind von Vorteil. --- ARBEITSBEDINGUNGEN Website auf Live-Hosting — alle Änderungen nur über Staging oder Test-Duplizierung. Jede Optimierung darf die Initialisierung von GTM und den dynamischen dataLayer nicht stören. Detaillierte Anforderungen werden nach dem ersten Kontakt bereitgestellt. Abrechnung erfolgt schrittweise nach Blöcken oder für das gesamte Projekt (wir werden uns einigen) Bitte in der Rückmeldung angeben: 1. Ihre Erfahrung mit ähnlichen Aufgaben (Links oder kurze Beschreibung des Falls) 2. Ob Sie bereit sind, das gesamte Projekt oder einzelne Blöcke zu übernehmen 3. Geschätzte Kosten und Fristen nach Durchsicht der Anforderungen

Auftragsbeschreibung: Wir suchen einen erfahrenen Frontend-Entwickler/OpenCart-Spezialisten zur Optimierung der Ladegeschwindigkeit der Website (Kategorien und Produktkarten) gemäß den Anforderungen von Google Core Web Vitals. Über das Projekt: * CMS: OpenCart. * Spezifikation: Die Website funktioniert im Katalogmodus (kein Warenkorb und keine Bestellabwicklung). * Umfang: 2900 Positionen. * Server-Seite: Bereits optimiert (läuft auf OpenLiteSpeed). * Stack: Die Arbeit erfolgt ausschließlich mit dem Template-Code, Modifikatoren und Frontend. Keine Arbeit mit der Datenbank. Was zu tun ist (Technische Aufgabe): 1. Verzögertes Laden von Skripten (Delay JS): * Problem: Drittanbieter-Analytik-Skripte (GTM, Google Tag) blockieren den Hauptfluss auf mobilen Geräten etwa 4,3 Sekunden lang. * Aufgabe: Verzögerten Start dieser Skripte einrichten. Die Skripte sollten strikt beim ersten Benutzerinteraktion (erster Scroll, Tap auf den Bildschirm oder Mausbewegung) aktiviert werden. * Wichtig: Die Sammlung von Statistiken, Analysen und die Funktionalität der Werbung müssen vollständig erhalten bleiben. 2. Korrektur der CLS-Metrik (Layout-Stabilität): * Problem: Die Seite „springt“ und verschiebt sich während des Ladens von Bildern. * Aufgabe: In den Stylesheets oder im Template hart die HTML-Attribute width und height für alle Produktbilder im Katalog (Listings) und in den Produktkarten festlegen. * Ziel: Platz für Bilder im DOM-Baum reservieren, bis sie tatsächlich geladen werden, um eine Verschiebung des Inhalts zu verhindern. Überprüfen, dass die Responsivität (CSS) nicht beeinträchtigt wird. 3. Optimierung des kritischen Pfades (LCP): * Aufgabe: Für das Hauptbild des Produkts im ersten Bildschirm das Tag fetchpriority="high" festlegen. Dies gibt dem Browser den Befehl, das Hauptfoto des Produkts prioritär zu laden. Anforderungen an den Auftragnehmer und Abnahmebedingungen: 1. Ohne zusätzliche Module: Die Arbeit erfolgt mit sauberem Code/Modifikatoren, ohne Installation zusätzlicher externer oder kostenpflichtiger Optimierungs-Plugins. 2. Sicherheit und Layout: Sie tragen die volle Verantwortung für das Layout. Nach den Änderungen muss die visuelle Darstellung der Website auf mobilen Geräten und PCs sowie die Funktionalität (Filter, Bildwechsel in der Galerie, Menü) unverändert bleiben. 3. Abnahmekriterium (DoD): Bereitstellung eines Screenshots und eines Links zum Live-Testbericht von Google PageSpeed Insights (für die mobile Version). Der Leistungswert muss mindestens 75 Punkte betragen, und die CLS-Metrik darf nicht mehr als 0,1 (im grünen Bereich) betragen. Änderungen müssen strikt über Modifikatoren (OCMOD) oder eine Kopie des Themas vorgenommen werden, um die Kernaktualisierungen nicht zu überschreiben. Bitte geben Sie in Ihrer Antwort an: 1. Hatten Sie Erfahrung mit der Einrichtung von Delay JS speziell für GTM auf OpenCart? 2. Frist für die Aufgabenerledigung. 3. Kosten der Arbeit.

Fehler in den Dropdown-Menüs auf der Website in OkayCMS beheben. Fehler bei der Anzeige der Unterkategorie im Menü beim Darüberfahren.