<mediaDESIGN> St. Kraft + lens*flares
  • Joomla extensions
  • Frontpage
  • Knowledgebase

Select your language

  • Deutsch
  • English (UK)
Suche - Kategorien
Suche - Inhalt
  • My Own Joomla extensions
  • Knowledgebase
  • Shop Warenkorb

SVG-Grafiken direkt inline in Joomla-Beiträge per JCE

Details
Last Updated: 29 September 2023

User Rating: 4 / 5

Problembeschreibung SVG-Grafiken in Joomla-Beiträgen

Aus Performance-Gründen geht der Trend beim Bau von Websites dahin, Grafiken nicht mehr als separate Sourcen vom Server zu laden, sondern diese wo möglich direkt in den Code zu schreiben. So reduziert man die Anzahl der Serverrequests. Wenn man z.B. Social-Media-Icons als SVG-Klickbuttons einfügen will, kann man das über sehr unterschiedlche Methoden erreichen, als CSS-image-URLs (base64 codiert), oder noch einfacher aus Awesome-Font-Icons oder man schreibt den SVG-Code direkt in den DOM-Baum der Website. Wie das gemeint ist sieht man in diesem Beispiel für einen Facebook-Button:

<div>
<a href="https://www.facebook.com/mediadesign.sk/"> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 48 48" width="6vW" height="6vW"> <path fill="#3F51B5" d="M42,37c0,2.762-2.238,5-5,5H11c-2.761,0-5-2.238-5-5V11c0-2.762,2.239-5,5-5h26c2.762,0,5,2.238,5,5V37z"></path> <path fill="#FFF" d="M34.368,25H31v13h-5V25h-3v-4h3v-2.41c0.002-3.508,1.459-5.59,5.592-5.59H35v4h-2.287C31.104,17,31,17.6,31,18.723V21h4L34.368,25z"></path> </svg> </a>
</div>

Das Problem hierbei ist, wenn man in den Joomla-Content-Editor (JCE) oder auch in den Joomla-Standard-Editor MCE solchen SVG-Code einfügt, dann wird der HTML-Code i.d.R. bei den Grundeinstelungen beim Speichern bereingt, d.h. unser SVG-Code fliegt komplett raus.

Leider gibt es für SVG-Code im JCE keine prinzipielle Erlaubnis-Option wie z.B. für das Zulassen von Java-Script- (<script>...</script>) oder CSS-Style-Containern (<style>...</style>). Das wird damit zusammenhängen, dass SVG selbst wieder Tags enthalten kann.

Read more: SVG-Grafiken direkt inline in Joomla-Beiträge per JCE

0 comments
776 views

PDF-Download-Links in Joomla-Beiträge oder Module einfach einbinden

Details
Last Updated: 21 October 2022
  • Joomla
  • Attachments
  • jce
  • joomla content editor
  • pdf-download

Problem / Aufgabenstellung: PDF in Jooml-Beiträge einbinden/verlinken

Um PDF als Download in eine Joomla-Beitrag oder in das Custom-Modul einzubinden gibt es verschiedenen Möglichkeiten. Eine oft Verwendete Lösung ist Phoca-Download. Aber diese ist eine komplexe allumfängliche Komponente und zielt vor allem auf Anwender ab, die umfangreiche Download-Repositories bereitstellen wollen. Für viele geringere Ansprüche ist es zu viel Funktionsumfang.

In meinen Kundenprojekten habe ich bis Joomla 3.x für einfache Fälle immer die Erweiterung "Attachments" von Jonathan M. Cameron eingesetzt. Damit war es sehr einfach möglich ein PDF an oder in einen Beitrag anzufügen. Leider wird diese Erweiterung von Jonathan nicht mehr supportet und war eigentlich schon für Joomla 3 code-technisch nicht auf der Höhe der notwendigen Kompatibiltät. Hier ist also nichts für Joomla 4 zu erwarten.

Wie kann man trotzdem einfach PDF-Download-Links einbinden, ohne Kosten für Erweiterungen?

Read more: PDF-Download-Links in Joomla-Beiträge oder Module einfach einbinden

0 comments
9.1k views

Indexierung von Subdomain-Website verhindern (robots.txt, meta-Tag)

Details
Last Updated: 13 September 2022
  • robots.txt
  • .htaccess
  • Indexierung
  • Suchmaschinen

Zielsetzung: Indexierung für eine Subdomain-Website verbieten

