Anti-Cyrillic

Kennen Sie das auch? Sie haben einen Online-Shop mit dem Magento CMS aufgebaut, um Ihre Produkte online zu verkaufen. Um die Kundenbindung zu verbessern, können Ihre Kunden Ihnen über Formulare Nachrichten zukommen lassen. Doch Ihr Posteingang ist voller Spam-Nachrichten auf Kyrillisch, Arabisch oder Chinesisch, und Sie wissen nicht, wie Sie sich dagegen effektiv wehren können?

Data-Driven Webdesign: Wie man durch A/B-Testing und Benutzerfeedback bessere Websites erstellt

In der modernen Webentwicklung spielt die Optimierung der Benutzererfahrung (UX) eine zentrale Rolle. Data-driven Webdesign bietet eine systematische und wissenschaftliche Methode, um Websites zu verbessern. Durch A/B-Testing und Benutzerfeedback können Sie fundierte Entscheidungen treffen, die auf echten Daten basieren, anstatt auf Vermutungen oder subjektiven Meinungen. In diesem Blogbeitrag zeigen wir Ihnen, wie Sie diese Techniken anwenden, um Ihre Website zu optimieren und die Benutzerzufriedenheit zu steigern.

Auf der Website eines unserer Kunden haben wir im Check-out Prozess eine Spendenfunktion integriert, die es den Nutzern ermöglicht, verschiedene lokale oder globale Umweltprojekte finanziell zu unterstützen.

Tipps zur Optimierung von HTML und CSS für schnellere Ladezeiten

In der heutigen digitalen Ära, in der die Aufmerksamkeitsspanne der Benutzer immer kürzer wird, ist die Ladezeit einer Website entscheidend für den Erfolg. Eine schnelle Website verbessert nicht nur die Benutzererfahrung, sondern trägt auch zur Suchmaschinenoptimierung (SEO) bei. In diesem Blogbeitrag geben wir Ihnen wertvolle Tipps zur Optimierung von HTML und CSS, um die Ladezeiten Ihrer Website zu verkürzen.

Die Vorteile von responsiver Typografie im Webdesign

In der sich ständig weiterentwickelnden Landschaft des Webdesigns, in der die Benutzererfahrung an erster Stelle steht, erweist sich responsive Typografie als ein entscheidendes Werkzeug für die Gestaltung ansprechender und zugänglicher Websites. Die Zeiten statischer Texte, die sich nicht an unterschiedliche Bildschirmgrößen und Geräte anpassen, sind vorbei. Responsive Typografie bietet eine dynamische Lösung, um sicherzustellen, dass Inhalte auf verschiedenen Plattformen lesbar und visuell ansprechend bleiben. Tauchen wir ein in die zahlreichen Vorteile der Integration responsiver Typografie in Ihr Webdesign-Arsenal.

Influencer-Marketing hat sich zu einem zentralen Bestandteil vieler Marketingstrategien entwickelt und beeinflusst maßgeblich die Art und Weise, wie Marken mit ihren Zielgruppen interagieren. In diesem Blogbeitrag werden wir aktuelle Trends im Bereich des Influencer-Marketings auf Plattformen wie Instagram, YouTube und TikTok untersuchen und Prognosen darüber abgeben, wie sich das Feld in Zukunft entwickeln könnte, basierend auf fundierten statistischen Daten.

Das Logo eines Unternehmens ist das wichtigste Wiedererkennungsmerkmal. Daher muss es 3 wichtige Dinge inspirieren: Professionalität, Vertrauen und Innovation. Wenn Sie am Anfang Designer sind und etwas Neues und Interessantes lernen möchten, zeige ich Ihnen heute in 5 einfachen Schritten, wie Sie Buchstaben hintereinander verschieben können aus einem Logo und wie Sie mit den Buchstaben in einem Text in Illustrator spielen können.Darüber hinaus können Sie in Ihrem Design und für Ihre Kunden moderne Typographie-Effekte erzielen. Fangen wir an!

In der Welt der Suchmaschinenoptimierung (SEO) gibt es eine Wahrheit, die sich bewährt hat: Backlinks sind nach wie vor ein wichtiger Rankingfaktor. Hochwertige Backlinks von vertrauenswürdigen Websites können das Ranking Ihrer Website in den Suchergebnissen erheblich verbessern und die Autorität Ihrer Seite stärken. In diesem Blogbeitrag werden wir tiefer in die Materie des Backlink-Buildings eintauchen und wirksame Strategien teilen, die Ihnen helfen, hochwertige Backlinks aufzubauen.

Das Jahr 2024 steht vor der Tür, und mit ihm zeichnen sich in der Welt des Webdesigns spannende neue Trends ab, die sowohl für Designer als auch für Nutzer gleichermaßen richtungsweisend sein werden. Angesichts der rasanten technologischen Entwicklungen und der ständig wechselnden Benutzererwartungen ist es entscheidend, auf dem Laufenden zu bleiben und zu verstehen, welche Designelemente in den kommenden Monaten dominieren werden. Von der Renaissance des Skeuomorphismus, der eine Brücke zwischen dem Analogen und dem Digitalen schlägt, über die bahnbrechenden Möglichkeiten KI-generierter Bilder bis hin zu minimalistischen Text-Only-Layouts – die Trends 2024 versprechen, die Art und Weise, wie wir über Webdesign denken und es erleben, zu revolutionieren.

Die Auswirkungen von Core Web Vitals auf das SEO

In der sich ständig weiterentwickelnden Welt der Suchmaschinenoptimierung (SEO) gewinnt ein neues Set von Faktoren zunehmend an Bedeutung – die sogenannten Core Web Vitals. Diese Metriken, die die Benutzererfahrung auf Websites messen, haben direkte Auswirkungen auf das SEO-Ranking. In diesem Blogbeitrag werden wir die Core Web Vitals genauer betrachten und wie Sie Ihre Website-Performance optimieren können, um in den Suchergebnissen zu glänzen

Semantisches HTML

Semantisches HTML spielt eine entscheidende Rolle in der Entwicklung moderner Webseiten. Es geht darum, den Inhalt einer Webseite auf eine sinnvolle und strukturierte Weise zu präsentieren. Doch was genau bedeutet semantisches HTML?

In der heutigen digitalen Welt ist eine Website, die sich auf die Bedürfnisse der Nutzer konzentriert, ein entscheidender Faktor für den Erfolg im Online-Bereich.Eine intuitiv gestaltete und leicht bedienbare Website schafft nicht nur positive Erfahrungen für die Besucher, sondern beeinflusst auch maßgeblich deren Engagement. Dieser Blog-Beitrag widmet sich den Schlüsselelementen, die eine Website wirklich benutzerfreundlich machen. Im Folgenden zeigen wir, wie Sie sicherstellen können, dass Ihre Website eine reibungslose und zufriedenstellende Online-Reise für Ihre Besucher bietet.

Jedes Gerät, das mit dem Internet verbunden ist, wie eine Website oder einen Router, hat eine spezifische Adresse, die als IP-Adresse bekannt ist und der Telefonnummer eine Person ähnelt. So wie wir nicht alle Telefonnummern unserer Freunde merken und stattdessen ihre Namen verwenden, um sie in unserem Telefonbuch zu finden, verwenden wir Domainnamen, um Websites zu besuchen, ohne uns komplizierte IP-Adressen merken zu müssen. Hier kommt das Domain Name System (DNS) ins Spiel, das im Wesentlichen das Telefonbuch des Internets ist.

So können Sie ganz einfach ein responsives Webdesign mittels Flex-Layout erreichen

Das Flex-Layout ist ein mächtiges Werkzeug zur Erstellung von responsiven Designs. Mithilfe des Flex-Layouts können wir unsere Website so gestalten, dass sie sich an verschiedene Bildschirmgrößen und Geräte anpasst.

Haben Sie sich jemals gefragt, wie das Internet aussehen würde, wenn es interaktiver wäre? Google hat kürzlich eine Innovation namens "Gemini" vorgestellt, ein KI-Modell, das möglicherweise sogar das bekannte AI-Tool "ChatGPT" übertreffen könnte. Lass uns gemeinsam diese revolutionäre Welt erkunden!

HTML5 und aktuelle Entwicklungen

HTML5 ist die neueste Version der Hypertext Markup Language, die für das Erstellen von Webseiten verwendet wird. Mit HTML5 wurden viele neue Funktionen eingeführt, die das Webdesign und die Benutzererfahrung verbessert haben.

HTML-Formulare

HTML (Hypertext Markup Language) ist eine grundlegende Programmiersprache für die Erstellung von Webseiten und wird von Entwicklern auf der ganzen Welt verwendet. Eine der häufigsten Verwendungsmöglichkeiten von HTML besteht darin, interaktive Formulare zu erstellen. Formulare ermöglichen es den Benutzern, Daten einzugeben und an den Server zu senden, um weiterverarbeitet zu werden. In diesem Artikel werden wir uns eingehender mit dem Erstellen von HTML-Formularen befassen.

HTML-Links und Navigation

Links sind ein grundlegendes Element in der HTML-Programmierung und spielen eine entscheidende Rolle beim Navigieren zwischen verschiedenen Webseiten und Ressourcen. In diesem Blog-Beitrag werden wir uns genauer mit HTML-Links und ihrer Verwendung zur Navigation befassen.

HTML-Tags und Elemente

Die Grundlagen von HTML: Was Sie wissen müssen
HTML, oder Hypertext Markup Language, ist eine grundlegende Technologie für die Erstellung von Websites. Es ist die Strukturierungssprache des World Wide Web und ermöglicht es Entwicklern, Texte, Bilder, Links und andere Elemente auf einer Webseite zu platzieren und zu formatieren.

Shopware Tipps

Wenn Sie Shopware als E-Commerce-Plattform für Ihr Unternehmen nutzen, wissen Sie mit Sicherheit, dass es viel Zeit, Mühe und Aufwand erfordert, es optimal zu betreiben und zu skalieren. Damit Ihr Shopware-Shop schnell wächst und Sie erfolgreich im E-Commerce-Geschäft sind, brauchen Sie Expertenwissen. In diesem Blogbeitrag bieten wir Ihnen eine Anleitung, wie Sie Ihren Shopware-Shop schnell und effizient skalieren können. Wir werden hilfreiche Tipps und Techniken erklären, damit Sie Ihren E-Commerce-Geschäftserfolg maximieren können. Legen wir los und entdecken, welche Schritte Sie zur perfekten Skalierung Ihres Shopware-Shops Unternehmen müssen.

So funktioniert der CSS Reset

Bei der Suche nach den besten CSS-Praktiken im Jahr 2023, taucht in den Ergebnissen oft die CSS-Reset-Funktion auf. Dabei handelt es sich im Grunde um die Aufnahme eines Stylesheets in denIhrer Website, das die Standardstile der verschiedenen Browser zurücksetzt. Auf diese Weise wird eine einheitliche Darstellung der Website in allen Browsern gewährleistet. Es gibt zwei Arten von CSS-Resets:

5 Schritte zur Entwicklung einer effektiven Social Impact Strategie

In einer Welt mit immer komplexeren sozialen und ökologischen Herausforderungen ist es für Unternehmen wichtiger denn je, ihre Auswirkungen auf die Gesellschaft zu berücksichtigen. Eine effektive Social Impact Strategie kann nicht nur dazu beitragen, das positive Image eines Unternehmens zu stärken, sondern auch einen tatsächlichen positiven Wandel in der Gesellschaft zu bewirken. Doch wo fängt man an und wie entwickelt man eine solche Strategie? In diesem Artikel zeigen wir Ihnen in fünf einfachen Schritten, wie Sie eine effektive Social Impact Strategie für Ihr Unternehmen entwickeln können. Egal, ob Sie gerade erst anfangen oder bereits ein etabliertes Unternehmen haben, diese Schritte helfen Ihnen dabei, Ihren Beitrag zur Gesellschaft zu maximieren und gleichzeitig langfristigen Erfolg zu erzielen.

CSS Libraries

Einbinden von CSS Libraries für vorgefertigte Effekt-Bibliotheken

 

Wenn Sie Ihre Website mit beeindruckenden Effekten aufpeppen möchten, müssen Sie nicht alles selbst von Grund auf neu erstellen. Es gibt zahlreiche CSS-Bibliotheken, die vorgefertigte Effekte bieten und Ihnen viel Zeit und Arbeit sparen können. Beim Einbinden dieser Bibliotheken sollten Sie jedoch einige Dinge beachten.

CSS-Tipps und Tricks

Warum sind CSS-Tricks für Anfänger wichtig?

 

CSS kann für Anfänger oft eine große Herausforderung sein. Das direkte Bearbeiten des Codes und das Styling von Webseiten kann schnell überwältigend wirken. Aber machen Sie sich keine Sorgen, denn wir habe gute Nachrichten für Sie! CSS-Tricks sind der Schlüssel zum Erfolg für Anfänger. In diesem Artikel werden wir diskutieren, warum CSS-Tricks für Anfänger so wichtig sind und wie diese Ihnen helfen können, Ihre Webdesign-Fähigkeiten auf das nächste Level zu bringen. Sind Sie nun bereit Ihre CSS-Kenntnisse zu verbessern und ein besseres Verständnis dafür zu entwickeln, wie CSS funktioniert? Dann lesen Sie weiter!

So erstellen und stylen Sie einen Button in html/css

Das <button>-Tag definiert eine anklickbare Schaltfläche. Innerhalb eines <button>-Elements kann Text (und Tags wie <i>, <b>, <strong>, <br>, <img> usw.) eingefügt werden. Das ist bei einem Button, der mit dem <input>-Element erstellt wurde, nicht möglich!

Tipp: Gib immer das type-Attribut für ein <button>-Element an, um Browsern mitzuteilen, um welche Art von Schaltfläche es sich handelt.

 

honeypot

Einen DSGVO-konformen Spamschutz kann man in Form eines Honeypots umsetzen. "Ohne Javascript" (in der Überschrift dieses Beitrages) heißt hier jedoch nicht, dass wir hier eine serverseitige Umsetzung vorstellen (<?php IF Honeypotfeld ausgefüllt THEN nicht absenden ?>), sondern wir berücksichtigen hier, dass Bots das Formular auch gerne ohne Javascript besuchen und damit eine clientseitige Umsetzung via Javascript (<script>"IF Honeypotfeld ausgefüllt THEN nicht absenden"</script>) umgehen.

 

 

After Effects: Y-Shake Tutorial

Willkommen zu unserem ersten After Effects Tutorial. Heute zeigen wir Ihnen einen vertikalen Übergang von zwei Clips.

Hamburgermenü

Willkommen zu einem neuen Tutorial zur Webentwicklung! Heute zeige ich Ihnen, wie Sie ein Hamburger-Menü nur mit HTML und CSS erstellen können. Egal, ob Sie am Anfang einer Webkarriere stehen und nicht wissen, welche praktischen Projekte Sie durchführen sollen, oder ob Sie sich für den IT-Bereich begeistern, es ist ein fesselndes Tutorial. Und noch etwas: Es ist responsiv!

 

 

Social Media Trends 2023

Hubspot hat in Zusammenarbeit mit ihrem Partner „Meltwater“ eine Trendanalyse veröffentlicht, mit der Sie diese Eindrücke für Ihre eigene Social Media Strategie nutzen können. Ziel dieser Fragerunde war es, herauszufinden, wie man sich von der Konkurrenz abheben kann. Dieser Artikel befasst sich mit den Optimierungsmöglichkeiten einer Social Media Strategie im Jahr 2023.

individuelles Formular in Magento

So erstellen Sie ein benutzerdefiniertes individuelles Formular in Magento, ganz einfach mit einer form.phtml Datei.

Wie Sie mit gezieltem Online-Marketing Ihre Zielgruppe erreichen

Sie wollen sich ein Unternehmen aufbauen, wissen aber nicht wie Sie dieses bewerben sollen? Dann sind Sie hier genau richtig. In diesem Blogbeitrag finden Sie alles was Sie wissen müssen, um genau Ihre Zielgruppe mit dem richtigen Marketing zu treffen. Unsere Internetagentur München, Econcess, legt einen großen Wert auf ein aufgewecktes Design, um viele Kunden anzusprechen. Wenn Sie nun Interesse an einer Webseite für Ihre Firma haben, melden Sie sich gerne bei uns. Wir sind spezialisiert auf maßgeschneiderte Lösungen und bieten Ihnen professionelle Unterstützung bei der Realisierung Ihrer digitalen Projekte.

Webdesign-Trends 2023, die Sie nicht verpassen sollten

Webdesign-Trends sind immer im Wandel. Was heute noch modern und ansprechend ist, kann morgen schon veraltet wirken. Daher ist es wichtig, stets über die neuesten Entwicklungen und Trends in der Webdesign-Branche informiert zu sein. Im Jahr 2023 gab es bereits einige Veränderungen, die wir Ihnen nun präsentieren.

Auswahl einer Internetagentur

Magento-Entwickler aufgepasst! Es gibt aufregende Neuigkeiten für euch. Egal, ob ihr bereits Magento nutzt oder darüber nachdenkt, es in eure Online-Geschäftsstrategie zu integrieren, dieser Artikel liefert euch alle wichtigen Informationen, die ihr braucht. Wir werfen einen Blick auf die neuesten Funktionen, Verbesserungen der Plattform sowie Updates zu Sicherheit und Performance.

Die Bedeutung von Responsive Webdesign für den Erfolg Ihrer Webseite

Nur wenige Dinge haben sich in der Welt des Webdesigns so schnell weiterentwickelt wie die Technologie und die Art und Weise, wie Websites auf verschiedenen Geräten angezeigt werden. Heutzutage ist es nicht mehr ausreichend, eine Website zu haben, die lediglich auf einem Desktop-Computer gut aussieht. Stattdessen müssen Websites auf allen verschiedenen Geräten, von Smartphones bis hin zu Tablets, optisch ansprechend und funktional sein. Die Lösung für dieses Problem ist das sogenannte Responsive Webdesign. Bei dieser Art des Webdesigns passt sich die Website automatisch an die Größe des Bildschirms an, auf dem sie angezeigt wird. Das bedeutet, dass Inhalte, Bilder und Navigationselemente so angeordnet und skaliert werden, dass sie auf jedem Gerät optimal dargestellt werden.

Wie binde ich Google Analytics 4 in Magento 2 ein?

Sie haben eine Magento 2 E-Commerce-Website und möchten nun Google Analytics 4 in Ihr System integrieren? Dann haben Sie Glück! In diesem Artikel zeigen wir Ihnen, wie Sie GA4 in Magento 2 problemlos einbinden können. Google Analytics ist ein unverzichtbares Werkzeug, um den Erfolg Ihrer Website zu messen und wertvolle Einblicke in das Verhalten Ihrer Kunden zu erhalten. Mit der neuesten Version, GA4, können Sie noch detailliertere Analysen durchführen und bessere Entscheidungen für Ihr Unternehmen treffen. Folgen Sie einfach unseren Schritten, um GA4 in Ihre Magento 2 Website zu integrieren und profitieren Sie von den Vorteilen der leistungsstarken Analysetools von Google.

Ein Leitfaden zur Typo3-Programmierung für Anfänger

Die TYPO3-Programmierung kann für Anfänger zu Beginn eine etwas verwirrende Herausforderung darstellen. Doch mit ein paar grundlegenden Schritten und dem richtigen Verständnis können auch Neulinge schnell Erfolge erzielen. In diesem Leitfaden möchten wir Ihnen die ersten Schritte in der TYPO3-Programmierung näherbringen und Ihnen den Einstieg erleichtern.

Auswahl einer Internetagentur

Sie haben beschlossen, Ihr Unternehmen durch Onlinemaßnahmen zu fördern und suchen nun nach einer Internetagentur, die Ihnen dabei helfen kann. Doch bei der Vielzahl an Agenturen da draußen, kann die Auswahl überwältigend sein. Wie finden Sie die richtige Agentur, die Ihre Bedürfnisse und Ziele versteht und Ihre Onlineziele zum Erfolg führt? In diesem Blogartikel geben wir Ihnen einen Überblick über die wichtigsten Kriterien, die Sie bei der Auswahl einer Internetagentur berücksichtigen sollten. Von der Erfahrung und Expertise der Agentur in der Onlinebranche über ihre Dienstleistungen und ihr Angebot bis hin zum Team und den Fachkenntnissen der Agenturmitarbeiter, dem Kundenservice und der Kommunikation sowie der Budget- und Kostenstruktur - wir gehen auf alle wichtigen Punkte ein, damit Sie die beste Entscheidung treffen können.

 CSS- und HTML-Kenntnisse verbessern