Für diese Aufgabenstellung könnte es verschiedene Szenarien geben die einen triftigen Grund liefern. Hier gehe ich mal von einer Konstellation aus, bei der Sie z.B. ein Hauptprojekt unter der Domain www.mein-projekt.de betreiben - als LIVE-Projekt. Zu Test und Entwicklungszwecken haben Sie auf einer Subdomain, z.B. dev.mein-projekt.de eine gespiegeltes Projekt laufen. Natürlich würde es zu allererst Sinn machen, das DEV-Projekt per Passwortschutz zu sperren. Aber es kann Gründe geben, warum das gerade mal nicht tun will. Wenn das Projekt also offen ist, will man trotzdem verhindern, dass Suchmaschinen sich die Seite des DEV-Projektes gierig krallen und indexieren. Man hätte dann die Situation, dass Nutzer sich in dieses Projekt "verlaufen", was bei einem Shop-System aber auch normalen Websites große Irritationen erzeugen könnte - oder einfach nur dem LIVE-Projekt Konkurrenz macht (z.B. durch dublicate content). Also wollen wir verhindern, dass Suchmaschinen diese Seiten indexieren.

 

Lösung für das Verhindern der Indexierung eine Parallelprojektes

Für diese Aufgabe gibt es zunächst zwei übliche von den seriösen Suchmaschinen akzeptierte und berücksichtigte Werkzeuge. Zum einen die robots.txt, zum anderen einen Meta-Tag in den Dateiheadern.

 

Read more: Indexierung von Subdomain-Website verhindern (robots.txt, meta-Tag)

0 comments
4.8k views

JTL Shop 5: Die Breite von Blöcken im Layout anpassen

Details
Last Updated: 19 September 2022

User Rating: 5 / 5

Problembeschreibung - Blockbreite im JTL-Shop5 anpassen

Man kann in JTL-Shop 5 eine Menge konfigurieren um das Layout im Frontend nach Wunsch anzupassen, entweder über das Template oder über über globale Parameter. Was aber nicht einfach einstellbar ist, ist die Breite des Shop-Inhaltes. Diese weicht in der Standard-Konfiguration von der Breit des Header- und Footer bereiches ab, was lt. der Entwickler bewusst so voreingestellt ist. Man wollte diesen breiter machen als den Rest und somit den Platz optimaler für die Produktdarstellungen ausnutzen. Meiner Meinung nach ist die Argumentation dazu etwas inkonsequent.

s. dazu: https://forum.jtl-software.de/threads/nova-theme-hintergrund.144766/
oder: https://forum.jtl-software.de/threads/shop5-nova-hintergrund.139665/
oder: https://forum.jtl-software.de/threads/verschiedene-seiten-breiten-im-shop5-nova.150301/

 

Lösung - Anpassen der Breite für den Shop-Content-Wrapper

Fakt ist, wer hofft den Shop-Inhaltsblock generell über einen Parameter im Backend konfigurieren zu können, wird vergeblich suchen. Das geht leider nur über Modifikationen in den Templates-Scripten. Wie, das soll hier beantwortet werden.

 

Read more: JTL Shop 5: Die Breite von Blöcken im Layout anpassen

0 comments
16.1k views

JTL: Unterschied zwischen Merkmalen, Attributen, Varianten und Variantenkombis, eignene Felder

Details
Last Updated: 27 December 2021

JTL-Begriffe für Features und Funktionen

Die Warenwirtschaft JTL bietet diverse Möglichkeiten Produkte mit zusätzlichen Informationen und Funktionen auszustatten. Aber kaum einem JTL-Anfänger ist klar, was wofür verwendet wird, was man womit erreichen kann. Teilweise sind die Begriffe dafür sehr abstrakt oder zumindest nicht selbsterkärend oder assozieren gleichen Bedeutungen. Ein Beispiel ist die Verwendung der Begriffe "Merkmal" und "Attribute". Ein Attribut ist im Grund auch nur ein anderes Wort für Merkmal. Was unterscheidet also diese Funktionen?

Welche Begriffe und damit verbundene Features in JTL wollen wir erklären?

  • Merkmale und Ihre Werte
  • Attribute und Ihre Werte
  • Variantionen vs. Variantenkombinationen
  • Kindartikel
  • Stücklisten

 

Read more: JTL: Unterschied zwischen Merkmalen, Attributen, Varianten und Variantenkombis, eignene Felder

0 comments
4.7k views
  1. Bootstrap mediaQueries in JTL-Webshop - Entwicklungstool (DeviceSize-Tool)
  2. Ein Gantry5-Particle-Modul in ein Template-Layout-Particle umwandeln
  3. Kaskadierte Accordeon-Effekt in Joomla-Beiträgen per Definitionslistenelemente
  4. Startseiten-Produkt-Slider und Boxen in JTL in beliebiger Reihenfolge und Postion

Page 1 of 4

  • 1
  • 2
  • 3
  • 4
<mediaDESIGN> St. Kraft + lens*flares
© St. Kraft <mediaDESIGN> + lens*flares 1996 - 2023
Verantwortlich für den Inhalt nach § 5 TMG und § 55 Abs. 2 RStV
  • Impressum
  • Datenschutzerklärung
  • Sitemap
Back to top