Haben Sie schon einmal versucht, CSS und HTML zu lernen, aber es fällt Ihnen schwer, die richtigen Ressourcen oder Tools zu finden, um Ihre Fähigkeiten zu verbessern? Dann sind Sie hier genau richtig! In diesem Blogartikel stellen wir Ihnen die besten kostenlosen Tools und Ressourcen vor, mit denen Sie Ihre CSS- und HTML-Kenntnisse ganz einfach verbessern können. Egal, ob Sie ein Neueinsteiger oder bereits erfahrener sind, diese Tools werden Ihnen dabei helfen, Ihre Webentwicklungsfähigkeiten auf die nächste Stufe zu bringen. Worauf warten Sie noch? Tauchen Sie ein und entdecken Sie die besten kostenlosen Ressourcen, um Ihre HTML- und CSS-Kenntnisse zu verbessern.

TYPO3 vs. WordPress: Welches CMS ist das Richtige für Ihre Website?

TYPO3 und Wordpress sind zwei der beliebtesten Content-Management-Systeme (CMS) auf dem Markt. Beide bieten eine Vielzahl von Funktionen und Möglichkeiten zur Erstellung und Verwaltung von Websites. Doch welches CMS ist das Richtige für Ihre Website? In diesem Vergleich werden wir die Unterschiede zwischen TYPO3 und Wordpress genauer betrachten, um Ihnen bei der Entscheidung zu helfen.

benutzerfreundliches Webdesign

Ein ansprechendes und benutzerfreundliches Webdesign ist für den Erfolg einer Website von entscheidender Bedeutung. Wenn Ihre Website nicht intuitiv zu bedienen ist oder langsam lädt, werden potenzielle Kunden schnell das Interesse verlieren und zu einem Konkurrenten wechseln. Aber wie erstellt man ein Webdesign, das sowohl ästhetisch ansprechend als auch benutzerfreundlich ist? Unser Team von Experten in Sachen Webdesign bei Econcess steht Ihnen zur Seite. Wir bieten einen Full-Service-Ansatz, der sicherstellt, dass Ihr Webdesign sowohl den Bedürfnissen Ihrer Zielgruppe als auch Ihren Unternehmenszielen gerecht wird. Von der Planung und Gestaltung bis hin zur Programmierung und Optimierung sind wir Ihr Ansprechpartner, um das bestmögliche Webdesign für Ihre Website zu erstellen. In diesem Blog-Artikel geben wir Ihnen einige Tipps, wie Sie ein benutzerfreundliches Webdesign entwickeln können, das Ihre Kunden begeistert und zum Wiederkommen animiert.

Die Installation von TYPO3

TYPO3 ist ein Content-Management-System, das weltweit von vielen Firmen genutzt wird. Es ist Open-Source-Software und kann kostenlos heruntergeladen werden. In diesem Blogbeitrag zeigen wir Ihnen eine Schritt-für-Schritt-Anleitung zur Installation von TYPO3.

KI revolutioniert handel

Künstliche Intelligenz (KI) ist eine der spannendsten Entwicklungen unserer Zeit und hat in vielen Branchen - darunter auch im Handel - bereits große Veränderungen hervorgerufen. Im E-Commerce kann KI dazu beitragen, den Kundenservice zu optimieren, das Einkaufserlebnis zu verbessern und sogar die Effizienz in der Logistik zu steigern. In diesem Blogbeitrag möchten wir Ihnen einige der wichtigsten Aspekte von KI im E-Commerce näherbringen. Von der Personalisierung über die Bilderkennung bis hin zu Chatbots und Lieferung - wir werden versuchen, alle Ihre Fragen zu beantworten und Ihnen eine umfassende Einführung in das Thema zu geben. Also machen Sie es sich bequem und lassen Sie uns gemeinsam in die Welt der KI im Handel eintauchen.

automatisierte Testtool

In diesem Blogartikel werden wir uns mit Selenium, einem Tool für automatisierte Tests, befassen. Selenium erweist sich laut Erfahrungsberichten als unglaublich nützlich und hilft, Zeit und Ressourcen zu sparen.  Als Entwickler verbringen wir oft Stunden damit, manuelle Tests durchzuführen, um sicherzustellen, dass unser Code einwandfrei funktioniert. Das kann zeitaufwendig, mühsam und eintönig sein.

Großkundenprojekt mit Magento 2

Sie planen ein Großkundenprojekt und haben sich für Magento 2 als E-Commerce-Plattform entschieden? Dann sind Sie hier genau richtig! In diesem Blogartikel geben wir Ihnen Einblick in unsere Erfahrungen bei der Planung und Umsetzung unserer eigenen Großkundenprojekte mit Magento 2. Wir zeigen Ihnen, wie Sie Ihr Projekt effizient und erfolgreich umsetzen können und worauf Sie dabei achten sollten. Lesen Sie weiter und entdecken Sie nützliche Tipps und Tricks für eine erfolgreiche Magento 2 Implementierung.

Eine Einführung in Typo3-Plugins

Typo3 ist ein Content-Management-System, das über viele Funktionen und Erweiterungen verfügt. Eine der bedeutendsten Erweiterungsmöglichkeiten sind sogenannte Plugins. Doch was genau sind Typo3-Plugins und wie funktionieren diese?

Akeeba Kickstart Tutorial

Haben Sie schon einmal eine WordPress-Website auf einen neuen Server umziehen müssen? Oder vielleicht eine Website durch ein unvorhergesehenes Ereignis verloren? In solchen Fällen kann das Wiederherstellen der Website eine mühsame und zeitaufwendige Aufgabe sein, besonders wenn Sie kein Informatik-Experte sind. Hier kommt Akeeba Kickstart Backup von Akeeba Backup ins Spiel – eine wirkungsvolle Lösung, die Ihnen dabei hilft, Ihre WordPress-Website schnell, einfach und sicher wiederherzustellen. In diesem Blogartikel finden Sie eine Schritt-für-Schritt-Anleitung, die Ihnen zeigt, wie Sie Akeeba Kickstart verwenden können, um Ihre WordPress-Sicherungsdatei wiederherzustellen und die Website innerhalb weniger Minuten wieder lauffähig zu machen. Egal, ob Sie, eine WordPress-Agentur, sind oder eine eigene Website betreiben, mit Akeeba Kickstart Backup von Akeeba Backup können Sie darauf vertrauen, dass Ihre Website immer geschützt und sicher ist, ohne sich Sorgen darüber machen zu müssen, dass Ihre Daten verloren gehen.

Creative-Commons-Lizenz

Sie haben wahrscheinlich schon von der Creative Commons-Lizenz gehört, aber haben Sie auch schon von der CCO-Lizenz gehört? Obwohl sie sich ähneln, gibt es einige signifikante Unterschiede zwischen den beiden, die relevant für alle sein können, die Inhalte verwenden oder weitergeben. In diesem Blog-Artikel werden wir die Unterschiede zwischen diesen beiden Lizenzen erläutern und aufzeigen, welche Option für welche Zwecke am besten geeignet ist und die sechs Creative-Commons-Lizenztypen definieren. Wenn Sie noch nie von der CCO-Lizenz gehört haben oder mehr darüber erfahren möchten, lesen Sie weiter.

suchmaschinenoptimierung

Suchmaschinenoptimierung ist eine ständig wachsende und sich verändernde Branche, die in den letzten Jahren enorme Fortschritte gemacht hat. Die Trends gehen zu mehr personalisierten und klugen Suchanfragen, und die Suchmaschinen werden immer besser darin, zu verstehen, was die Nutzer suchen. Im Jahr 2023 stellt sich die Frage, welche Entwicklungen in der Suchmaschinenoptimierung auf uns warten werden. Welche Faktoren werden die Suchmaschinen in Zukunft berücksichtigen? Werden sich die traditionellen SEO-Maßnahmen wie Linkaufbau und Keyword-Optimierung verändern müssen? Wir werfen einen Blick auf die Trends und die Vorhersagen, die Experten machen, um Sie auf dem Laufenden zu halten, und geben Tipps, wie Sie sich darauf vorbereiten können, um auch in Zukunft im Ranking ganz oben zu stehen.

Local Seo

Für jedes lokale Unternehmen ist eine gute Online-Präsenz von entscheidender Bedeutung. Es ist nicht nur wichtig, eine ansprechende Website zu haben, sondern auch sicherzustellen, dass Sie in den lokalen Suchergebnissen sichtbar sind. Wenn Sie Ihre lokale SEO-Strategie vernachlässigen, verlieren Sie wertvolle Kunden an Ihre Konkurrenz. Aber was genau ist Local SEO und wie können Sie sicherstellen, dass Ihr Unternehmen in den lokalen Suchergebnissen zu finden ist? In diesem Blog-Artikel stellen wir Ihnen die 7 Dinge vor, die Sie über Local SEO wissen sollten, um Ihre Präsenz im Internet zu optimieren. Wir werden Ihnen zeigen, wie Sie Ihr Google My Business-Profil optimieren, wie Sie sicherstellen, dass Ihre Website auf mobilen Geräten gut aussieht und vieles mehr. Lesen Sie weiter, um herauszufinden, wie Sie das Beste aus Ihrer lokalen SEO-Strategie machen können.

Keyword Recherche Leitfaden Beitragsbild

In der Welt des Online-Marketings dreht sich alles um Keywords. Ohne das richtige Keyword zu finden und zu implementieren, ist die Chance, dass Ihre Website im Ranking von Google und anderen Suchmaschinen ganz weit oben erscheint, sehr gering. Aber wo fängt man bei der Keyword Recherche eigentlich an? Wie findet man Keywords, die das Interesse Ihrer Zielgruppe wecken und tatsächlich Traffic auf Ihre Webseite bringen? In diesem ultimativen Leitfaden zur Keyword Recherche geben wir Ihnen einen Einblick in die Welt des Keywords und erläutern alle Schritte, von der Grundlagenforschung bis zu speziellen Analyse-Tools. Dabei werden wir Ihnen einige bewährte Methoden vorstellen und Ihnen helfen, Ihre Strategie zu optimieren und die für Sie am besten geeigneten Keywords zu finden. Holen Sie sich unseren ultimativen Leitfaden, und entdecken Sie, wie Sie Ihre Online-Präsenz verbessern und Ihre Zielgruppe erreichen können.

CSS-Spezifität

Willkommen zu unserem neuen Blog-Beitrag über CSS-Spezifität. CSS-Spezifität ist ein wichtiger Aspekt bei der Gestaltung von Webseiten, der es Entwicklern ermöglicht, die Priorität von CSS-Regeln zu bestimmen und Konflikte zu vermeiden. In diesem Beitrag werden wir Ihnen erklären, was CSS-Spezifität ist, wie sie funktioniert und wie Sie sie effektiv nutzen können, um das Aussehen Ihrer Webseite zu steuern. Als erfahrene Webagentur aus München arbeiten wir eng mit unseren Kunden zusammen, um ansprechende und benutzerfreundliche Webseiten zu erstellen, die den aktuellen Standards entsprechen. Wir hoffen, dass Ihnen dieser Beitrag wertvolle Einblicke in die Welt der CSS-Spezifität gibt, und laden Sie ein, sich bei Fragen oder Interesse an unseren Dienstleistungen an das Team von Econcess zu wenden. Fangen wir also direkt an!

Warum eine Webseite mit TYPO3 erstellen?

TYPO3 ist ein Open-Source-Content-Management-System, auch CMS genannt. Das System wird seit 1998 entwickelt und ist heute eines der berühmtesten Systeme bei der Erstellung von Webseiten. Dies ist ein sehr leistungsfähiges CMS, das viele Funktionen mit sich bringt, die das Management und die Erstellung der Website erheblich vereinfachen können. Es gibt auch mehrere Erweiterungen, die die Funktion von TYPO3 erweitern können.

Magento 2 lokal installieren

Magento ist eine leistungsstarke E-Commerce-Plattform, die von vielen Online-Händlern weltweit genutzt wird. Die Installation von Magento auf einem lokalen Server ist der beste Weg, um die Plattform kennenzulernen und zu testen, ohne dass Sie eine Internetverbindung benötigen. Wenn Sie jedoch noch nie eine E-Commerce-Plattform installiert haben, kann es ein wenig einschüchternd wirken. Keine Sorge, wir haben eine schrittweise Anleitung erstellt, um Ihnen zu helfen, Magento auf Ihrem lokalen Server zu installieren! In diesem Blog-Artikel stellen wir Ihnen die notwendigen Schritte vor und bieten Ihnen hilfreiche Tipps und Tricks, damit Sie Magento erfolgreich installieren können.

KI  Blogbeitrag

Die Erkundung der komplexen Natur von KI ist ein aufregendes Spektakel. Wie können Unternehmen KI nutzen, um sich zu verbessern? Wie kann KI ihr Lernen unterstützen und ihre Mitarbeiter stärker machen? Wir von econcess glauben, dass KI ein enormes Potenzial bietet, um uns dabei zu helfen, neue Einsichten und Erfahrungen zu gewinnen. In diesem Blogartikel werden wir erörtern, wie Unternehmen das Lernen unterstützen und damit ihre Mitarbeiter und ihren Unternehmenserfolg stärken können. Stellen Sie sich also auf eine Reise durch die Welt der KI ein und lassen Sie uns KI als Transformationskraft erkunden!

Zukunf des E- Commerce

E-Commerce macht einen erheblichen Anteil aller Unternehmen weltweit aus. Jahr für Jahr steigen die Einzelhandelsumsätze im elektronischen Handel weltweit.

Typo3 Updates

Typo3 CMS ist eine Content-Managementsoftware, die in mehreren verschiedenen Sprachen verfügbar ist und eine breite Palette an Funktionen bietet. Typo3 CMS ermöglicht es Nutzern, Websites und Anwendungen ohne vorherige Programmierkenntnisse einzurichten und zu verwalten. Es ist vielseitig, sicher und robust, aber es ist notwendig, die Software regelmäßig zu aktualisieren, um sicherzustellen, dass man immer die neueste Version verwendet. In diesem Artikel erklären wir, wie man Typo3 CMS Upgrades & Updates effektiv durchführen und deren Benefits kennen sollte. Außerdem werden häufige Probleme bei der Durchführung von Typo3 CMS Upgrades und Security Updates erläutert und ein Fazit gezogen, wie Nutzer immer auf dem Laufenden bleiben können.

Markplätze für B2B Unternehmen

B2B Marktplätze sind digitale Plattformen, die es Unternehmen ermöglichen, ihre Produkte und Dienstleistungen an andere Unternehmen zu verkaufen. In den letzten Jahren haben B2B Marktplätze eine zunehmende Bedeutung im Geschäftsleben erlangt und werden heute immer häufiger benutzt. Sie bieten eine hervorragende Möglichkeit, sich mit anderen Unternehmen auszutauschen und potenzielle Kunden und Partner zu gewinnen. Bevor Sie sich für einen B2B-Marktplatz entscheiden, sollten Sie jedoch sicherstellen, dass er für Ihr Unternehmen geeignet ist und welche Branche er bedient. In diesem Blogartikel bieten wir einen Einblick in die Welt der B2B Marktplätze und wie man diese richtig einsetzt.

Webdesign, Joomla Google Fonts Lokal einbinden

Lernen Sie in diesem Tutorial, wie Sie Google Fonts im Joomla Theme lokal einbinden können. Erfahren Sie, wie Sie Google Fonts DSGVO-konform einbinden und Ihre Webseite professionell gestalten können.

 

Grundlagen Seo Einleitungs Bild

Sie müssen nicht Hunderte und Tausende ausgeben, um die SEO Ihrer Website zu verbessern. Sie können mit diesen einfachen und grundlegenden Schritten beginnen, um zu sehen, wie es sich entwickelt.

Magento 2 Statische Datein und Xampp

In unserer Agentur sollte ein Magento CE 2.4.5-p1 Onlineshop installiert werden auf XAMPP (PHP 8.1) / Windows. Magento Webshops sind nicht ausgelegt auf Windows bzw. XAMPP, daher gibt es hier einige Besonderheiten. Nachdem wir die meisten Schwierigkeiten ausräumen konnten (richtige c:\xampp\apache\conf\extra\httpd-vhosts.conf-Konfiguration, Anpassung \vendor\magento\framework\View\Element\Template\File\Validator.php wg. unterschiedlichem Verzeichnistrenner, etc.) blieb ein Fehler bestehen.

Webdesign, erfolgreich im E-Commerce

Heute erwarten Kunden mehr als damals in der täglichen Erlebnisökonomie. Eine sehr gute User Experience ist essenziell, damit Kunden sich überzeugt fühlen von einem Produkt oder einer Dienstleistung. Mit dem Betreten eines E-Shops oder Website ist der erste Eindruck bedeutend für die Kaufentscheidung, die User Experience steht somit im Mittelpunkt des unternehmerischen Geschicks, Kunden für sich zu gewinnen. Eine positive User Experience ist die Messlatte für den Unternehmenserfolg im Onlinehandel. Wir vermitteln in diesem Beitrag, was Nutzererfahrung im B2B bedeutet, wie wichtig User Experience im B2B ist und weswegen Personalisierung erfolgreich im E-Commerce macht.

Webdesign, beliebtesten WordPress Plugins

In diesem Blogartikel stellen wir euch die 5 beliebtesten WordPress Plugins 2022 vor, damit Sie einen richtigen Start mit Ihrer WordPress-Webseite hinlegen. Wir zeigen Ihnen, was Sie mit den WordPress-Tools machen können.

Sprungmarken

Ziel war es unserer Agentur, eine Sprungmarke via Hash in der URL in einem Onlineshop auf Shopware 5-Basis anzusteuern, heißt zu dieser Sprungmarke (zu einem Element mit der id "irgendeinesprungmarke" automatisch nach unten zu scrollen, nachdem man in den Browser z.B. https://irgendeinonlineshop.de#irgendeinesprungmarke eingibt. Prinzipiell ist dieser Mechanismus erst einmal anwendungsunabhängig, er funktioniert in einem Magento 2-Onlineshop genauso wie auf einer statischen HTML-Website. Nicht so in Shopware 5, wenn der Anchor in einer Einkaufswelt verbaut ist, egal ob AJAX-basiert geladen oder nicht.

Progressive Web Apps

Eine ganz neue Technologie: Seit 2015 hat Google die ersten Progressive Web App- Bestandteile in seinen Chrome-Browser integriert. Ein Grund dafür ist die Tatsache, dass PWA die Experience von Nutzern schlichtweg komfortabler und besser machen. Somit stellt sich die Frage, was genau man unter dem Begriff „PWA“ versteht. Wie funktionieren sie? Und was sind die Vor- und Nachteile davon? Mit diesen Fragen werden wir uns in diesem Beitrag beschäftigen.

Dpi

Kurz gesagt bedeutet dpi, wie viele dots auf einem inch dargestellt werden können. Übersetzt gibt der Wert also die Menge der Bildpunkte pro Zoll an. Ein Inch/Zoll entspricht 2,54 cm. Das ist besonders im Printbereich für den Druck wichtig, da für einen qualitativ hochwertigen Druck, je nach Druckart und Bildmotiv, eine unterschiedlich hohe Auflösung notwendig ist. Dabei gilt grundsätzlich: Je höher der dpi-Wert ist, desto besser ist die Druckqualität. Bei einer zu geringen dpi-Zahl ist das Druckbild dementsprechend pixelig und unscharf.

 

Social Media

Was ist Social Media?

 

Soziale Medien genauer gesagt digitale Medien sind Plattformen, die es den Usern ermöglichen, Anschlüsse zu finden, zu kommunizieren und ein Blick in das private Leben zu gewähren.

HTML Grundlagen

Die Hypertext Markup Language (HTML) ist eine textbasierte Auszeichnungssprache zur Strukturierung elektronischer Dokumente wie Texte, Bildern und anderen Inhalten. Wir zeigen dir heute die grundlegenden Basics:

Social Media Marketing

Soziale Medien

 

Soziale Netzwerke haben das Marketing revolutioniert, und die jüngsten weltweiten Statistiken über soziale Medien zeigen, dass ihre Beliebtheit nur noch zunehmen wird.

E - Commerce

Was ist E-Commerce?

 

Der elektronische Geschäftsverkehr oder E-Commerce ist einfach der Marktplatz für den Kauf oder Verkauf von Produkten über das Internet.

Headless CMS

In einem unserer letzten Blogbeiträge haben wir Ihnen zwei neue Arten von CMS-Systemen vorgestellt: Headless CMS und Decoupled CMS. Heute will ich Ihnen einige typische Vertreter aus dem Bereich Headless CMS vorstellen.

 

Magento 2.4 Webshop

Heutiges Problem in unserer Internetagentur in unserem Onlineshop (Magento 2 CE 2.4.3): Die Extension Store Restriction Pro des Extension-Herstellers Magepsycho, die den Zugang für bestimmte Nutzergruppen zu bestimmten Seiten beschränken soll, funktioniert nicht wie gewünscht. Man hat hier die Möglichkeit, unter anderem CMS-Seiten auszuwählen, die auch ohne Registrierung zugänglich sind. Jedoch werden diese bei aktiviertem Cache nicht gezeigt, sondern zum Login umgeleitet. Die Konfiguration im Backend kommt also nicht an im Frontend.

 

CMS Arten

Die meisten von uns kennen sicherlich traditionelle CMS-Systeme wie z.B. WordPress und Joomla. Es gibt jedoch noch zwei weitere Arten von Systemen, die ich ihnen jetzt vorstelle.

Socialmedia Bildgrößen

Welche Bildgrößen braucht man für die verschiedenen Posts im Social Web? Entgegen aller Hoffnungen hat nach wie vor jedes Netzwerk seine eigenen Abmessungen und Formate. Hier findest du eine aktuelle Liste an Social Media Bildgrößen und –maßen für Facebook, Instagram, Twitter, TikTok und YouTube. 

 

Xampp Datenbanken

Der Import von sehr großen Datenbanken über PHPMyAdmin gestaltet sich oft schwierig. In den meisten Fällen verfängt sich das Tool in einer Endlosschleife oder es kommt zu einem Timeout, der den Importprozess unterbricht.

Typo 3 Abschnittsverzeichnis für News-Records

Aufgabenstellung in unserer Webagentur: Wir benötigen ein Inhaltselement, dass automatisch alle Abschnitte, also Inhaltsüberschriften der Elemente anzeigt, die einem News-Record zugeordnet sind. Für reguläre Seiten gibt es dieses Element bereits, nun müssen wir hier jedoch die Spalte tx_news_related_news zur Hilfe nehmen, der für jedes Content Element auf einen Eintrag in der Tabelle tx_news_domain_model_news verweist.

 

Magento Fehlende Seitennummerierung

Nach dem unsere Agentur den Shop eines Kunden auf Magento 2.4.3 geupdatet haben, haben wir festgestellt, dass die Seitennummerierung (engl. Pagination) innerhalb des Produktkatalogs fehlt.

WordPress Update Version 5.9

Im Januar 2022 ist die neue WordPress Version 5.9 erschienen. Das Update geht einen weiteren Schritt in Richtung Full-Site-Editing (FSE) mit dem Gutenberg-Editor. Damit ist ein blockbasiertes Editieren von Inhalten nicht mehr nur für Widgets möglich, sondern die gesamte Webseite kann vom Backend aus angepasst werden. Außerdem wurden viele Anpassungen und Verbesserungen am Block-Editor selbst und der allgemeinen Performance von WordPress vorgenommen.

 

CSS Inline-styling

Wenn ein Browser ein Stylesheet liest, formatiert er das HTML-Dokument gemäß den Informationen im Stylesheet. Es gibt drei Möglichkeiten, ein Stylesheet einzufügen: Externes CSS, Internes CSS, Inline-CSS.

CSS-Eigenschaft - width und height

Blockelemente nehmen per Default so viel Breite ein wie möglich, und so viel Höhe wie nötig. Mit Hilfe von CSS können Breiten und Höhen erzwungen werden, sowohl zum Beschränken als auch zum Strecken. Insgesamt stehen CSS-Eigenschaften für Breite und Höhe (width und height), Mindestbreite und Mindesthöhe (min-width und min-height) sowie Maximalbreite und Maximalhöhe (max-width und max-height) zur Verfügung.

 

CSS - Fonts

Die Wahl der richtigen Schriftart hat einen großen Einfluss darauf, wie die Leser eine Website erleben. Sie kann deiner Marke eine starke Identität verleihen und wertet den Text auf. Es ist wichtig, eine leicht lesbare Schrift in der richtigen Farbe und Textgröße zu wählen. Die richtige Schriftart für deine Webseite zu finden ist also ein sehr wichtiger Faktor beim Erstellen einer Webseite!

 

Barrierefreies Webdesign

Barrierefreie Websites sind notwendig, um Inhalte für jedermann zugänglich zu machen. Denn jeder Besucher sollte unabhängig von persönlichen oder technischen Barrieren die Inhalte auf deiner Website lesen, verstehen und mit ihnen interagieren können. Einige Menschen sind hierbei auf assistive Hilfsmitte angewiesen.

 

Shopware 5 Webshop - EAN von Optionen in Artikeldetails

Fragestellung in unserer Agentur bei einem mit Shopware 5 erstellten Webshop: Wie bringt man die EAN der Variantenartikel eines Hauptartikel in die Variantenauswahl? Ziel war es hier, die EAN als Zusatz-Identifier der jeweiligen Option hinzuzufügen, der dann über eine automatisierte Größenauswahl angesteuert werden sollte. D.h.: Wähle ich über einen Größenrechner eine bestimmte Größe aus, wird diese über die zugehörige EAN selektiert (jQuery) und damit der zugehörige Variantenartikel geladen. Übertragbar auch auf die etwas allgemeinere Fragestellung: Wie füge ich Eigenschaften von Haupt- oder Variantenartikeln oder beliebige Zusatzinformationen auf der Produktdetailseite meines Shopware 5 Onlineshops ein?

Code Buttons

Das <button>-Tag definiert eine anklickbare Schaltfläche. Innerhalb eines <button>-Elements kann Text (und Tags wie <i>, <b>, <strong>, <br>, <img> usw.) eingefügt werden. Das ist bei einem Button, der mit dem <input>-Element erstellt wurde, nicht möglich!

Tipp: Gib immer das type-Attribut für ein <button>-Element an, um Browsern mitzuteilen, um welche Art von Schaltfläche es sich handelt.

 

HTML - Images einfügen

Das HTML-Tag <img> wird verwendet, um ein Bild in eine Webseite einzubetten. Die Bilder werden technisch nicht in die Webseite eingefügt; sie werden mit der Webseite verlinkt. Das <img>-Tag erstellt einen Platzhalter für das referenzierte Bild.

 

Html Tabelle

Eine Tabelle ist eine geordnete Zusammenstellung von Texten oder Daten. Die darzustellenden Inhalte werden dabei in Zeilen (waagerecht) und Spalten (senkrecht) gegliedert, die grafisch aneinander ausgerichtet werden. HTML-Tabellen sind die semantisch passende Struktur, um tabellarische Daten in Zeilen und Spalten darzustellen. Für den Aufbau einer Tabelle der Gitterstruktur sind mehrere Elemente verantwortlich. Im einfachsten Fall besteht eine Tabelle aus Tabellenzeilen, in welchen sich Tabellenzellen befinden.

 

CSS float und clear

Mithilfe der CSS-Eigenschaft „float“ kann ein Element an die linke oder rechte Innenkante seines Elternelements verschoben werden. Die Besonderheit dabei: Mit der Eigenschaft „clear“ kann festgelegt werden, ob nachfolgende Inhalte um das Element herumfließen oder einen eigenständigen Abschnitt bilden.

 

Elasticsearch

Seit Version 2.4 kann das Onlineshopsystem Magento 2 nicht mehr die MySQL Suche verwenden. Unabhängig von der gesteigerten Qualität der Suchergebnisse durch Elasticsearch oder anderen Suchanbietern, kann man den Verzicht auf die MySQL Suche kritisch sehen.

Klassen in HTML und CSS

Das class-Attribut ordnet ein Element einer oder mehreren Klassen zu. Klassen sind ein HTML-Konzept, um gleichartige Elemente im Markup zu kennzeichnen mit dem (nicht alleinigen!) Ziel, diese mit einem Klassenselektor ansprechen zu koennen. Dabei müssen es nicht unbedingt gleichartige Elemente sein. Mehrere Klassennamen werden durch Leerzeichen getrennt.

 

Unterschied CSS margin und padding

Wenn es an die Gestaltung von Webseiten geht, wird man früher oder später auf die Begriffe Margin und Padding stoßen. Egal, ob es um das Erstellen von Buttons oder der Anordnung von Textfeldern geht – man kommt selten drum herum. Grundsätzlich definiert das Boxmodell CSS margin als „Abstand“ und padding als „Polster“.

CSS Border Style

Mit den CSS-Rahmeneigenschaften kann der Stil, die Breite und die Farbe eines Rahmens eines Elements angepasst werden. Die Eigenschaft border-style gibt an, welche Art von Rahmen angezeigt werden soll.

 

Papierwahl für Ihr Druckerzeugnis

Die Auswahl eines Papiers für eine spezielles Druckerzeugnis ist von strategischer Bedeutung, da die Papiersorte ebenso wie Form, Farbe und Text eine Botschaft übermitteln kann und Einfluss auf die Gestaltung und auf die Wahl des Druckverfahrens nimmt. Auch die Papiersorte stellt einen erheblichen Faktor im Gesamtbudget des Projekts dar.

PageSpeed

Der PageSpeed (auch Ladezeit genannt) beschreibt die benötigte Zeit, bis eine Webseite vollständig geladen ist. Je schneller eine Seite geladen wird, desto schneller kann der Besucher die Inhalte sehen und entsprechend innerhalb der Webseite navigieren. Außerdem sorgt eine schnelle Ladezeit auch dafür, dass ein Besucher eine Webseite überhaupt besuchen kann und nicht aufgrund langer Wartezeit den Besuch abbricht, bevor er Inhalte sehen konnte.

 

Lesetypografie

Unter »Lesbarkeit« – oft auch als »Leserlichkeit« bezeichnet – wird im Segment der Lesetypografie die optimale makrotypografische und mikrotypografische Aufbereitung eines Schriftsatzes verstanden, den ein Rezipient (Leser) auch beim Erfassen längerer Textpassagen, beispielsweise in einem Buch, einer Zeitung, einem Geschäftsbericht oder auf einer Website, als angenehm, richtig und als nicht störend empfindet.

Förderprogramm go-digital

Wir sind nun ein autorisiertes Beratungsunternehmen im Förderprogramm go-digital. Profitieren Sie von diesem Förderprogramm und sichern Sie sich dadurch finanzielle Fördermittel auf Ihrem Weg zur Digitalisierung!

 

Critical CSS

Critical CSS wird oft als “Critical CSS Rendering Path” bezeichnet, womit der gesamte notwendige CSS-Code gemeint ist, der erforderlich ist, um die Webseite in einem Browser für den Webseitenbesucher darzustellen. Der Besucher wird oft einen weißen Bildschirm sehen, bis die CSS-Stylesheets heruntergeladen und ausgewertet wurden. Aus diesem Grund ist die Optimierung der Auslieferung von CSS wichtig für die Seitengeschwindigkeit und das User Experience. Um die Ladegeschwindigkeit einer Webseite zu verbessern, sollte nur das CSS geladen werden, das zum Laden des sichtbaren Teils einer Seite erforderlich ist. Da alle CSS gerendert werden, bedeutet dies, dass die Seite für den Besucher der Webseite viel schneller erscheint. Das ist der Grund, warum Pagespeed-Tools den Nutzern oft raten, render-blockierendes CSS below the fold zu entfernen. Dies bezieht sich auf CSS, das nicht benötigt wird, damit die Seite im Ansichtsbereich des Besuchers der Webseite richtig dargestellt wird. Der Inline-Teil (also direkt im `<head>` durch `<style>`) soll alles beinhalten, was zum Rendern des Sichtbereichs notwendig ist. Dieser Teil wird als „critical“ bezeichnet.

 

Magento 2 Onlineshops erweiterte Suche

In einem in unserer Webagentur programmierten Magento 2 Onlineshops standen wir vor der Herausforderung, in der Ergebnisliste der erweiterten Suche nur bestimmte Artikel anzuzeigen, bei uns Produkte mit einer bestimmten Attributausprägung, also: zeige nur Artikel in der Suchergebnisliste der erweiterten Suche, die das Attribut x mit dem Wert y besitzen.

 

Mobile first

"Mobile first" bezeichnet ein Konzept im Responsive Webdesign. Dabei wird zuerst die für mobile Endgeräte optimierte Seite entwickelt und später folgen dann nach und nach Erweiterungen für größere Displays wie den Desktop-Browser. Man arbeitet also von der kleinsten Layout-Version hin zur größten. Webdesign nach dem Grundsatz des Mobile First ist eine Anpassung an die Tatsache, dass sich die Nutzung des Internets immer mehr in Richtung Smartphone verschiebt. Der Anteil der Suchanfragen aller relevanter Länder über das Smartphone ist mittlerweile bedeutend größer als über das klassische Desktop-Gerät.

 

Bildformat

Gerade im Web kommt es auf viele Faktoren an, wenn es um die Wahl des passenden Bildformates geht. Hierzu zählen die Dateigröße, das Farbspektrum, die Transparenz und Skalierbarkeit. Doch Welches Bildformat ist wofür am besten geeignet? Es gibt viele verschiedenen Bildformate jedoch unterscheiden Sie sich in den einzelnen Eigenschaften. Einige unterstützen beispielsweise einen Transparenten Hintergrund, andere haben ein großes Farbspektrum und wieder andere lassen sich nur verlustbehaftet komprimieren.

Login Redirect Loop

Nach dem Update eines Magento 2 Onlineshops auf Version 2.3.4 und der nachträglichen Konfiguration der 2-Faktor-Authentifizierung über den Google Authenticator trat in unserer Webagentur das Problem auf, dass wir trotz erfolgreicher Verifizierung immer wieder auf die Seite der 2-Faktor-Authentifizierung zurückgeleitet wurden.

Mockup

Ein Mockup (Vorführmodell, Anschauungsmodell) ist ein digitaler Entwurf einer App oder Webseite, um aus einem Kundenwunsch beziehungsweise einer Idee ganz individuelle Designs zu erstellen. Mockups dienen in der frühen Konzeptionsphase der Visualisierung von Ideen und Konzepten im Rahmen des Webdesigns. Der Sinn hinter einem solchen Mockup-Konzept ist, dass verschiedene Kombinationen von Elementen sowie unterschiedliche inhaltliche Strukturen ohne großen Aufwand gestaltet und verändert werden können.

Shopware GTM Plugin

Wir nutzen in unserer Webagentur für einen Shopware 5-Kunden das Google Tag Manager Plugin von codiverse, welches einen dataLayer vorbereitet, der dann über den Google Tag Manager komfortabel ausgelesen kann. Uns fehlte jedoch der aktuelle Warenkorbwert, welcher in der Grundkonfiguration des Onlineshops / des Plugins nur im Checkout ausgeliefert wurde.

 

Kontaktformular

Kontaktformulare können prinzipiell jede Webseite bereichern, da es den Besuchern deiner Webseite die Möglichkeiten gibt, schnell und einfach mit dir in Kontakt zu treten und dir als Webseiten-Betreiber eine Nachricht zu schicken. Außerdem sind sie ein einfacher und weit verbreiteter Weg, um Feedback oder Anfragen von Kunden oder Interessenten zu sammeln.

 

Domain

 Eine Domain ist die Adresse, die Leute benutzen, um eine Website zu besuchen. Es handelt sich um einen weltweit einmaligen und eindeutigen Namen bzw. Adresse, unter der Nutzer Inhalte im Internet oder Netzwerk erreichen können. Sie ist ein wesentlicher Bestandteil des Uniform Resource Locators (URL) und gibt an, wo in der hierarchischen Struktur die entsprechende Ressource zu finden ist. Internet-Domains können beispielsweise so aussehen: www.beispiel.de.

 

HSB-Farbmodell

Neben dem RGB-Modell werden die Farben digital sehr oft mit dem HSB-Modell bestimmt. Das H steht für „hue“ – in Deutsch Farbenwert. Das S steht für „saturation“ – Sätigung. Und das B steht für „brightness“ – den Helligkeitswert. Der Farbton wird als Winkel zwischen 0° und 360° beschrieben, während die Sättigung und Helligkeit als Prozentwerte zwischen 0% und 100% angegeben werden.

 

Breakpoints

 Responsive Websites basieren auf flexiblen Gestaltungsrastern und passen sich automatisch an die unterschiedlichen Bildschirmgrößen der verschiedenen Endgeräte an. Für die optimale Darstellung auf Tablets oder Smartphones werden dazu mithilfe von CSS Media Queries sogenannte Breakpoints definiert. Das sind die Punkte, ab der das Design einer Webseite anders gestaltet wird, bzw. die Container umbrechen.

Mediendesigner

Das Berufsbild Mediendesigner/innen befasst sich ganz allgemein mit der Gestaltung und Bearbeitung von medialen Produkten. Sie planen, entwerfen und designen Medien wie beispielsweise Anzeigen, Webseiten, Firmenlogos, Werbespots, Visitenkarten, Flyer oder virtuelle Szenarien. Dabei müssen sie stets auf dem Laufenden bleiben, was aktuelle Trends und Entwicklungen im Bereich Design angeht. Es gibt sowohl Studiengänge um diesen Beruf zu erlernen als auch mehrere Ausbildungsberufe zum Mediendesigner.

 

erfolgreiche Präsentation

 Eine gutes Präsentationslayout sollte bei den Zuhörern nicht in Erinnerung bleiben und nicht für Ablenkung sorgen. Stattdessen sollte sie in den Hintergrund treten und die Botschaft, die sie vermitteln soll, unterstützen. Außerdem soll sie das Publikum durch die Präsentation führen und einen groben Überblick über das Thema verschaffen. Die folgenden 6 Tipps helfen dir bei der Erstellung deiner nächsten Präsentation und verraten dir, welche Fehler du vermeiden kannst.

 

Farbpsychologie

 Farben haben eine intensive unbewusste Bedeutung, die jeden von uns beeinflusst. Die Wirkung kann individuell sehr unterschiedlich sein und somit werden Farben auch unterschiedlich vom jeweiligen Betrachter auf- und wahrgenommen. Dabei lösen sie nicht nur verschiedene Reaktionen, Gefühle und Empfindungen aus, sondern erzeugen auch ganz bestimmte Stimmungen. Diese Assoziationen werden im Marketing schon lange gezielt eingesetzt – in der Produktgestaltung, im Verpackungsdesign, im Webdesign aber auch in der Raumgestaltung.

WordPress Vor- und Nachteile

WordPress ist eine Software, mit der ein eigener Blog oder eine Webseite erstellt und gepflegt werden kann. Die Software ist ein Content-Management-System (CMS), das sich durch seine weite Verbreitung, einfache Konfiguration und seine hohe Anpassbarkeit auszeichnet.

keywords

Ein Keyword (Schlüsselwort) ist eine Texteinheit, die entweder im Text selbst vorkommt oder mit dem ein Text verschlagwortet werden kann. Dabei kann es sich sowohl um ein Wort als auch um eine Kombination aus mehreren Wörtern, Zahlen oder Zeichen handeln. Sie sind wichtig für ein erfolgreiches SEO Online Marketing, da ohne die richtigen Keywords die Nutzer den Content der Seite nicht finden können.

CSS steht für Cascading Style Sheets und ist eine Gestaltungs- und Formatierungssprache, die ermöglicht, das Aussehen und Design von HTML-Dokumenten zu bestimmen. Es geht also nicht um den Inhalt einer Webseite, sondern um das Design oder den Stil der Seite. Mithilfe von CSS können Nutzer zum Beispiel Schriftarten, Farbe, Linien, Höhen und Breiten auf einer Webseite anpassen.

 

Typografie: Serif und Sans-Serif

 Der Unterschied zwischen serifenlosen Schriftarten und Serifenschriften liegt in den sogenannten Serifen, welche Verzierungen der Buchstaben sind. Das sind die kleinen, abschließenden Querstriche am oberen oder unteren Ende der Buchstaben. Sans-Serif Schriftarten haben klare Linien und keine Verzierungen.

 

Bootstrap

Bootstrap ist ein freies Frontend-CSS-Framework. Es enthält auf CSS und HTML basierende Vorlagen zu Gestaltung von Buttons/Schaltflächen, Grid-Systeme, Icons, Typografie und Hervorhebungen, Tabellen, Formulare, Navigations- und andere Gestaltungselemente. Außerdem ist Bootstrap ein anpassungsfähiges und zuerst für mobile Geräte wie Smartphones („Mobile First“) entwickeltes Framework. Das bedeutet, dass Bootstrap mit Hilfe von Media-Queries Anwendungen und Webseiten ohne doppelten code an jedes beliebige Gerät anpasst.

 

gute Webseite

 

Wer eine eigene Webseite betreibt, möchte mit seinen Inhalten möglichst viele Leute erreichen und natürlich mit dem Inhalt überzeugen. Doch was macht eine Website zu einer guten und vor allem benutzerfreundlichen Seite, die von den Besuchern geschätzt und häufig genutzt wird? Hier spielen neben der passenden Domain, das Webdesign und die Programmierung der Webseite eine große Rolle.

 

Farbenlehre - Der Farbkreis

 Was ist der Farbkreis?

Der Farbkreis dient als Ordnungssystem, in dem Farben kreisförmig angeordnet sind. Er bietet eine Orientierung über die Farbkompositionen und es wird dargestellt, welche Farben harmonieren. Es existieren verschiedene Varianten des Farbkreises, in denen die Farben nach Physikalischen, Physiologischen, Künstlerischen, Ästhetischen und technischen Aspekten unterteilt werden.

The attribute 'length' is not allowed.

Tritt in einem Magento2-Onlineshop beim Versuch, den Befehl bin/magento setup:upgrade auszuführen, die Fehlermeldung auf: "The attribute 'length' is not allowed." mit vorangestellter Meldung "The XML in file "db_schema.xml" is invalid", reicht es aus, die XML-Struktur anzupassen.

 

Corporate Identity

 Bei der Corporate Culture („Unternehmenskultur “) handelt es sich um ein System gemeinsamer Werte, Einstellungen und Normen der Mitarbeiter eines Unternehmens. Dieses umfasst das Verhalten des Managements und das Verhalten der Mitarbeiter aller Hierarchieebenen. Meist handelt es sich dabei um dauerhafte Regeln, die sich mit der Zeit zu einem festen Bestandteil und einer Selbstverständlichkeit entwickelt haben. Generell kann also alles unter den Begriff Corporate Culture gezählt werden, was einen Betrieb individuell ausmacht.

 

Corporate Identity - Behaviour

 Beim Corporate Behaviour („Unternehmensverhalten“) geht es um das Verhalten zu den Kundinnen und Kunden, zu den Geschäftspartnern, zu den Dienstleistern aber auch um das Verhalten zu den Mitarbeitern. Kurz gesagt ist das Corporate Behaviour die Handlungsweise des gesamten Unternehmens und das Verhalten der Mitarbeiter.

 

Corporate Identity - Communication

 Prinzipiell umfasst die Corporate Communication („Unternehmenskommunikation“) jegliche Kommunikation die ein Unternehmen führt. Sie teilt sich in interne und externe Kommunikation auf. Das Ziel ist, eine einheitliche Kommunikation, von der Unternehmensleitung über die eigenen Mitarbeiter, die Lieferanten und Geschäftspartner bis hin zum Endkunden, zu gewährleisten. Es muss klar definiert werden, welche Inhalte an welche Zielgruppe gestreut werden sollen, und auf welchem Weg dies geschieht.

 

Corporate Identity - Design

 Das Corporate Design (kurz CD) bezeichnet ein konzeptioniertes, einheitliches Erscheinungsbild einer Marke oder eines Unternehmens. Dazu gehören grafisch einheitliche Produktverpackungen und Geschäftsausstattung, aber auch optisch passende Marketingmaßnahmen. Dadurch soll das Unternehmen nach innen und außen als Einheit dargestellt werden.

 

 

Unterschied RGB und CMYK

 

Um Farbeindrücke bei digitalen Medien und im Print zu verwenden, werden vordergründig zwei Systeme verwendet: RGB und CMYK. Die Farbräume von RGB und CMYK sind nicht deckungsgleich. Das bedeutet, dass nicht alle RGB-Farben gedruckt werden, und nicht alle mit CMYK erzeugten Druckfarben auf digitalen Displays angezeigt werden können.

 

Magento 2 Produktindividuelle Versandkosten

Unsere Webagentur hatte die Aufgabe, die Versandkosten individuell für jedes Produkt des Magento2-Onlineshops festzulegen. Genauer: Jedem Produkt, abhängig von einem bestimmten Attribut, ein bestimmtes Gewicht zuzuweisen, mit dem dann (mit Hilfe der tabellenbasierten Versandkosten) die endgültigen, gesamten Versandkosten bestimmt werden können. Hierzu kann man beispielsweise ein kleines Plugin schreiben.

 

Sitemap Cover Bild

Nach der (vermeintlich) erfolgreichen Erstellung einer Sitemap in Magento 2 (CE 2.3.5) wurde bei Ansteuerung der Sitemap ein Parse Error ausgegeben. Der Fehler: This page contains the following errors: Entity 'iacute' not defined. Below is a rendering of the page up to the first error. Die hier angebotene Lösung unserer Webagentur bzw. der angebotene Workaround bezieht sich natürlich nicht nur auf die Entity "iacute", also "&iacute", welche dem Buchstaben "í" entspricht, sondern auch Umlaute und andere Sonderzeichen wie Trademark (™) o.Ä..

Magento 2 Produkteigenschaften in Price-Block abrufen

Aufgabenstellung bei der Programmierung eines Onlineshops in unserer Webagentur: Wir möchten den Preis eines Produkts auf der Basis einer Option eines ausgewählten Attributes ausblenden, sowohl in der Listansicht (Kategorien, Suche, etc.) als auch in der Produktdetailansicht.

Onlineshop Magento 2: Preise ohne Nachkommastellen

Aktuelle Fragestellung in unserer Webagentur im Rahmen einer Onlineshop Erstellung auf Magento 2 Basis: Wie lassen sich die Preise in der Produktdetailansicht und in der Artikellistenansicht ohne Nachkommstellen darstellen? Die gute Nachricht: Magento 2 lässt bei der Formatierung des Preises mit Hilfe der Funktion formatCurrency() einen optionalen Parameter "$precision" zu, der für die Darstellung / Rundung verantwortlich ist. Die schlechte Nachricht: In der Detailansicht wird per Javascript noch einmal "nachformatiert".

 

Strukturierte Daten

Was sind strukturierte Daten?

Mit strukturierten Daten (vereinfacht: besonders gekennzeichnete Daten) können Seitenbetreiber dem Google-Bot weitführende Informationen zur Verfügung stellen, durch welche der Suchmaschine ermöglicht wird, die Webseiten besser anzuordnen und für bestimmte Suchanfragen treffender zu machen. Hierdurch können Crawler die Daten schneller deuten, was zu einer besseren Darstellung und einem besseren Ranking in der Suchmaschine führt.

Google Analytics Absprungrate

Die Absprungrate gibt an, wie viele Nutzer eine Webseite ohne eine Aktion durchzuführen (z.B. auf eine andere Unterseite wechseln), verlassen haben. Es handelt sich also um eine Einzelseiten-Sitzung, bei welcher der User keine weiteren Seiten aufgerufen oder so mit der Webseite interagiert hat, dass eine neue Anfrage an den Analytics-Server geschickt wurde.

Datenbank Migrationsfehler

In unserer Internetagentur migrieren wir aktuell einen alten Magento 1 Shop auf Magento 2.

Für die Migration nutzen wir das Datenbankmigrationstool von Magento. Bei der Nutzung wurde dann folgender Fehler ausgegeben:

Magento 2 Onlineshop Konsolen Fehler

Wir haben in unserer Internetagentur nach der Aktualisierung von Magento auf Version 2.3.5 festgestellt, dass die Konsole einige Fehler ausgibt. Dabei wurde das Laden von verschiedenen Dateitypen aus externen Quellen bemängelt (Refused to load the...). Beispielsweise Javascript, CSS, Bilder und Google-Fonts.

Google SMITH-Algorithmus

Google SMITH-Algorithmus

Wissen Sie schon alles über den Google SMITH-Algorithmus? Google SMITH ist ein Algorithmus, der den BERT-Algorithmus ergänzen soll, und beim Verstehen von längeren Texten helfen soll.  Wir klären die wichtigsten Fragen zu dem SMITH-Algorithmus hier in unseren Blog-Beitrag. Unter anderem was die Funktionen sind, ob er wirklich aktiv ist und wie sehr er bei der Google Suche den BERT-Algorithmus unterstützt.

 

Core Web Vitals

Was sind Core Web Vitals?

Mit den Core Web Vitals führt Google im Mai 2021 drei neue Kriterien zur Messung der Nutzerfreundlichkeit einer Webseite ein. Mit Hilfe dieser Kennzahlen soll die User Experience, die eine Webseite bietet, beurteilt und eingeordnet werden können. Die drei Hauptkriterien hierbei sind dabei Ladezeit, Interaktionszeit und Stabilität der Elemente einer Website.

 

TYPO3 Agentur Hacks

Aufgabenstellung in unserer Agentur: Wie kann man innerhalb der TYPO3 news Extension (TYPO3 v9) eigene cropVariants (fal_media) anlegen, so dass man selbstgewählte Zuschnittvorlagen / Schnittmasken zur Verfügung hat mit den Seitenverhältnissen 12:1, 8:3 oder beliebige andere? Die Standardlösung, wie Sie z.B. unter https://github.com/georgringer/news/issues/371 zu sehen ist, führte bei uns nicht zum Erfolg.

 

Wordpress Update auf Version 5.5

Wir haben in unserer Internetagentur festgestellt, dass das Update auf Wordpress 5.5 oft Probleme verursacht. Nach längerer Recherche sind wir auf die Ursache gestoßen.

Menü mit Verweisen und Subtitle-Links

Aufgabenstellung in unserer Agentur: In einem Menü einer TYPO3-Installation (TYPO3 v9.5) sollten die Untertitel der Menüpunkte mit den entsprechenden Seiten verlinkt werden, das Linkziel der Subtitles sollte also dem Linkziel der eigentlichen Menüpunkte entsprechen. Es würde nun nahe liegen, einen typolink zu setzen mit parameter.data = field:uid. Dies funktioniert jedoch nur bei regulären Seiten, die nicht auf andere Seiten verweisen. Bei Verweis-Menüpunkten würde damit der Menüpunkt dann zwar nach einem regulären Aufbau des Menüs selbst zum richtigen Ziel / der Referenzseite verlinken, der Untertitel jedoch würde zur Seite selbst und damit zu einem 404-Fehler führen.

 

Smartfit Größenrechner mit Varianten

In unserer Agentur verwenden wir für ein Projekt einen Größenrechner von Smartfit, der die Größe des gewünschten Artikels auf Basis mehrerer Parameter berechnen kann. Problem hierbei ist, dass der Teil der Artikeldetailseite, welcher den Rechner "beherbergt", nach Auswahl der Variante via AJAX neu berechnet wird und der Größenrechner dann nicht neu populiert und funktioniert nicht mehr.

Image Map

Was ist eigentlich eine Image Map? Wissen Sie es? Wenn Sie dieses Thema interessiert, dann sind Sie hier richtig. Im Folgenden wird erklärt, was eine Image Map ist, welche Ziele diese hat und in welchen Bereichen sie eingesetzt wird. Außerdem wird durch Beispiele erläutert, wo sie am meisten genutzt wird. Darauffolgend werden die Vor- und Nachtteile einer Image Map geschildert und wichtige Schlüsselbergriffe erklärt. Zum Schluss gibt es eine Anleitung für die Erstellung einer eigenen Image Map mit einer App wie zum Beispiel:"Photoshop".

 WordPress Child-Theme

Was ist ein Child-Theme?

 

Ein Child-Theme ist ein Theme, dass das Styling und die Funktionen eines anderen Themes, dem sogenannten Parent-Theme erbt. Es ist sozusagen eine Kopie des Parent-Themes, in der man gewisse Änderungen und Anpassungen vornehmen kann, ohne das original Parent-Theme zu verändern.

 

Imagemagick Graphicsmagick

In einer TYPO3 (TYPO3 9) Installation in unserer Agentur gab es Probleme beim Image Processing mit Imagemagick. Imagemagick war über den Softwaremanager installiert, Ghostscript auch. Dennoch erhielten wir im Backend bei der Überprüfung des Image Processing unter "Environment->Image Processing" die Meldung "Image generation failedImage generation failedImageMagick / GraphicsMagick handling is enabled, but the execute command returned an error. Please check your settings, especially ['GFX']['processor_path'] and ['GFX']['processor_path_lzw'] and ensure Ghostscript is installed on your server."

 

 bei Kontaktformularen zu beachten

Kontaktformulare sind ein wichtiger Bestandteil einer Website und ein großer Teil der aktiven Kunden-Website-Interaktion. Oft entscheidet sich anhand des Formulars, ob dem Kunden eine Webseite gefällt oder nicht. Es gibt unterschiedliche Arten wie man ein Formular auf der Website anordnen kann.

Optimale Inhaltsbreite

In unserer Webdesign-Agentur ist uns bei der Erstellung von Websites besonders wichtig, dass der Nutzer bei dem Besuch einer Seite benötigte Informationen möglichst schnell und effizient finden kann. Der erste Schritt eines Nutzers, der auf eine neue Webseite kommt, ist häufig zunächst den Aufbau der Webseite kurz zu registrieren und die ersten Texte zu überfliegen. Deswegen ist es wichtig, den User schon in diesem Schritt an die Hand zu nehmen und ihm seine Informationssuche so leicht wie möglich zu machen.

 Call-to-Action

Bei einem Call-to-Action (zu dt. „Aufruf zu einer Aktion“) handelt es sich wie der Name schon sagt, um eine Aufforderung an den Nutzer etwas zu tun. Im Bereich Web-Design sind Call-to-Actions (CTA) normalerweise interaktive Elemente auf einer Webseite. Sie können z.B. in Form eines Buttons auftreten oder als einfacher Link. Aber auch ein eingebundenes Video kann ein Call-to-Action sein, da es den Nutzer animieren soll, darauf zu klicken und es anzuschauen.

Frontend-Layout für Änderungen im Header

In einem TYPO3-Projekt in unserer Agentur möchten wir einen anderen Header für bestimmte Seiten ausgeben, d.h. anderes Logo, andere Menüstruktur, etc.. Dies ist in wenigen einfachen Schritten umsetzbar (hier am Beispiel einer Website mit TYPO3 v9.5.19): Zuerst fügen wir in der Seiten TS Config ein eigenes Layout hinzu, z.B. mit der Anweisung

 

Farbwahl einer Webseite

Egal ob man Farben für das gesamte Konzept einer Webseite sucht, oder ob lediglich einzelne Elemente gestaltet werden sollen, die Auswahl dieser Farben sollte gut durchdacht sein. Denn je nachdem, welche Farben man miteinander kombiniert, können ganz unterschiedliche Effekte erzielt werden. Deswegen ist es sinnvoll, zunächst die Grundlagen zum Thema Farben zu verstehen.

Newsletter erfolgreich

Wenn man einen Newsletter erstellt, bekommt man von dem Erstellungstool häufig die Möglichkeit geboten, den Erfolg des Newsletters anhand von auf Wunsch erstellten Reports zu analysieren. Dabei sieht man eine Menge Zahlen und Statistiken und weiß oftmals nicht so recht, was man damit anfangen soll. Welche Zahlenwerte sind gut und welche eher schlecht? Wie kann ich die Statistik nutzen, um den nächsten Newsletter ansprechender zu gestalten?

Wirkung und Funktion von Farben

Farben können in Bezug auf Webdesign unterschiedliche Funktionen haben und eine bestimmte Wirkung erzielen. Sie dienen zum Beispiel dazu, den Nutzer zu stimulieren, sie können eine Struktur erzeugen und den Nutzer leiten und nicht zuletzt werden sie gezielt eingesetzt, um Aufmerksamkeit zu erregen und bestimmte Elemente hervorzuheben.

Blog einrichten Typo3

In unserer Web-Angentur mussten wir für einen unserer Kunden ein Blog-System für Typo3 einrichten. Dafür haben wir ein Plug-In benutzt. Bei dem Prozess muss auf ein paar Punkte  Rücksicht genommen werden.

1. Wir sollten erstmal die Blog-Erweiterung (https://docs.typo3.org/p/t3g/blog/9.1/en-us/Index.html ) unter Erweiterungen installieren.

 

2. Danach müssen wir unseren Blog einrichten. Unter System> Blog >Setup a new Blog wurde die Struktur unseres neuen Blogs eingerichtet. Sie sollte so aussehen:

 

UX Designer

In einem Designprozess gibt es kein Schema X, dem man einfach blind folgen kann. Jedes Produkt ist anders und somit ist auch seine Entwicklungsphase individuell anzupassen. Die Vorgehensweise eines UX Designer lässt sich also nicht verallgemeinern. Außerdem hat jeder Designer unterschiedliche Ansätze und Methoden, die sich für ihn oder sie bewährt haben. Dementsprechend soll dieser Artikel lediglich einen kleinen Überblick über einen möglichen Designprozess und verschiedene Methodiken bieten.

gutes Design

Das ist eine Frage, die jeder für sich selbst beantworten muss. Design ist nämlich in erster Hinsicht eines – und zwar subjektiv. Jeder Mensch hat einen individuellen Charakter und somit auch einen eigenen Geschmack. Was dem einen gefällt, das findet jemand anderes wiederum furchtbar.

 

Übersetzungen für Blog erstellen TYPO3

Ab und zu mal wieder ein paar Basics :-): In unserer Webagentur schreiben wir aktuell ein kleines Partial für die Listausgabe der TYPO3 "blog"-Extension. Hierbei möchten wir den von der blog-Extension gelieferten Link mit eigenen Texten versehen und nicht den Titel ausgeben lassen, wie standardmäßig eingestellt.

 

 Partials der blog Extension überschreiben

Möchte man innerhalb einer TYPO3-Website (v9.5) die Partials der Extension "blog" überschreiben (um z.B. die Listenansicht zu verändern), reicht es, die folgenden Anweisungen im Template-Setup zu integrieren und dann die entsprechenden Partials anzulegen (in unserer Agentur war es \fileadmin\templates\ext\blog\Partials\List\Post.html:

 

 UX Design

Fachbegriffe wie beispielsweise User Experience Design werden in unserer Webdesign Agentur täglich verwendet, auch in Kundengesprächen. Dabei wird häufig vergessen, dass nicht jeder weiß, was eigentlich hinter diesem Begriff steckt. Deswegen soll der folgende Artikel dazu Abhilfe schaffen.

 

DSGVO Google Maps

Eine (immer noch) aktuelle Fragestellung in unserer Internet Agentur: Laut der DSGVO müssen jegliche Tracker einer Seite durch einen Cookiehinweis abwählbar sein. Dies gilt auch für eine Google Maps Integration auf der eigenen Website. Diese sammelt nämlich auch Daten über die Besucher der Seite.

Projektmanagement Tools

 

Projektmanagement ist ein wichtiger Bestandteil für Internetagenturen, um Projekte und deren Herausforderungen zu meistern. Für die fünf Projektmanagement Phasen - Vorbereitung, Initiierung, Planung, Steuerung und Abschluss haben wir uns drei große Projektmanagement Tools angesehen.

 

Core Update von 8 auf 9

In unserer Webagentur wurde ein Update von TYPO3 v8 auf TYPO3 v9 durchgeführt, hierbei wurde ein Template verwendet, welches auf der TYPO3-Extension "gridelements" basiert. Nach dem Update waren jedoch Elemente im Frontend der Website falsch angeordnet und falsch gestylt. Im Website-Backend war diese "Unordnung" genauso sichtbar, die Childelemente hatten Ihre Parentelemente verlassen und waren so bunt durcheinander gewürfelt. Der Grund hierfür ist, dass das colPos-Feld in der tt_content-Tabelle durch das Core-Update verändert wird, siehe auch unter https://docs.typo3.org/typo3cms/extensions/gridelements/stable/Chapters/Notes/Index.html:

 

Core Update

In unserer Agentur wurde ein Update von TYPO3 v8 auf TYPO3 v9 durchgeführt, hierbei wurde ein Template verwendet, welches auf der TYPO3-Extension "gridelements" basiert. Nach dem Update waren jedoch Elemente im Frontend der Website falsch gestylt. Im Website-Backend wurde sichtbar, dass das jeweilige Element-Layout im Reiter "Erscheinungsbild" falsch gesetzt war. Der Grund hierfür ist, dass das "layout"-Feld in der tt_content-Tabelle durch das Core-Update verändert wird.

 

Page-Builder-Tool Elementor

Um als Internetagentur unser Know-How in Bezug auf Möglichkeiten der Webseitenerstellung zu erweitern, haben wir nun das Coachie-Template-Kit installiert, das mit dem Page-Builder Elementor bearbeitet wird.

 

WordPress mit XAMPP

WordPress ist eine Open-Source-Software, die zur Erstellung von Webseiten, Blogs oder Apps genutzt werden kann. Um WordPress lokal auf dem eigenen PC installieren zu können, wird ein Webserver benötigt. Dieser ist beispielsweise in dem Programm XAMPP enthalten.

No implementation found to handle given hash.

Während des Updates-Prozesses einer TYPO3-Website von v8 auf v9 in unserer Internetagentur wurde der folgende Fehler erzeugt: component="TYPO3.CMS.Core.Error.ProductionExceptionHandler": Core: Exception handler (WEB): Uncaught TYPO3 Exception #1234567890: No implementation found to handle given hash. This happens if the stored hash uses a mechanism not supported by current server. Follow the wiki link to fix this issue. Mit diesem Fehler einhergehend konnten wir uns nicht im Install-Tool der Website einloggen über die URL /typo3/install.php. Die Standardverschlüsselungsmethode von TYPO3 9 ist hierbei argon2i, leider nicht verfügbar auf dem verwendeten Entwicklungsserver. Was ist also zu tun?

 

Sek. Dimensionen in Google Analytics

 

Dieser Schlüsselwert bietet eine zusätzliche Ebene zum Sortieren und / oder zusammenfassen der Daten in Google Analytics Berichten. Für das Google Enhanced E-Commerce Tracking ein wichtiger Wert um zusätzliche Parameter zu filtern wie z.B. Versandarten.

 

 

 

Chronoforms 5 Variabilisierung von Footer/Header

In unserer Agentur haben wir vor einigen Jahren für einen Kunden eine Seite mit einigen Formularen erstellt. Allerdings haben wir damals einen festen Footer mit Geschäftsdaten in den Formularen hinterlegt.

Jetzt kam das Problem auf, dass ein Geschäftsführer das Unternehmen verlassen hat, und jedes Formular einzeln geändert werden musste.

Damit wir das Problem zukünftig umgehen, haben wir diesmal die Felder Funktion von Joomla verwendet.

 

Textbausteine über Zahlart im Checkout einbauen

Problemstellung heute in unserer Internetagentur: Wir möchten in einer Website / einem Onlineshop (umgesetzt mit Shopware 5) oberhalb einer ausgewählten Zahlungsart einen Textbaustein einbauen, den wir frei verändern können. In diesem speziellen Fall möchten wir oberhalb von verschiedenen Leasing-Modellen einen Hinweis einblenden, dass in einem Textfeld weitere Angaben erforderlich sind. In unserem Shopware 5 Onlineshop verwenden wir zudem PayPal Plus, so dass PayPal-fremde Zahlarten über das PayPal Plus Modul ausgespielt werden. Somit greifen wir hier nicht direkt in das Standard-Bare-Theme ein, sondern müssen das PayPal Plugin in unserem Theme abändern.

 

COOKIE CONSENT DSGVO

Bei der Integration des Cookie Hinweises auf Wordpress Seiten verwenden wir das Plugin "Beautiful Cookie Banner". Dieses Plugin basiert auf dem Osano Cookie Consent Skript, welches wir in den anderen Blogbeiträgen schon verwendet haben.

Google Ads B2B-Kampagnen

B2B Kampagnen unterscheiden sich grundsätzlich nicht von B2C Kampagnen in Google Ads. Außerdem ist die Kommunikation immer von Mensch zu Mensch was bedeutet, dass man nicht direkt eine Unterscheidung zwischen B2C und B2B ziehen kann. Worauf muss man also achten und wo sind die Unterschiede der Märkte?

 

 

Instagram Werbung

Social Media Werbung erfreut sich an einer großen Beliebtheit, in dieser Art genauso Instagram Werbung. Zeitgenössische Evaluationen belegen, dass Firmen von Werbung in den sozialen Medien klar gewinnen. Werbung auf Facebook, Twitter und Instagram lockt die Kunden jedenfalls in dieser Art effektiv wie die althergebrachte TV- und Printwerbung und ist im unmittelbaren Vergleich zu den bewährten Werbemaßnahmen klar kostengünstiger.

 

Löschen des Caches per FTP

Beim löschen des Magento Static Caches kommt es zu dem Problem, das die Seite eine gewisse Zeit braucht, bis Sie wieder einwandfrei funktioniert. Dies ist natürlich suboptimal, wenn man Änderungen umsetzt, bzw. wieder rückgängig machen muss.

Joomla Chronoform 0 syntax error, unexpected '}', expecting end of file

Auf Grund einer bevorstehenden Änderung in den Chronform Formularen haben wir eine Lokalinstallation einer Kundenwebseite aufgesetzt.

 

Seltsamerweise bekamen wir beim Abschicken der Formulare auf der Lokalinstallation folgende Fehlermeldung:

 

0 syntax error, unexpected '}', expecting end of file administrator\components\com_chronoforms5\chronoforms\actions\email\email.php(127) : eval()'d code:59

Plugin Consors Finanz

Möchte man das angegebene Finanzierungsbeispiel des Shopware-Plugins "Consors Finanz" des Plugin-Herstellers "MILLEMEDIA" auf der Produktdetailseite ändern, kann man das nicht über das Backend machen, sondern kann in der Funktion, die das jeweilige Beispiel heraussucht, passend eingreifen. Wir möchten beispielweise nicht die günstigste Rate anzeigen, sondern die günstige Rate mit 0-%-Finanzierung.

 

Patch SUPEE-11555 Fehler media.js

Gibt es beim Einspielen des Sicherheitsupdates SUPEE-11555 Probleme und bricht das Update ab bei der Datei media.js, kann dies an den Zeilenenden liegen. Die Meldung beim Update-Prozess des Onlineshops lautet dann: "checking file js/tiny_mce/plugins/media/js/media.js Hunk #1 FAILED at 483 (different line endings).1 out of 1 hunk FAILED". Dies lässt sich aber leicht beheben.

Google Ads Neuerungen 2019 & 2020

Google unternimmt regelmäßig Aktualisierungen in Google Ads vor. Wir haben alle wichtigen Änderungen und Auswirkungen auf Ihr Google Ads Konto zusammengefasst.

 

Google Ads Qualitätsfaktor

Um die Signifikanz Ihrer Zielseite und Anzeigen hinsichtlich der auserwählten Keywords einzuschätzen, können Sie sich den Qualitätsfaktor ansehen.

Der momentane Qualitätsfaktor und seine Bausteine werden in vier Statusspalten aufgeteilt: "Qual.-Faktor", "Nutzererfahrung mit der Landingpage", "Anzeigenrelevanz" und "Voraussichtliche Klickrate".

 

Paypal Fehler unsupported response type Gambio

Treten in einem Gambio Onlineshop Probleme mit der Zahlung via Paypal Plus auf und ist in den Paypal Error Logs die Meldung USER NOTICE: "ERROR performing request: unsupported response type application/json;charset=UTF-8" zu sehen, kann dies an einer veralteten Shopversion / Paypal-Plugin-Version liegen. Zuerst suchen wir die Datei heraus, die den genannten Fehler ausgibt und versuchen dann, den Onlineshop mit einer Änderung der problemgebenden Stelle wieder mit Paypal kompatibel werden zu lassen.

 

Kontaktformular in Laravel

Problemstellung in unserer Internet Agentur: Das Kontaktformular ist zweisprachig verfügbar auf unserer Website mit dem PHP-Framework Laravel, einmal Deutsch, einmal Englisch. Durch das Absenden des deutschen Kontaktformular auf der Website erhält der Administrator eine Mail auf Deutsch und kann diese Mail auch problemlos beim Antworten oder Weiterleiten anhängen. Nach dem Absenden des Kontaktformulars auf der Website in englischer Sprache erhält der Admin die Mail jedoch auch auf Deutsch.

 

Navigationspfade-Probleme Gambio

Erhält man die Meldung "Navigationspfade-Probleme auf Seite xy erkannt" und wird in der Google Search Console danach der Fehler erläutert mit "data-vocabulary.org schema deprecated" (hier: Breadcrumbs), sollte man in den Template-Dateien Anpassungen vornehmen, um die strukturierten Daten mit den aktuell gültigen Auszeichnungen umzusetzen. Unser Beispiel hier bezieht sich auf die Breadcrumbs, die den Navigationspfad über strukturierte Daten / Rich Snippets darstellen sollen.

 

Cookie Consent Magento 2

In diesen Beitrag zeige ich ihnen, wie man den Cookie Hinweis in Magento 2 einbindet. Wichtig: Falls Sie das Google Analytics per Backend eingebunden haben, müssen Sie dieses deaktivieren.

 

Wenn wir mit Shopware einen Onlineshop erstellen, kann es Kundenwunsch sein, den Google Tag Manager als Hilfstool im Online Marketing zu integrieren. Hierzu gibt es Extensions, jedoch ist es (für Techniker) auf dem Fußwege im Grunde einfacher und schneller und zieht in der Regel keine Kompatibilitätsprobleme und Aktualisierungszwänge nach sich. So reichen im Grunde Änderungen an 2 Stellen in Shopware aus, um den Onlineshop fit für den Google Tag Manager machen.

newsletter marketing

Bei der Erstellung von Templates in Newsletter2go kann es sein, dass man einen Abmeldelink in einer individuellen Vorlage integrieren möchte an einer Stelle innerhalb eines HTML-Elements und nicht in einem Textelement, in dem das Einfügen eines Abmeldelinks per Dropdown bzw. Popup angeboten wird (auf diese Möglichkeit verweisen die die meisten Hilfeartikel und -videos, die man hierzu finden kann). Also kann man hier unter Zuhilfenahme eines Abmeldelinks in einem Textelements den Shortcut-Code auslesen und diesen dann in das gewünschte HTML-Element übertragen.

 

Nach dem EUGH-Urteil vom 01. Oktober 2019 wird empfohlen, ein explizites Opt-In für alle Marketing-Cookies / für alle nicht zwingend für den Betrieb einer Website erforderlichen Cookies zu implementieren. Das heißt: Bevor überhaupt ein Marketing-Cookie ausgespielt wird, z.B. ein User durch Google Analytics getrackt wird, muss er diesem Cookie zustimmen. Wie setzen wir dieses explizite Opt-In-Verfahren nun in Laravel um? Eine schlanke und unkomplizierte Möglichkeit ist hier die Cookie Consent-Lösung von Osano (https://cookieconsent.osano.com/). Mit dieser können wir im Grunde mit ein wenig Javascript in 2 Layout-Partials alles erledigen (da Website zweisprachig, kommen hier noch 2 Sprachdateien dazu, dazu weiter unten mehr!).

Magento 2 EH Customer Approve

Gesehen in unserer Internetagentur in einem Onlineshop auf der Basis von Magento 2: Zu einem bestimmten Zeitpunkt war ohne Änderungen am Onlineshop kein Login in den Adminbereich mehr möglich. Im erzeugten Fehlerreport wurde darauf hingewiesen, dass ein Zertifikat einer per https-Protokoll angeforderten Seite nicht sicher sei, die anfragende Datei war Teil der Extension Hut Extension "Customer Apporoval". Genauer gesagt wurde der Fehler in der folgenden Datei verursacht, in der man dann die Änderung vornehmen muss:

 

reCaptcha 2 in Laravel einbauen

Problemstellung in unserer Internetagentur aktuell: Wie sichere ich mein Kontaktformular ab mit dem Google reCaptcha v2? Erst einmal holen wir uns die benötigte Erweiterung von Biscolab mit dem Composer via require biscolab/laravel-recaptcha. Danach folgen wir dem Manual unter https://laravel-recaptcha-docs.biscolab.com/docs/intro und erstellen via php artisan vendor:publish --provider="Biscolab\ReCaptcha\ReCaptchaServiceProvider" die Konfigurationsdatei und tragen unsere vorher bei Google beantragten Schlüssel (Site Key und Secret Key) ein in die Datei ".env".

Shopware Backend Bestellungen Serverfehler Error 500

Erhält man im Backend von Shopware in der Übersicht der Bestellungen (Kunden->Bestellungen) einen AJAX-Fehler (Error 500) und kann nicht alle Kundenbestellungen ansehen, empfiehlt es sich, in den Shopware-Errorlogs (direkt im Backend oder über var/log/) nachzusehen. Bei uns deutete der Fehler darauf hin, dass es Probleme mit dem Zahlungsstatus gibt. Die genaue Fehlermeldung im Logfile lautete:

Magento 2: Uncaught SyntaxError

Erhält man den Fehler "Uncaught SyntaxError: Unexpected token O in JSON at position 145" auf der Artikeldetailseite und das Artikelbild wird nicht mehr geladen und keine AJAX / Javascript-Operation ist mehr möglich, kann die Lösung relativ einfach sein. In unserem Onlineshop mit Magento 2 (Magento CE 2.2.5) war in unserem Artikelnamen das "Zoll-Zeichen" (") in Form eines doppelten Anführungsstriches vorhanden.

Magento 2: Konfigurierbares Produkt

Erstellt man in Magento 2 ein konfigurier bares Produkt und weist diesem über ein ausgewähltes Attribut Einfache Produkte zu, so kann man eben diese Einfachen Produkte über ein Dropdown auf der Produktdetailseite auswählen. Es ändern sich Bilder und Preis, jedoch nicht die SKU, auch werden im Dropdown nur die Bezeichnungen des zugrunde liegenden Attributes angezeigt und nicht der Name des verknüpften Einfachen Produkts. Stattdessen wir die Differenz zum Preis des aktuell gewählten Einfachen Produkts angezeigt. Wir möchten nun erreichen, dass die Preisdifferenz nicht angezeigt und als Ersatz neben dem Attribut-Label der Name das jeweils verknüpften Einfache Produkts angezeigt wird: zuerst erstellen wir ein kleines Plugin und tragen hierbei in die Datei

 

PayPal Express Button

Problemstellung in unserer Internetagentur: Wird mit dem aktuellen PayPal-Plugin ("SwagPaymentPayPalUnified", siehe https://store.shopware.com/swag828732772311f/paypal.html, dieses löst altes Plugin "PayPal Express" ab) der PayPal Express Checkout in einem Shopware-Onlineshop aktiviert, aber nicht angezeigt, kann das an der Lokalisierung des Shopware-Shops liegen. In unserem Falle meldete die Konsole den Javascript-Fehler "Error: Expected props.locale to be valid", die Lokalisierung ist also nicht gültig. In unserem Falle war diese Kasachisch (Sprachcode "kk_KZ"), da wir das Du-Sprachpaket ("Sprachpaket Deutsch Du - Shopware 5+ ready") von "Shop Uebersetzungen" verwenden. Der Code "kk-KZ" ist aber nicht vom PayPal-Plugin unterstützt. Was also tun?

 

Artikelbeschreibung in Bestellbestätigung Magento

Aufgabenstellung in unserer Agentur bei einem Onlineshop auf Basis von Magento 1 CE 1.9: Wir möchten die Artikelbeschreibung (die sehr kurz ist!) unterhalb der Artikelnummer in der Bestellübersicht in der Bestellbestätigung anzeigen. Der richtige Ort, um hier Änderungen umzusetzen, ist die Datei

Mobiles OffCanvas Menü Shopware

Fragestellung in unserer Internetagentur bei einer Onlineshop Erstellung mit Shopware: Wie verhindert man beim Öffnen des OffCanvas-Menüs in den mobilen Ansichten (Viewport "s" und "xs"), dass auch bei Kategorien ohne Subkategorien das Kategoriemenü gezeigt wird, mit dem man dann erst wieder beim nächsten Klick zurück zur weiteren Navigation gelangt? Dieses von Shopware in der Grundinstallation ausgelieferte Verhalten kommt mithilfe von einem Plugin ("swSubCategoryNav") zustande, welches auf das Attribut "[data-subcategory-nav="true"]" abstellt. Festgelegt wird dieses Verhalten in der Datei

 

Akkordeon statt Tab Shopware

Problemstellung in unserer Internetagentur: In einem Onlineshop auf Shopware-Basis möchten wir für alle Viewports / Bildschirmbreiten ein Akkordeon einrichten, dass die Artikelbeschreibung in der Produktdetailansicht enthält. Hierzu kann man das bereits vorhandene Plugin swCollapsePanel, welches Shopware beispielsweise schon für die Darstellung des Crossselling-Sliders in den Viewports "s" und "xs" via StateManager verwendet (hier die Selectoren ".tab-menu--cross-selling .tab--header" für den Header und ".tab--content" für den Inhalt. Zuerst schauen wir uns die Datei

 

Breakpoints anpassen Shopware

Problemstellung in unserer Internetagentur heute: Wie ändere ich in einem Onlineshop auf Shopware-Basis die Breakpoints in einem Child-Theme, das vom Responsive-Theme abgeleitet ist? Schön wäre es natürlich, wenn wir die Datei, in der die Breakpoints definiert werden einfach in das Child-Theme schieben und dann die Breakpoints ändern. Funktioniert aber leider so nicht. Wir müssen hier über den StateManager gehen, der es uns in Shopware ermöglicht, Javascript-Plugins abhängig von verschiedenen Bildschirmbreiten auszuführen (siehe auch https://developers.shopware.com/designers-guide/javascript-statemanager-and-pluginbase/).

 

Warenkorb-Button in Wishlist Shopware 5

Auch ohne ein Plugin ist es relativ unkompliziert möglich, in der Wishlist in einem mit Shopware 5 umgesetzten Onlineshop einen Warenkorb-Button hinzuzufügen. Angelehnt am Buy-Button des Artikellistings (/themes/Frontend/Bare/frontend/listing/product-box/button-buy.tpl) sucht man sich zu diesem Zwecke die passende Template-Datei für die Anzeige der Items in der Merkliste. Diese finden wir in /themes/Frontend/Bare/frontend/note/item.tpl, genauer gesagt ist hier der Block {block name="frontend_note_item_actions_buy"} relevant. Natürlich nicht im Bare-Theme verändern, sondern Block erweitern in eigenem Theme. Den Block befüllen wir dann mit dem Warenkorb-Formular, wie es im Artikellisting auch angezeigt ist:

 

404-Seite (no-route) Magento 2

Problemstellung in userer Internetagentur: Ein mittels Widget im Onlineshop-System Magento 2 eingebundener Seitenlink wurde nicht auf unserer no-route-Page angezeigt, obwohl im Magento-Backend in den Widgeteinstellungen so festgelegt. So ist hier Typ "Seiten-Link", Paket/Theme "Luma" und als Storeviews alle vorhandenen ("Alle Store Views" würde auch reichen!) angegeben, Sortierreigenfolge hier egal, Layoutupdates nur für "Angegebene Seite" und zwar Seite "CMS No-Route Default Page" ("CMS No Route") ging hier genau so wenig, gehen wir aber nachher näher darauf ein:

 

Admin Backend langsam Magento 1

Ist das Backend in Magento 1 extrem langsam, schon beim Einloggen oder beim Speichern von Artikeln, gibt es ein paar Kniffe, die Abhilfe schaffen können: Zwei Knackpunkte sind hierbei das /var/cache-Verzeichnis und die Tabelle core_url_rewrite. Ist das Backend schon beim Einloggen extrem langsam, hilft es den Ordner "var/cache/" manuell zu löschen. Ist das Bearbeiten bzw. Speichern von Artikeln sehr langsam, kann das an langsamen Datenbankabfragen liegen. Diese kann man beispielsweise mit einem slow query log ausfindig machen. Bei uns war hier die exorbitant große Tabelle core_url_rewrite auszumachen, bei der Zugriffe zum Teil über 30 Sekunden und länger dauerten. Maßnahme hier: Manuelle Rewrites sichern, Auswahl z.B. durch REGEXP:

  

Google Shopping Export Gambio

Unsere Internetagentur wurde damit beauftragt, einen Feed für Google Shopping aus dem Onlineshop-System Gambio zu erstellen bzw. die Erstellung des Shopping Feeds aus Gambio heraus zu korrigieren, da Fehler vorhanden. So wurde beispielsweise das Versandgewicht nicht korrekt exportiert, hier wird das Versandgewicht aus dem Onlineshop mit einem Punkt (".") als Dezimaltrenner exportiert. Dieses muss jedoch ein Komma (",") sein, so dass wir die Exportanweisung in der Spalte "Versandgewicht" von 

 

Klarna Payments Magento

Wie ändert man den Namen (Titel / Label) der Klarna Payments lösung im Checkout eines mit Magento CE 1.9 umgesetzten Onlineshops um? Vorausgeschickt: Im Backend ist diese Einstellung leider nicht auffindbar, so steht dann im Checkout z.B. "Rechnung." mit Punkt statt "Rechnung" ohne Punkt. Hier hilft eine Änderung im "payment form block". Wir suchen somit in der Datei 

TYPO3 v8 XAMPP Installation

Vor der Installation prüft TYPO3, ob alles Installationsvoraussetzungen erfüllt sind. Unter anderem prüft TYPO3 auch, ob das memory_limit in der php.ini der XAMPP-Installation beschränkt ist. In unserem Fall hatten wir dies beschränkt auf 2.048 MB:

memory_limit=2048M. Dennoch erschien vor der TYPO3-Installation immer noch der Warnhinweis: "Unlimited memory limit for PHP". Die detaillierte Meldung lautete hierbei:

 

DSGVO Magento

Wie ändert man den Namen im Kontaktformular in Magento 1 von einem Pflichtfeld in ein optionales Feld? Hintergrund: Im Rahmen der in 2018 wirksam gewordenen Datenschutzgrundverordnung (DSGVO) möchte man dem User die Möglichkeit geben, eine Nachricht an den Shopbetreiber zu übermitteln, ohne den Namen angeben zu müssen.

 

Login Check für CMS-Seiten Magento

Wie kann man CMS-Seiten abhängig davon gestalten, ob ein User eingeloggt ist oder nicht? Im Grunde relativ einfach: Man erstellt eine phtml-Datei, die man dann in der CMS-Seite einbindet. In dieser Datei kann man dann die Funktion isLoggedIn verwenden, die zurückgibt, ob der User eingeloggt ist oder nicht und so verschiedene Ausgaben erzeugen, z.B. verschiedene statische Blöcke Aufrufen.

 

Joomla Chronoforms

Wie exportiert man Formulareingaben in Joomla-Formularen, welche über Chronoforms implementiert sind? Ein gut verwaltbarer Weg ist z.B. die Einbindung von entsprechendem Code via Backend. So wählt man ein beliebiges Formular über "Komponenten-ChronoForms5" aus und wechselt in die Registerkarte "Setup".

Invalid expression in selector Magento 2

Bei der Test-Bestellung auf unserem Magento-Shop erscheint die folgende Fehlermeldung in der Bestellbestätigung: CSS Inline Fehler: DOMXPath::query(): Invalid expression in selector >> div.block-minicart .minicart-items .product-item:not(:first-child) << in vendor/pelago/emogrifier/Classes/Emogrifier.php on line 372.

Magento 2 Shopping-Cart

Nach Kunden-Login ist uns aufgefallen dass der Warenkorb gar nicht angezeigt wurde. Nur auf der Kunden-Konto Seite ist die sichtbar. Ob die angezeigt wurde oder nicht wurde in folgende Datei definiert C:\xampp_7_1_23\htdocs\oku-online\app\design\frontend\econcess\default\Magento_Checkout\templates\cart\minicart.phtml   Die If-Schleife lautet:   

Magento 2 Produktbeschreibung

Auf der Startseite wieder unter „Meistverkaufte Produkte“ muss zu den Produkten ein Produktbeschreibung hinzugefügt werden. Dazu muss ein Override erstellt werden. Die Template-Datei, die überschieben werden soll liegt unter:

\app\design\frontend\template-name\default\Magento_CatalogWidget\templates\product\widget\content\grid.phtml

Den Block der eingefügt werden muss finden wir unter

entfernen zu Vergleichsliste hinzufügen Magento 2

Auf der Startseite von unserem Shop unter „Meistverkaufte Produkte“ muss die  „zu Vergleichsliste hinzufügen“ Funktion entfernt werden. Wir haben in unsere .xml Datei

\app\design\frontend\theme-name\default\Magento_Theme\layout\default.xml

folgende Codeschnipsel eingefügt:

Magento Diglin Username Bug

Wir haben in einer unserer letzten Blogbeiträgen (https://econcess.de/blog/onlineshop-erstellung-magento/163-magento-2-onlineshop-username-fuer-kunden-login-einrichten) das Plugin "Diglin Username" vorgestellt, mit welchem es möglich ist sich bei Magento mit dem Username anzumelden.

Magento Fehlermeldung

Wir hatten das Problem, dass wir von folgender Fehlermeldung beim Laden der Magento Seite begrüßt wurden:

 

Magento\Framework\Serialize\Serializer\Serialize>Magento\Framework\Serialize\Serializer\{closure}(8, 'unserialize(): ...', 'C:\\xampp\\...', 42, Array)

Bricht der File-Upload in Magento 2 (hier: Magento 2.2.5) ab bei dem Versuch, eine Videodatei in einem statischen Block hochzuladen, kann es an einer zu großen post_max_size liegen. In diesem konkreten Fall war der PHP-Parameter in der php.ini auf 2048M eingestellt, also 2 Gigabyte. Sieht man sich nun bei dem Versuch, eine Datei hochzuladen, den in der Konsole ausgegebenen Fehler an, erhält man die Nachricht, dass der Compiler bei der Abarbeitung des Programmcodes auf einen "Unexpected token" getroffen ist und durch diesem dann einfach nicht mehr weiter machen kann.

 

Username für Kunden-Login einrichten

Wir möchten den Kunden eines mit Magento 2 implementierten Onlineshops den Login mit einem Usernamen ermöglichen (zusätzlich zu dem regulären Login mit E-Mail-Adresse). Hierzu gab es schon in Magento 1 eine schöne Extension "Diglin Username". Diese ist für Magento 2 aktuell im Beta-Stadium, aber recht gut zu verwenden. Hier zeigen wir Euch, wie:

 

Update von 2.5 auf 3.x Joomla

Wenn Sie Ihre Seite von Joomla 2.5 auf 3.x aktualisieren möchten, kann es vorkommen, dass Sie die Nachricht bekommen, dass „Keine Aktualisierungen vorhanden“ sind.

 

 

Frontend Kommentare bei Bestellung

Wir wollen dem Kunden nun die Möglichkeit geben, während der Bestellung Kommentare eingeben zu können, die dieser Bestellung dann backendseitig zugeordnet werden sollen und so die Bearbeitung durch den Shopbetreiber ermöglichen. Zudem soll der Kunde seinen eingegebenen Kommentar sowohl in der Bestell-E-Mail als auch in der Bestellübersicht seines Kundenkontos finden können. Die erste Aufgabe ist mir einer geeigneten Extension schnell gelöst, wir haben hier mit der Erweiterung   gearbeitet. Ist soweit ganz gut anwendbar, mit ein paar Schwächen, die aber mit ein paar Handgriffen gut auszugleichen sind. Nun erstellt diese Extension jedoch nur Backendkommentare. Bestellbestätigung und Bestellübersicht enthalten den eingegebenen Kommentar nicht.

 

Magento DSGVO Kontaktform

Möchte man im Rahmen des Inkrafttretens der neuen EU Datenschutzgrundverordnung (DSGVO) in Magento das Kontaktformular abändern, so dass der Name kein Pflichtfeld mehr ist und so zu einem freiwillig auszufüllenden Feld verändert wird, sind einige Dinge zu beachten. Zuerst entfernt man die "required"-Klasse und das "Sternchen" in der Datei \app\design\frontend\PAKET\TEMPLATE\template\contacts\form.phtml, so dass dies das Ergebnis ist:

 

Table 'Tabellenname.#__chronoforms_LoginEvents' doesn’t exist

Erhält man in Joomla mit Erweiterung Chronoforms (v5) die Meldung Table 'Tabellenname.#__chronoforms_LoginEvents' doesn’t exist auf einem Linux-Server und existiert die vorgenannte Tabelle, kann es an einem Problem mit der Groß- / Kleinschreibung liegen. Der genaue Ort ist schwer zu finden, da die Formulare in Chronoforms in serialisierter Form in der Datenbank gespeichert werden. Bei uns war eine Log-Action im Setup-Bereich eines Formulares der Verursacher, hier wurde die ausgewählte Tabelle nicht angezeigt, obwohl die Verifizierung durch Chronoforms eine getroffene Auswahl bescheinigen konnte ("Table selected" in der Setup-Übersicht des betroffenen Formulares.

 

Datenschutz-Checkbox für Kontaktformular

Wie fügt man in Magento 1.9 eine Checkbox im Kontaktformular und im Registrierungsformular ein, z.B. um die Volljährigkeit zu bestätigen oder das Akzeptieren der Datenschutzbestimmungen einzufordern? Eine praktikable Lösung sind hierbei die Bestellbedingungen (Admin->Verkäufe->Bestellbedingungen). Wir möchten nun also im Kontaktformular die Bestätigung der Datenschutzbestimmungen einbauen und in das Registrierungsformular die Bestätigung der Datenschutzbestimmungen und die Bestätigung der Volljährigkeit, beides in deutscher und englischer Sprache (2 Storeviews). Hierzu erstellen wir nun 4 Bestellbedingungen im Magento-Backend (Alter und Datenschutz, jeweils deutsch und englisch).

 

Sitemap mit Bildern Cover Bild

Wie erstellt man Sitemaps mit Bildern im Magento Onlineshop (Multishop mit 2 Websites und 3 Sprachen / Store Views je Website) und schließt bestimmte Seitentypen für einzelne Store Views aus? Hier ein Lösungsweg: Zuerst erstellen wir Unterordner für jede Sitemap, z.B. /sitemaps/sitemap-websitename1-storeviewname1/,  /sitemaps/sitemap-websitename1-storeviewname2/, usw.. Danach legen wir im Magento-Backend pro Storeview eine Sitemap an und führen die Erstellung durch, so dass wir dann als Ergebnis eine Sitemap pro Sitemap-Ordner zur Verfügung haben (/sitemaps/sitemap-websitename1-storeviewname1/sitemap.xml,  /sitemaps/sitemap-websitename1-storeviewname2/sitemap.xml, etc.).

 

Shopware: Einkaufswelten und Banner zur selben Zeit

Wenn Sie versuchen, in Shopware einen Banner zu platzieren und zusätzlich auf derselben Seite noch Einkaufswelten platzieren möchten, werden Sie schnell feststellen, dass der Banner bei Aktivierung der Einkaufswelt verschwindet. Um beide Sachen gleichzeitig darzustellen, ist es nötig, eine kleine Änderung im Theme vorzunehmen.

 

 

Shopware: Nicht-Laden der Einkaufswelten

Bei der Lokalinstallation eines Shopware-Shops mit XAMPP kann es vorkommen, dass die Einkaufswelten auf der Startseite extrem lange Ladezeiten haben. Im schlimmsten Fall wird die Einkaufswelt überhaupt nicht geladen. Wie Sie dieses Problem beheben können, zeige Ich Ihnen jetzt.

 

 

Sprachschalter in Shopware-Onlineshop

 Standardmäßig im Shopware ist der Sprachumschalter (welche die unterschiedliche Shopsprachen verwaltet) als Dropdown dargestellt und befindet sich ganz oben im Header innerhalb ein <div> Elements mit der Klasse "top-bar". Nach unserer Designvorlage aber muss er im Hauptnavigation rein und ungefähr so aussehen EN | DE.

SUPEE-10570 und weiße Seite bei Warenkorb

Nach Installation des Sicherheitsupdates SUPEE-10570 für Magento CE 1.9.2.4 kann es passieren, dass der Warenkorb nur eine weiße Seite zeigt, ohne dass Serverlogs und Magento-Logs Fehler aufzeigen. Und dies nur bei aktivierter Kompilierung. Den Fehler hier zu finden ist ohne Logs relativ schwierig - wir konnten jedoch nach langer Suche  den Schuldigen ausmachen, hier war es eine Funktion in /app/code/core/Mage/Customer/Helper/Data.php, namentlich getPasswordTimestamp().

 

HEADERS ALREADY SENT in Http.php

Erscheint in dem System-Logfile var/log/ system.log diese Fehlermeldung: DEBUG (7): HEADERS ALREADY SENT: <pre>[0] PFAD_ZUR_MAGENTO_ISTALLATION\app\ code\core\Mage\Core\Controller\Response\Http.php:53, gilt es zuerst, die Stelle zu finden an der der Fehler entsteht, da die Http.php nur nachgeschaltet ist. Hierzu fügen wir z.B. in der Datei

 

 Kiribati-Schnittstelle

Aufgabenstellung war hier: Anbindung der mit Kiribati verwalteten Seminare ("Kiribati Seminarverwaltung" der Include GmbH) an eine TYPO3 8-Website, um Veranstaltungen auf der Website anzeigen lassen zu können und auf der TYPO3-Webseite durchgeführte Registrierungen an Kiribati weiter zu reichen, also die Implementierung eines Veranstaltungsimports (Kiribati -> TYPO3-Webseite) und eines Registrierungsexports (TYPO3-Webseite -> Kiribati).

 

Shopware Onlineshop Fehlermeldung

Die Shopware-Fehlermeldung "core.ERROR: exception 'Doctrine\DBAL\Types\ConversionException' with message 'Could not convert database value "s:0:""" to Doctrine Type object'" oder eine Fehlermeldung in ähnlicher Form kann auf fehlerhafte Werte in der Tabelle "s_core_config_elements" hindeuten. Fehlt hier ein abschließendes Semikolon hinter einem Eintrag in der "value"-Spalte, kann Shopware (unter Linux) diesen nicht verarbeiten (Windows hingegen schon).

 

Invalides Formular-Token Shopware

Shopware und die alten Browser, hier ein weiteres Kapitel: Auf unserem Tablet Samsung Galaxy Tab 3 10.1 (GT-P5200) auf dem nativen Android-Browser erscheint in unserem Onlineshop auf der Kontaktseite und auf einigen anderen Seiten nach dem Versuch, ein Formular abzuschicken, der Hinweis "Invalides Formular-Token".

 

Shopware Dropdown Menü

Onlineshops mit Shopware sind ordentlich aufzubauen und bieten eine gute Usability für Shopbetreiber und Nutzer - mit älteren Browsern jedoch steht Shopware - anders kann man es leider nicht nennen - auf Kriegsfuß. Hier ein Beispiel, wie Shopware einen Onlineshop-Programmierer einige Stunden kosten kann: Im Standardtemplate von Shopware kann man das Dropdown-Servicemenü oben rechts nicht öffnen, da dies nach kurzem Aufklappen umgehend wieder verschwindet. Aufgetreten ist dieses Problem auf einem Samsung Galaxy Tab 3 10.1 (GT-P5200) auf dem nativen Android-Browser. Grund ist hier das gleichzeitige Ausstatten mit "click"- und "touchstart"-Listenern, welches in

 

Magento UPS-Extension

Nach dem Kauf der UPS-Erweiterung "UPS Shipment" und dem Download der Datei bms-magento-upsshipment-1.3.3.zip wird diese entpackt und in den Hauptpfad der Magentoinstallation kopiert. Die SOAP-(PHP-)Extension muss hierzu aktiviert sein. Nach Inbetriebnahme der Erweiterung kann dann der Fehler "Missing or invalid Shipto AttentionName" auftauchen, wenn der Versand an eine Adresse außerhalb Deutschlands erfolgen soll. UPS benötigt hier dann neben dem eigentlichen Adressaten auch den "z.Hd."-Eintrag, der aber nicht aus Magento heraus übermittelt wird.

 

Akkordeon in Chronoforms Joomla

Wir wollen in Chronoforms V5 in Joomla einen Akkordeon-Container erstellen, mit dem man lange Texte verstecken und bei Bedarf ausklappen kann, im Chronoforms-Kontext somit einen Slider. Es gibt einige Tutorials, die den Aufbau erklären und auch einigermaßen funktionieren. D.h.: Man baut einen "slider_area"-Container und fügt in diesen dann "slider"-Container ein, die man wiederum mit individuellem Content befüllen kann. Soweit, so gut - wenn man jedoch nur einen einzelnen Text in einem Akkordeon darstellen möchte, ergeben sich 2 Probleme:

 

Shopware Performance erhöhen

 

Die Geschwindigkeit eines Shops ist, neben der User-Führung und dem Styling, das K.-o.-Kriterium für viele Kunden, bei der Frage, ob sie bei Ihnen bestellen sollen oder nicht. Ein Shop, bei dem die Kunden 20 – 30 Sekunden warten müssen, bevor Sie die nächste Seite zu Gesicht bekommen, wird nur schwer Erfolg haben können. Vielen Kunden werden vor Ihrer Bestellung entnervt den Einkauf abbrechen, da Sie (zurecht) nicht bereit sind minutenlang auf das Produktdetail oder das Laden der Kasse zu warten. Deshalb ist es wichtig, Wartezeiten so kurz wie möglich zu halten. Wie das funktiniert, zeige Ich Ihnen heute.

 

 Html-Formatierung im Artikel Listing Shopware

Standardmäßig benutzt Shopware im Artikel Listing keine Html-Formatierung. Dies ist ärgerlich, wenn man verschiedene, voneinander unabhängige Informationen in der Artikelbeschreibung hat, die man natürlich gegliedert wiedergeben will.
Also Inhalte wie zum Beispiel: Der Produktname, der Hersteller, einen Text zur Artikel-Beschreibung und den Herkunftsort. Ohne HTML-Formatierung wird das alles im Listing ohne Formatierung und Zeilenumbrüche, Punkt und Komma nacheinander ausgeben. Wie man die Html-Formatierung im Listing aktiviert, zeigen wir Ihnen jetzt.

 

Wordpress Plugin Problem

Betreibt man das Mehrsprachenplugin "WPML" und  stellt dieses so ein, dass die verschiedenen Sprachen unter verschiedenen Domains / Subdomains erreichbar sind, kann es durch den gleichzeitigen Betrieb des Performance-Plugins "WP Fastest Cache" zu Problemen kommen. Denn dieses berücksichtigt bei der Definition des Page-Caches die unterschiedlichen Sprachen nicht, zeigt unter einer anderen Domain denselben Inhalt an, da Cache-Verzeichnis identisch.

Magento 1.9.3 ReferenceError

Funktioniert in manchen Bereichen des Magento-Backends der Bildupload nicht mehr und erscheint in der Fehlerkonsole der Fehler "ReferenceError: Uploader is not defined", so kann dies an der fehlenden Einbindung einiger benötigter Javascript-Dateien liegen, die nach der Umstellung von Flash- auf HTML-Uploader mit Magento CE 1.9.3 bzw. den entsprechenden Patches nun zwingend benötigt werden.

 

id-Attribut zulassen in h1-Tags / -Elementen

Um das id-Attribut in h1-Elementen zuzulassen (oder auch in jedem anderen Element), sind nur einige wenige Anpassungen in den Konfigurationsdateien des Rich Text Editors notwendig. Dieses Beispiel bezieht sich auf die Anpassung des TYPO3 Introduction Package, ist jedoch auf die meisten anderen Anwendungsfälle übertragbar. 

 

TYPO3 Parse error

Erhält man in TYPO3 die Meldung "Parse error: Data structure could not be resolved to a valid structure." im Backend bei dem Versuch, ein Content-Element zu bearbeiten, lohnt sich ein Blick in die \typo3\sysext\core\Classes\Configuration\FlexForm\ FlexFormTools.php.

 

Magento Mengeneinheiten in Bestellbestätigung

Wie integriert man die Mengeneinheit eines Artikels (z.B. Stück, m, qm, Liter, etc.) in der Bestellbestätigung in der Spalte "Menge" (Qty)? Zuerst schauen wir uns an, welche Datei für die Ausgabe der bestellten Produkte verantwortlich ist:

 

phpMyAdmin

Wenn man das Passwort für das Backend eines CMS vergessen hat, sollte man keine Panik bekommen, denn es ist noch nicht alles verloren. Es ist möglich über eine Datenbank Änderung das Passwort zurückzusetzen.

phpMyadmin: Fatal error

Es kann durchaus vorkommen, dass bei einem Datenbank Import per phpMyadmin folgende  Fehlermeldung ausgeben wird:

 

Fatal error: Maximum execution time of 60 seconds exceeded in xampp\phpmyadmin\libraries\dbi\mysql.dbi.lib.php on line 140

 

Wie man anhand der Fehlermeldung erkennen kann, ist die maximale Ausführungszeit von 60 Sekunden überschritten worden. Dies passiert oft bei besonders großen Datenbanken. Um die Datenbank trotzdem importieren zu können, ist es nötig, die Ausführungszeit manuell zu erhöhen.

Wordpress Fehlende Übersetzungen Plugins

Unter Umständen kann es dazu kommen dass Plug-Ins wie z.B. WooCommerce Deutsch (de_DE) keine vollständige Übersetzung anzeigen, obwohl diese Sie grundlegend anbieten. 

 

Child-Theme erstellen wordpress

Änderungen an Themes können einige Probleme mit sich bringen. Zu einem können Fehler die Webseite (bei fehlenden Backup) komplett zerschießen, und zum anderen können Änderungen, die am Theme vorgenommen worden sind, beim nächsten Update des Themes überschrieben und somit gelöscht werden.

 

 

Woocommerce - Versandkosten verstecken worpdress

Unerklärlicherweise besitzt das Plug-In „Woocommerce“ nicht die Funktion, dass beim Erreichen eines bestimmten Warenwertes nur die versandkostenfreie Lieferart angezeigt wird. Im Normalfall wird neben dieser auch der Standardversand angezeigt. Diese Darstellung ist für die Kunden meist verwirrend und sollte aus Gründen der Benutzerfreundlichkeit geändert werden.

 

TYPO3 Introduction Package

Um ein bestehendes Template in TYPO3 auf Basis des Introduction Packages anzupassen, genügt es in den meisten Fällen, sich im Ordner \typo3conf\ext\bootstrap_package\Resources\Private\Templates\Page\ aufzuhalten, so z.B. für eine Anpassung des 3-spaltigen Templates die Datei \typo3conf\ext\bootstrap_package\Resources\Private\Templates\Page\ Default3Columns.html anzupassen. Möchte man jedoch die Möglichkeit haben,  weitere Zeilenstrukturen oberhalb oder unterhalb der gegebenen 3-Spaltigkeit einzurichten, ist dies in den Backendtemplates anzugeben.

 

phpMyadmin: Fatal error

Es kann durchaus vorkommen, dass bei einem Datenbank Import per phpMyadmin folgende  Fehlermeldung ausgeben wird:

Fatal error: Maximum execution time of 60 seconds exceeded in xampp\phpmyadmin\libraries\dbi\mysql.dbi.lib.php on line 140

Wie man anhand der Fehlermeldung erkennen kann, ist die maximale Ausführungszeit von 60 Sekunden überschritten worden. Dies passiert oft bei besonders großen Datenbanken. Um die Datenbank trotzdem importieren zu können, ist es nötig, die Ausführungszeit manuell zu erhöhen.

 

TYPO3 Lösung

Setzt man in TYPO3 auf dem Bootstrap Introduction Package auf und möchte das Hauptmenü erweitern, um 3 Ebenen statt den initial vorhandenen 2 Ebenen anzeigen zu lassen, müssen im Grunde nur 2 Stellen angepasst werden. Zuerst stellt man in der setup.txt (welche wir finden in \typo3conf\ext\bootstrap_package\Configuration\TypoScript\setup.txt) sicher, dass wir ausreichend Level zur Verfügung haben, die wir anzeigen lassen können, der MenuProcessor also weiß, wieviele Ebenen dieser ausliefern soll. Danach müssen wir dann in der entsprechenden Template-Datei das Menü in der gewünschten Weise erweitern.  Diese Main.html finden wir unter \typo3conf\ext\bootstrap_package\Resources\Private\Partials\Page\Navigation\. 

 

Magento SSL-Verschlüsselung

Wie verschlüsselt man Backend und Checkout in Magento? Durch die geeingnete Einstellung im Backend in System->Konfiguration->ALLGEMEIN->Web->Sicher. Doch wie verschlüsselt man auch alle restlichen Seiten? In dem man die sicherer Base-URL auch System->Konfiguration->ALLGEMEIN->Web->Ungesichert einträgt. Jaaa, so einfach, oder! Leider nicht bei bestehenden Magento-Installationen. Was ist hier das Problem? Alle in den Suchmaschinen indizierten ungesicherten (mit http-Protokoll ausgelieferten) Unterseiten werden nun zur Startseite umgeleitet.

 

Magento PDF Upload

Nach Einspielung des Magento-Patches SUPEE-9767 ist es nicht mehr möglich, PDFs via WYSIWYG-Editor in das Magento-System per Upload-Funktionalität zu übertragen, auch wenn dieser Dateityp zuvor über eine geeignete config.xml in den Kreis der erlaubten Erweiterungen aufgenommen wurde. Dies liegt an der nun vorhandenen neuen validate()-Funktion, die nach einer erfolglosen Ermittlung des Dateiformats via getimagesize() eine Exception ausgibt. Somit müssen wir verhindern, dass es zu dieser Exception kommt.

Fooman Surcharge und PHP 7

In Magento sorgt die Surcharge Extension dafür, dass man einfach und komfortabel Zuschläge für verschiedene Bereiche des Online-Shops erheben kann, ohne dafür die in Magento implementierten Preisregeln aufbohren zu müssen, um negative Rabatte zu ermöglichen. So beispielsweise auch für die Zahlarten als Zahlartenaufschlag für Nachnahmezahlung, Paypal und Co.. Mit PHP7 verändert sich jedoch die Darstellung im Checkout - hier wird statt den jeweiligen individuellen Zahlartenaufschlägen schlicht und einfach "1" (+ Währung) angezeigt.

 

MooTools Slideshow

Bei der einfachen Implementierung einer Slideshow mit Hilfe der Javascript-Bibliothek MooTools kann es bei neueren Joomla-Installationen und damit auch neueren MooTools-Bibliotheken zu Problemen kommen. So wird in MooTools ab Version 1.4.0 die "setters"-Syntax wie z.B. Element.setOpacity() und Element.set('opacity') nicht mehr unterstützt.

Deutsch als Standardsprache einrichten

Um in TYPO3 (hier: TYPO3 8.7.1) die Sprache Deustch als Standardsprache zu setzen, genügt es, im Template-Setup die Sprachparameter zuzuweisen. Hier wird Deutsch als Standardsprache gesetzt und Englisch als zweite Sprache. Für jede Sprache werden die Language ID und die Language Codes gesetzt:

 PHP 7 und Probleme beim Bild-Upload

Bei der Verwendung von PHP 7 für Magento Shops in der CE 1.9 (hier: 1.9.2.4) kann in der Artikelbearbeitung beim Bildupload Probleme geben. Dieser bricht beispielsweise ab oder bleibt ohne weitere Fehlermeldung hängen. Grund hierfür ist die mit PHP 7 eingeführte "Uniform Variable Syntax", heißt, in einfachen Worten gesagt, wir lesen nun (bezogen auf eingebettete Variablen) von links nach rechts und nicht mehr von rechts nach links.

Magento Fehlermeldung

Taucht die Fehlermeldung "Magento: is_readable() expects parameter 1 to be a valid path, string given" in den Magento-Logs auf, kann das an einem Bug in der Varien-Bibliothek liegen, genauer gesagt, an einem Bug in der Datei /lib/Varien/Io/File.php. Hier empfiehlt es sich, die Abfrage

Magento Extension Single Configurable Products

Mit der Magento Extension "Simple Configurable Products" von Organic Internet sollte es möglich sein, in der Artikelliste (innerhalb einer Kategorie) den niedrigsten Preis für ein konfigurierbares Produkt in Abhängigkeit von den zugeordneten einfachen Produkten anzeigen zu lassen. Es soll somit der niedrigste Preis aller zugeordneten Produkte angezeigt werden. Die SCP-Extension führt hierzu (überwiegend) geeignete Datenankabfragen durch, in den Sie mit der ORDER-Anweisung die gewünschten Zeilen anfordert.

Magento Fehler

Bei der Verwendung von der Magento-Erweiterung "Improved Navigation" von Amasty kann folgender Fehler auftreten: Bindet man die Filter auf einer CMS-Seite (z.B. als Einstiegsmöglichkeit auf der Startseite) ein, so führt die Anwahl eines Filters auf die Unterseite "/shopby" mit der jeweiligen Option als URL-Parameter. Dort erkennt der Controller jedoch keine Beteiligung der Amasty-Extension und versucht, eine CMS-Seite anzuzeigen. Nach einiger Recherche zeigt sich, dass Amasty hier (ohne Not) aus der URL "/shopby" die URL "/s" macht und diese dann nicht zugeordnet werden kann - die Anzeige der 404-Seite ist die Folge.

 

Magento Kategorien weiterleitung

Angenommen, wir möchten neben den Verkaufskategorien im Hauptmenü einige CMS-Seiten positionieren, die wir frei in der Kategoriebearbeitung editieren und hin- und herschieben möchten. Nehmen wir als Beispiel eine Seite für die Unternehmensdarstellung, die wir also also Kategorie "Unternehmen" anlegen und die dann unter /unternehmem.html erreichbar ist. Wir möchten jedoch nicht, dass /unternehmen.html z.B. mit statischem Block (da beschränkte Bearbeitungsmöglichkeiten) angezeigt wird, sondern eine neu erzeugte CMS-Seite "Unternehmen", somit erreichbar unter /unternehmen.

 

Git

Verwendet man die Git zur Versionsverwaltung von Software-Projekten, ist es sinnvoll, bestimmte Dateien und Ordner vom Datentranfer auszuschließen (z.B. Konfigurationsdateien, temporäre Dateien wie Session- oder Cache-Dateien, Log-Dateien).

CSS-Styles

Wenn sich die Frontend-Ansicht in Joomla stark von der Backendansicht im Backend unterscheidet, werden die Frontend-CSS-Styles im Backend-Editor nicht oder nur teilweise geladen. Ein Blick in den Quelltext (wie in den meisten anderen Fällen!) lohnt sich hier: So sollten wir bei der Suche nach der Javascript-Variablen "content_css" fündig werden und uns diesen Wert genauer anschauen. Hier sollte sich die Einstellung wiederfinden, die in der JCE-Komponente vorzunehmen sind:

 

Gambio GX3 PayPal Plus

Erscheint in Gambio GX3 bei dem Versuch, mit PayPal zu bezahlen, die Fehlermeldung "PayPal ist vorübergehend nicht verfügbar" und wird in den Logs die Meldung "Fehler beim Erzeugen der Payment-Ressource für ECM-Zahlung: ERROR creating payment: INVALID_EXPERIENCE_PROFILE_ID The requested experience profile ID was not found", liegt das an fehlerhaften Backendeinstellungen im PayPal PLUS-Modul: Hier sollte in den Experteneinstellungen die "Darstellung auf der PayPal Zahlungsseite (PayPal-Parameter)" überprüft bzw. angepasst werden.

 

Seo Boost Gambio GX3

Erhält man nicht vorhandenen Content-Seiten (z.B. /info/versandtd.html) in Gambio GX3 (3.1.x-3.2.x) die Fehlermeldung "check_data_type validation failed. Dump: , string expected, but NULL detected", liegt das an dem fehlerhaften Zusammenspiel der ShopContentContentControl-Klasse und der BaseClass-Klasse:

Gambio Shop

Erhält man beim Versuch, den Cache für die Artikeleigenschaften neu zu erzeugen (und damit die Tabelle "products_properties_index" aufzufrischen), die Fehlermeldung

Gambio GX2 auf GX3

Wird das Logo nach einem Gambio Update nicht mehr angezeigt, kann dies an einer Änderung in der Variablendeklaration liegen. Diese wird in der Datei \templates\DEIN_TEMPLATE\source\boxes\gm_logo.php vorgenommen. In alten Template geschieht dies über die Variable $gm_logo.

Sprachen im Typo3

In der von uns installieren Version des Typo3 Introduction Packages waren von Haus aus zwei Sprachen eingepflegt: Dänisch und Englisch. Dies sollte in Deutsch und Englisch geändert werden, wobei Deutsch als Standardsprache dienen sollte.

Dazu wählt man im Backend die Option „List“ und klickt auf das Root-Verzeichnis der Seite (übergeordnet zur Option mit Weltkugel). Dort kann man die Webseitensprachen einrichten.

 

Magento Redirect

Wie kann man Kategorien in Magento auf CMS-Seiten oder auf Kontaktseiten weiterleiten? Es ist insbesondere bei mehrsprachigen Onlineshops komfortabel, wenn man einzelne Content-Elemente in der Kategoriestruktur abbilden kann, so z.B. eine Unternehmensdarstellung oder einen Link zum Kontaktformular (systemseitig bereitsgestellt unter /contacts). Wie in mehreren Threads beschrieben, reicht es hierzu leider nicht aus einen Custom-Rewrite zu erstellen, der den System-Rewrite ersetzten soll.

 

ProduktSlider Cover Bild

Die Aufgabenstellung: In Gambio sollte eine Startseite derart umgestaltet werden, so dass die Bestselleransicht durch drei Slider ersetzt wird. Dabei nutzt der erste Slider die gesamte verfügbare Breite des Seiteninhalts. Nachfolgen sollen zwei weitere Slider, die jeweils 50% der verfügbaren Breite einnehmen und nebeneinander angeordnet werden sollen.

Als Grundlage dient hierfür das Slick-Slider Projekt von http://kenwheeler.github.io/slick/.   Die Einbindung der Javascript und CSS Dateien von dort ermöglichen die Darstellung der Kind-Objekte eines HTML-Objekts in einer vielseitig konfigurierbaren Sliderdarstellung.

Offpage-Optimierung

Regelmäßig stellt sich die Frage: Was ist wichtiger für die SEO, Onpage-Optimierung oder Offpage-Optimierung? Wie verteile ich mein Budget? Reicht es nicht aus, gute und laufend aktualisierte Inhalte darzubieten und ist Offpage-Optimierung überhaupt noch notwendig?

Eigenschaften aus Filterauswahl Gambio

Wie stellt man Werte aus der Filterauswahl eines Artikels in der Artkelliste / in der Kategorieübersicht dar? Gibt es den Artikel beispielsweise in bestimmten Größen (z.B. XS, S, M und L), kann man dies einem Kunden, der größe XXL sucht, bereits in der Artikelübersicht mitteilen (ohne dass dieser vorher den betreffenden Filter aktivieren muss), um dem User unnötige Klicks auf Artikel zu ersparen, die nicht in der gewünschten Größe verfügbar sind. Gleiches gilt für verfügbare Farben: Möchte man die Filterung ergänzen (z.B. gelb, rot, grün, blau, weiß, schwarz, grau) und möchte feiner unterteilte Farben bereits in der Artikelübersicht in Gambio darstellen (z.B. himmelblau, azurblau, türkis oder cobaltblau), greift man auf die Filterzuordnungen zurück.

 

 Gambio Warenkorb

Löst ein Kunde eines Gambio-Shops einen Gutschein ein, in dem er den Gutschein-Code im Warenkorb eingibt, wird dieser zwar verarbeitet, jedoch in der Summenaufstellung im Warenkorb nicht in Abzug gebracht. Besser hinsichtlich User-Experience und Conversion-Rate ist es hier, den angewendeten Rabatt direkt anzuzeigen. Hier ein Lösungsvorschlag für Gambio in der Version GX2:

Magento Import

Wenn beim Produktimport in Magento Optionen von Multiselect-Attributen fehlen:

Auch in der Community Edition in der Version 1.9.1.0 bleibt ein Bug bestehen, der den reibungslosen Import von Multiselect-Attributen verhindert. Das Problem: Nach dem Import von Produkten mit Multiselect-Attributen fehlen an machen Stellen einige Attribut-Optionen.

Online-Streitbeilegung

Im Januar 2016 tritt ein Änderung der Informationspflichten für Online-Händler in Kraft (Art. 14 der ODR-Verordnung / Verordnung über die Online-Beilegung verbraucherrechtlicher Streitigkeiten Nr. 524/2013). Die neue Informationspflicht zur Online-Streitbeilegung wird zum 09.01.2016 wirksam.

click-Event in select-Elementen

Der Internet Explorer kann nicht mit dem click-Event innerhalb von select-Elementen umgehen. Verwendet man somit AJAX-basierte Effekte, die mit der Auswahl einer Option innerhalb eines select-Elements ausgelöst werden sollen, passiert im Internet Explorer: nichts. Diese Problematik kann man umgehen, in dem man aus dem click-Event einen change-Event macht. In unserem Beispiel bedienen wir uns des Javascript-Frameworks Prototype

Google Analytics Gambio

Wie baut man das Conversion Tracking von Google Analytics in Gambio ein, um Käufe zu erfassen? Im Grunde ganz einfach:

Schritt 1) Wir bauen uns die Inhalte für Google Analytics zusammen und schreiben diese dann über eine Klassenerweiterung in den Outputbuffer. Diese Klassenerweiterung führen wir mittels Overload im Ordner

Rewrite

In Magento können sich Fehler ergeben, wenn man über die Sprachauswahl verschiedene Seiten ansteuern möchte, für die verschiedene URL Keys angegeben wurden, z.B. "about-us" für die englische "Über uns"-Seite und "ueber-uns" für das deutsche Pendant.

Magento

Klein aber fein!

Tritt in Magento der Fehler "Diese Anfrage konnte nicht verarbeitet werden"

Magento Produkt Import

Heißt also in etwa: Für die Produkt Entity mit der ID 9478 und das Attribut mit der ID 180 wurde für den Store mit der ID 1 ein Wert versucht einzutragen, den es bereits gibt.

php.ini

Es gibt mehrere Möglichkeiten, die PHP-Parameter für eine Domain anzupassen, die über einen V-Server bei Strato gehostet und mit dem Betriebssystem openSUSE und der Verwaltungs-Oberfläche Plesk unterlegt ist. Eine Möglichkeit hierzu ergibt sich direkt in Plesk.

Attribut mit Mehrfach Auswahl

Die Problemstellung: Wir haben ein Attribut mit der Eigenschaft "Mehrfach Auswahl" erstellt und möchten dieses nun in Magento in der Kategorieansicht für die Sortierfunktion verwenden, die Produktliste also gemäß den Ausprägungen dieses Attributs sortieren. In den Standardeigenschaften eines Mehrfach Auswahl Attributs ist eben diese Funktionalität ("Als Sortiermöglichkeit in Kategorieansicht verwendbar") nicht aktivierbar.

Paypal und Onestepcheckout

Die Problemstellung: Wir verwenden den Onestepcheckout von Magestore und haben die Gift Wrap Funktionalität (Geschenkverpackung) zur Transportversicherung umgewidmet, die man damit optional zu jeder Bestellung hinzuwählen kann.

Schriftgröße auf Android-Devices

Um die Anpassung der Schriftgröße im Google-Browser Chrome auf Android-Geräten zu vermeiden, kann man die max-height des betreffenden Elements bzw. Containers auf 99999px (o.ä.) setzen.

Facebook Like-Box Widget

Um die Sprache der Facebook Likebox anzupassen, genügt eine Änderung des Source-Pfades in der Javascript-Initialisierung. Die Box in deutscher Sprache erhält man mit folgendem Code:

Kollation

Um die deutschen Umlaute Ä, Ö und Ü bzw. ä, ö und ü richtig in einer MySQL-Datenbank zu sortieren, benötigt man die passende Kollation (den passenden Zeichensatz) in der betreffenden Spalte.

Joomla  Popup-Fenster  Menüpunkt

Ein Popup-Fenster herzustellen, das nach dem Klick auf einen Menüpunkt in Joomla erscheint, ist in einem ersten Schritt sehr einfach. In der Menüpunktbearbeitung wählt man als Menüeintragstyp "Systemlinks->Externe URL" im Dropdown "Zielfenster" die Option "Neues Fenster ohne Navigation" aus.

Apache Server Crash

Stürzt bei der Ausführung von Joomla 3 in Verbindung mit dem JCE Editor in einer lokalen Umgebung der in XAMPP integrierte Apache Server regelmäßig ab, kann dies durch einen Überlauf des Speichers verursacht sein.

Steuerelemente in Google Maps

Wenn die Steuerelemente bei Nutzung der Google Maps API fehlen, wird in verschiedenen Beiträgen immer wieder auf das Styling des <img>-Tags verwiesen - mit dem Vorschlag, die Maximal-Breite auf "none" zu setzen (max-width: none).

BillSAFE-Integration in Magento

Der Rechnungskauf über den Dienstleister BillSAFE funktioniert aktuell nur mit dem Magento-Standard-Checkout ohne Probleme.

Magento-Suche

Problemstellung: In der Magento-Suche finden sich bei der Suche nach "Ölen" Produkte aus Polen, bei der Suche nach "grün" jegliche Arten von Grundierungen und bei "Laser" alle Gläser des Shops.

Panda Update

Ende September (26.09.2014) wurde nun mit der Umsetzung des neuen Panda-Updates begonnen. Vielleicht ist die Ankündigung des Rollouts von Google UK auch die letzte dieser Art, da der Suchmaschinenbetreiber bereits vor einiger Zeit angekündigt hatte, die Panda-Updates zukünftig über die regelmäßigen Updates des Suchmaschinenalgorithmus einfließen zu lassen und so die User-Erfahrung sukzessive zu verbessern und das Ranking von Websites mit niedrigem Mehrwert sukzessive zu verschlechtern.

getSku()-Problem

Problemstellung: Nach der Aktivierung der Option "Flat Catalog Product verwenden" im Magento-Admin-Bereich (System->Konfiguration->KATALOG->Katalog) funktioniert die Ausgabe der Artikelnummer per getSku() innerhalb einer Produktinstanz (z.B. $_product->getSku()) nicht mehr, Rückgabewert ist NULL.

Magento-E-Mail-Templates

Mit den Anweisungen IF und DEPEND in Magentos E-Mail-Templates (System->Transaktions-E-Mails) kann man die Ausgabe einzelner Inhalte bedingungsabhängig komfortabel steuern.

Mouseover-Funktionalität

Tauchen Probleme bei der Verwendung der Pseudo-Klasse :hover im Zusammenhang mit Apples iPhone auf, sind diese in der Regel schnell zu lösen.

Google Panda 4.0 Update und seine Auswirkungen

Im Mai 2014 wurde das nächste Panda-Update des Marktführers weltweit ausgerollt Deutschlands beliebteste Suchmaschine mit 94% Marktanteil im Mai 2014, auf mobilen Geräten sogar mit 98% Marktanteil (Quelle: de.statista.com) hat das nächste größere Suchmaschinenalgorithmus-Update am Morgen des 21. Mai 2014 eingespielt.

Google Spam Team

Die manuellen Überprüfungen des Google-Spam-Teams bescheren so manchen Suchmaschinenoptimierern einen heißen März. Gleich mehrere Tweets des Google-Spam-Teams im März 2014

WYSIWYG-Editor

Der standardmäßig installierte Magento-Editor TinyMCE folgt leider nicht immer den Wünschen des Benutzers.

Magento Bilder im Admin-Bereich

Sind Bilder im Backend-Bereich von Magento nach einem erfolgreichen Upload nicht sichtbar und werden diese ohne Probleme im Frontend des Onlineshop-Bereiches angezeigt kann dies an der PHP-Konfiguration des Shop-Servers liegen.

Lightbox für Magento

Mit den folgenden Schritten kann man einfach und relativ schnell eine schöne Lightbox für die Artikel-Detail-Ansicht in Magento-Onlineshops einbauen. Wir haben uns hier für die auf jQuery basierende Fancybox entschieden.

Reihenfolge der Beträge in Magento

Mit ein wenig Programmieraufwand kann man Magento dazu bringen, die Reihenfolge der Beträge im Bestell-Prozess, im Warenkorb und in der Aufstellung innerhalb der versandten E-Mails zu verändern - hier am Beispiel der Steuern, die wir hinter den Gesamtbetrag verschieben möchten (die Veränderung der Reihenfolge im Adminbereich unter System->Konfiguration->VERKÄUFE->Verkäufe->"Reihenfolge der Gesamtbeträge des Bezahlvorgangs" führt hier zu keinem Erfolg):

Gesamt-Summen und Steuern  Magento

In älteren Versionen des Magento-Systems kommt es zum Teil immer noch zu Problemen bei der Berechnung der Gesamt-Summen und Steuern und einer rundungsbedingten Abweichung von 1 Cent.

Transportversicherung in Magento

In den aktuellen Versionen von Magento (Magento 1.7.0.2 und älter) gibt es immer noch keine Möglichkeit, eigene kostenwirksame und User-gesteuerte (an- und abwählbare) Komponenten in den Bestell-Prozess einzubinden (Geschenkverpackung, Transportversicherung, etc.).

YOAST qTranslate

Wenn man sich bei seiner Wordpress-Installation mit installiertem SEO-Plugin namens YOAST und dem Übersetzungs-Plugin qTranslate nicht mehr zu helfen weiß, da man die verschiedenen SEO-Tags nicht in verschiedenen Sprachen eingeben kann, kan man die functions.php des verwendeten Templates mit folgender Syntax erweitern

Manuelle Spam-Maßnahmen

Wurden vom Google Spam-Team wegen der Nichteinhaltung Google-konformer Suchmaschinenoptimierung manuelle Spam-Maßnahmen verhängt, die dazu führen, dass Teile einer Domain oder die gesamte Domain schlechtere Rankings erzielen, sollte man das Backlink-Portfolio der betroffenen Domain mit Augenmaß analysieren.

Magento Zahlungs- und Versandarten

Spätestens, wenn man innerhalb eines Magento-Onlineshops die Versandart "Abholung" und die Zahlungsart "Nachnahme" anbietet, sollte man sich mit der Abhängigkeit von Versand- und Zahlungsart beschäftigen.

Magento Fehler in MwSt.-Berechnung


Wendet man über eine Warenkorb-Preisregel einen Zuschlag oder Rabatt auf den Warenkorb an (Einstellungen im Magento-Adminbereich: Rabatt auf Preise ohne MwSt.

Widgets fehlen nach WP-Umzug

Hat man eine Wordpress-Installation nach allen Regeln der Kunst auf einen neuen Server übertragen (siehe auch hier), alle Pfade und Deklarationen in der Datenbank, der wp-conig.php, etc.

WP-Plugins Add-From-Server fehler

Möchte man sich eine Homepage erstellen lassen, verwendet hierbei Wordpress und das WP-Plugin "Add From Server", kann es zu Fehlfunktionen bei Ansprache des Admin-Bereiches kommen.

Fehlerhafte Sprachen-Verknüpfung

Der MSLS ist eine schöne Methode, um einen mehrsprachigen Wordpress-Multisite-Blog zu betreiben und funktioniert auch fast reibungslos.

WordPress Seite umziehen

Ein Wordpress-Umzug muss nicht schwer sein. Hier die notwendigen Schritte (teilweise optional)

Schrift-Arten per font-face

Hat man im Rahmen eines Webdesign-Projektes bei der Integration eines Schrift-Typs Probleme mit dem Internet Explorer in den Versionen IE7 und IE8 und funktioniert die Einbindung in anderen Browsern, kann es an der Reihenfolge der Deklarationen im CSS liegen.

Umschalten zwischen PHP-Versionen

Kommt man bei einem Serverumzug oder PHP-Update mit einem Migrationsprojekt in Berührung und möchte eine in PHP4-Syntax erstellte Homepage überarbeiten, um diese innerhalb einer PHP5-Umgebung zur Funktion zu bringen, ist es hilfreich, zwischen PHP4 und PHP5 umschalten zu können.

Unterschiede von PHP 4 und PHP 5Unterschiede von PHP 4 und PHP 5

Möchte man ein Website-Projekt von PHP4 auf PHP5 migrieren, sollte man zu den unter www.php.net/manual/de/ migration5.php dargestellten Spezifikationen insbesondere die Deklaration von globalen Variablen im Auge behalten.

MySQL-Tabellen

Möchte man bei der Erstellung einer Website innerhalb eines PHP-Skriptes Daten in eine MySQL-Datenbank übertragen, sollte man vor der Übertragung die Anführungszeichen als Inhalt deklarieren ("escapen").

 JS-Methode getElementsByName

Die Javascript-Methode getElementsByName eignet sich unter anderem gut, um Formularelemente innerhalb einer Website auszuwählen und weiterzuverarbeiten.

Allowed memory size of x bytes exhausted

Tritt während einer Homepage Erstellung die Fehlermeldung 'Fatal error: Allowed memory size of x bytes exhausted' innerhalb einer Joomla-Installation auf, muss dies nicht zwingend an der PHP-Konfiguration bzw. an dem zu niedrig gewählten Parameter memory_limit liegen.

Facebook-Beiträge in Joomla

Möchte man im Rahmen einer Website Erstellung die Pinnwand seines Facebook-Kontos innerhalb eines Joomla-CMS darstellen, kann man die kostenlose Extension "qe Facebook Wall Feed" nutzen (Joomla 1.5 und Joomla 2.5). Diese ist leicht zu installieren, indem man den Anweisungen des Handbuches folgt (Facebook Application erstellen, Login with Facebook, einbinden, fertig).

Mindermengenzuschlag in Magento

Wer einen Magento-Onlineshop erstellen lässt, bekommt die Möglichkeit, einen Mindermengenzuschlag einzustellen, leider nicht mitgeliefert. Das heißt: Einen Aufschlag auf den Warenkorbpreis, wenn dieser einen bestimmten Wert unterschreitet.

Probleme Attributen Modified Shop

Treten nach der Onlineshop Erstellung Fehler bei der Speicherung von Artikel-Merkmalen im Modified Shop (xtcmodified) auf, kann dies an der Anzahl liegen, wenn auf dem zugrunde liegenden Server die sog. Suhosin-Komponente installiert ist.

Google Penguin 2.1 Update

Nachdem Internetseiten-Betreiber und SEO-Agenturen sich einige Zeit über das am 22.05.2013 ausgerollte Google-Update "Penguin 2.0" Gedanken machen konnten, ist seit dem 04.10.2013 nun die nächste Anti-Spam-Maßnahme des Google-Teams online: Penguin 2.1

SEO-Welt

Matt Cutts (Google Web-Spam-Team) über das am 22.05.2013 ausgerollte Update des Google Algorithmus "Penguin 2.0" und die Auswirkungen auf SEO und Suchmaschinen-Marketing

Magento PDF-Ausgaben von Artikeln

Die Magento-Extension "PDF Catalog" aus dem Hause Magazento bietet eine gute Möglichkeit, Artikel und ganze Kategorien per PDF ausgeben zu lassen.

Block-Erstellung in Magento

Variante 1: href="/Magento-Agentur/Magento-Programmierung-Muenchen.php">Magento-Block per XML
Der Block ist in der Datei \app \design \frontend \Dein_Templatepack \Dein_Template \layout \page.xml zu definieren, in unserem Falle heißt dieser "firstheader" und erhält (optionale) Designvorgaben in der Datei

Browse Files Button

Tritt bei der Magento-Programmierung nach der Einbindung eines Bilduploads in einer Widget-Instanz kein Fehler auf, die Buttons zur Auswahl und dem Upload einer Bilddatei jedoch nicht angezeigt, kann es an der fehlenden Integration von JavaScript-Dateien liegen (insbesondere, wenn die Buttons im Rahmen der normalen CMS-Seitenbearbeitung erscheinen, in der Widget-Instanz jedoch nicht).

Theme My Login Registrierungs- und Login-Prozess

Sollte in einem Webdesign-Projekt die Fehler-Ausgabe bei Registrierung oder Login in Wordpress bei installiertem Pie Register Plugin nicht mehr funktionieren, sollte man in einem ersten Schritt alle anderen Plugins deaktivieren, um schädliche Wechselwirkungen auszuschließen.

Invalid Key Fehler

Möchte man in Wordpress das Passwort unter Verwendung des Plugins Theme My Login zurücksetzen und wird an die Invalid Key Fehler-Seite verwiesen, kann die folgende Änderung in der Plugin-Datei resetpass-form.php (entweder in /theme-my-login/templates/ oder im Theme-Ordner) abhilfe schaffen:

Wordpress-Login mit Plugin 'Theme My Login'

Möchte man als Webdesigner die Standard-Seite nach erfolgreichem Login in Wordpress ändern und verwendet das Plugin 'Theme My Login', muss man nicht lange in der wp-login.php des Installationsverzeichnisses suchen, um die Variable $redirect_to zu verändern.

Magento-Fehlermeldung

Findet man einen Eintrag 'Could not determine temp directory, please specify a cache_dir manually' in den Error-Log-Files des Magento-Systems, da die Navigation im Admin-Bereich kurz nach einer frischen Magento-Installation nicht funktionierte, kann man diesen Fehler schnell beheben

Magento-Extension 'StoreMaintenance'

Wird man nach dem Versuch, im Magento-Admin-Bereich auf die 'StoreMaintenance'-Extension auf die 404-Fehlerseite weitergeleitet

TYPO3-Extension "Ajax Mail Subscription"

... kann es daran liegen, dass die Newsletteranmeldung auf der Domain "domain.tld" aufgerufen wurde, das TYPO3-System jedoch auf der Subdomain "www.domain.tld" installiert ist.

Backlink-Abbau

Ein Abbau verdächtiger bzw. schlechter Backlinks schafft bei Vorliegen einer manuelle Abstrafung durch das Google-Spam-Team abhilfe. Zwar kann man versuchen, starke und vertrauenswürdige Backlinks aufzubauen, um so der Google Penalty entgegenzuwirken - das macht als SEO-Maßnahme

 Link im Warenkorb zurück zur Produkt

Die Problemstellung: Nach dem Ablegen eines Produktes in den Warenkorb wird dieses in der Warenkorb-Ansicht mit dem Ort verlinkt, von dem aus es in den Warenkorb gelegt wurde. D.h.: Wenn man das Produkt aus einer Übersichtsseite hinzufügt, wird diese Übersicht auch verlinkt und nicht die Produktseite selbst.

Suchmaschinenoptimierung Ihres Onlineshops

Im Rahmen der Webshops kann man das Ranking bereits mit einfachen und grundlegenden Maßnahmen deutlich Verbessern:

TYPO3 Server umziehen

Schritt 1) Kopie aller Dateien auf den neuen Server.

Schritt 2) Übertragung aller Datenbankinhalte auf die neue Datenbank.

booklet Javascript

Blätter-Funktion: Mit booklet-Javascript Buch-Effekt darstellen

Pixabay

Webdesign: Auf der Suche nach Fotos und Grafiken für die Website-Erstellung kommt man natürlich zuerst einmal nicht an den üblichen Verdächtigen vorbei

Bild-Effekt mit Javascript (before-after-JS)


Einen netten Vorher-Nachher-Effekt kann man mit

Opacity

Stellt man eine Transparenz oder Teil-Transparenz mithilfe der opacity-Eigenschaft in CSS3 her, ergeben sich zum Teil unerwünschte Effekte bei den Kind-Elementen, da diese Eigenschaft vererbt wird.

Problem mit Skrill

Die Integration verschiedener Zahlungsarten in osC-Onlineshops über Skrill / Moneybookers kann sich bei Nutzung der Version 2.3 schwierig gestalten.

Toggle Menü

Hier ein Vorschlag zur Erstellung eines ausklappbaren Kategorien-Menüs in osCommerce

 Sprache in osCommerce

Die Variablen $languages_id, $languages_name und $languages_code liefern uns die aktuelle Sprache

IMAP Problem

Kommt es bei der Nutzung eines IMAP-Kontos bei Abruf oder bei Verschieben von E-Mails zu einer Fehlermeldung à la "Zu viele Verbindungen", kann man in den Einstellungen von Mozilla Thunderbird, Outlook und Co.

PHP-Funktion in XSL / XSLT

Eine PHP Funktion lässt sich in XSL problemlos mit der Direktive XSLTProcessor::registerPHPFunctions ausführen.

Block-Element als Link

Aus dem Webdesign-Alltag: Um ein ganzes Block-Element (z.B. das div-Element) mit einer Verlinkung zu versehen, reicht es normalerweise, über das Blockelement ein Hyperlink-Tag (<a></a>) zu legen,

Muster-Text Google Share Button

Hier finden Sie einen Muster-Text für Impressum, Disclaimer oder Datenschutz-Erklärung bei der Einbindung eines Google+1-Buttons

Twitter Share Button

Hier finden Sie einen Muster-Text für Impressum, Disclaimer oder Datenschutz-Erklärung bei der Einbindung eines Twitter-Buttons

Facebook Button

Hier finden Sie einen Muster-Text für Impressum, Disclaimer oder Datenschutz-Erklärung bei der Einbindung eines Facebook-Buttons

Poedit

Findet Poedit in einem angegebenen Verzeichnis einen Großteil der zu übersetzenden Strings nicht, kann dies unter Umständen an .phtml-Dateien liegen, die in der Grundeinstellung

Slimbox 2

Die Slimbox2 kann als Lightboxvariante innerhalb des Javascript-Frameworks jQuery in Joomla Probleme machen (hier der Fall in Joomla 2.5). Das kann an einer Kollision mit dem MooTools-Framework und anderen Komponenten liegen, die im Rahmen der "<jdoc:include type='head' />"-Direktive in der index.php des Template-Sets aufgerufen werden. Was also tun?

Slimbox 2 macht Probleme

Voraus geschickt: Die Slimbox2 ist eine richtig gute Lightbox-Variante, wenn nicht sogar eine der derzeit besten innerhalb des jquery-Frameworks. Einfach zu implementieren, einfach zu bedienen, einfach zu verändern.

XHTML-valide

Mit folgendem Code lässt sich der Google+ Button problemlos W3C-konform in jede Website einbinden:

Twitter-Button XHTML-valide

Mit folgendem Code lässt sich der Twitter-Button problemlos W3C-konform in jede Website einbinden:

Facebook-Like-Button XHTML-valide

Mit folgendem Code lässt sich der Facebook-Like-Button problemlos W3C-konform in jede Website einbinden: 

Logout des Administrators in osCOmmerce

Um den Auto Logoff eines (inaktiven) Admins innerhalb einer osCommerce-Installation (z.B. osC 2.3.2) hinauszuschieben oder ganz zu deaktivieren,

Produkt-Bilder im IE

Ist bei "image width" oder "image height" der Wert "auto" für eine automatische Berechnung der Produktbild-Breite oder -Höhe in osC eingestellt (betrifft Vorschau-Bilder / Miniatur-Bilder / Thumbnails)

Seiten in osCommerce hinzufügen

Eine kurze Anleitung zum Hinzufügen eigener Inhalte im osCommerce-System (osC 2.3.2) am Beispiel einer Impressumsseite:

Wordpress Shortcode PHP

Um die Wordpress Shortcode API außerhalb von Seiten bzw. Artikeln einbetten zu können (u.a. für Plugin-Funktionalitäten), dient die Funktion do_shortcode():

osCommerce 2.3.2 ckeditor 2.3.1

Sollten Probleme nach der Installation des WYSIWYG-Editor (WYSIWYG = What You See is What You Get) "ckeditor" (letztes Update der osC-contribution zum Zeitpunkt dieses Beitrages: 21.03.2011)