Video: Wie du dein erstes Shopware 5 Theme mit Smarty anpasst – Teil 3

Video: Wie du dein erstes Shopware 5 Theme mit Smarty anpasst – Teil 3

Alexander Wolf 26. März 2016 10

Im zweiten Teil habe ich dir gezeigt wie du ein Shopware 5 Theme mit LESS anpassen kannst.

Damit haben wir aber nur begrenzt Möglichkeiten unser Theme anzupassen.

Shopware 5 arbeitet mit der PHP Template Engine Smarty.

Was ist Smarty und wie könnt ihr euer Theme damit anpassen?

8mylez University - Shopware 5 Theme mit Smarty anpassen - Teil 3

In diesem Video geht es wieder um den Footer.

Wir nehmen das Shopware Logo raus und erweitern den Footer um einen Text, den ihr im Backend anpassen könnt.

Wie das funktioniert, seht ihr im Video:

Solltet ihr den ersten Teil verpasst haben, könnt ihr den ersten Teil hier anschauen: https://8mylez.com/blog/video-wie-du-dein-erstes-shopware-5-theme-anlegst-und-anpasst-teil-1/

Und den zweiten Teil gibt es hier: https://8mylez.com/blog/video-wie-du-dein-erstes-shopware-5-theme-anlegst-und-mit-less-anpasst-teil-2/

Welche Videos wünscht ihr euch? Schreibt es in die Kommentare 🙂

10 Kommentare

  • Hallo Alexander,

    ich bin gerade dabei unseren Shopware Shop anzupassen und eure Seite hat mir dabei schon viele wertvolle Tipps geliefert. Erstmal Danke dafür! Wirklich eine Spitzen Arbeit die ihr leistet.
    Auch dieses Video ist wieder sehr gelungen und 'Anfänger-geeignet'.

    Ich hätte dazu nur eine Frage, sofern du mir die beantworten kannst.

    Ich möchte in der Top-Bar in der auch das Dropdown Menu Service/Hilfe ist Textbausteine erstellen. Sozusagen wie in eurem Conversion Header den man als Plugin downloaden kann, jedoch nicht darüber als neue Top-Bar sondern genau in dieser Top-Bar wie oben beschrieben.
    Ich habe mich im Code schon mal umgesehen und auch ein bisschen rumprobiert, aber leider komme ich auf keinen Grünen Zweig wie ich das bewerkstelligen könnte.

    Hoffe du kannst mir vielleicht ein paar hilfreiche Tipps geben mit denen ich arbeiten kann :)

    Liebe Grüße David
  • Hallo David,

    vielen Dank für die netten Worte! Wir freuen uns immer über Feedback :)

    Der Code den du suchst befindet sich in der frontend/index/topbar-navigation.tpl. Diese musst du in deinem eigenen Theme überschreiben und entsprechend deinen Code mit Textbausteinen reinschreiben. Mit etwas LESS sollte das Ganze auch vernünftig aussehen.

    Ich hoffe das hilft dir weiter, ansonsten schreib uns eine Mail und wir schauen uns das gemeinsam an.

    Gruß
    Alexander
  • Hallo Alexander,

    hier bin ich wieder ;-) mit folgenden Frage, die mir Google und Dein Blog bisher nicht beantworten konnte. Leider finde ih auch keine neutrale Kommentarfunktion um Dir themenunabhängig diese Anfrage zu schreiben.

    Ich versuche folgende Dinge zu lösen:
    - wie kann ich den Zoom und die Lightbox abschalten, da diese nicht erwünscht sind. ich finde nur den Wechseln zwischen LB und dem Zoom.

    Welches Template ist dafür zuständig? Oder gibt es eine simple Möglichkeit das in Shopware 5 zu ändern.

    Gruß und schöne Ostern Ron
  • Hallo Ron,

    es freut uns, dass du öfter im Blog unterwegs bist :) Wir wünschen dir auch schöne Ostern!

    Um den Zoom Effekt bzw. die Lightbox (Gallery) abzuschalten kannst du entweder die jQuery Plugin entfernen (https://developers.shopware.com/designers-guide/javascript-statemanager-and-pluginbase/).

    Oder du nimmst entsprechend die Klassen aus der Detailansicht raus, in dem du in der frontend/detail/index.tpl den Block frontend_detail_index_image_container überschreibst und data-image-gallery="false" setzt, sowie {if $sArticle.image && {config name=sUSEZOOMPLUS}} product--image-zoom{/if} entfernst.

    Ich hoffe das hilft dir weiter, ansonsten meld dich per Mail bei uns und wir schauen gemeinsam rein.

    Gruß
    Alexander

Was denkst du?

Beliebt

Was du über die Shopware 5 Theme Struktur wissen musst und wie du ein eigenes Template erstellst
Social Media Icon mit Link im Footer
Shopware Theme: Eigenes Listing Layout erstellen
Logo Größe mit Less für Shopware 5 anpassen
Die größten Fehler bei der Entwicklung eines Shopware 5 Themes

Sicher Dir die besten Shopware 6
Tipps & Tricks

Trag Dich ein und Du erhältst unser Shopware 6 Whitepaper kostenlos!
Trag dich für unseren Newsletter an, im Anschluss erhältst Du das Whitepaper. 

Mit dem Abschicken Deiner Daten akzeptierst Du unsere Datenschutzerklärung.

Entdecke unsere ebooks

Unsere Standorte

Zentrale 

Technologiepark 23
33100 Paderborn


Leipzig
Bernhardstraße 34
04315 Leipzig

Kontakt

Über 8mylez

✓ 38 Mitarbeiter

✓ Shopware Gold Partner

✓ 40.000+ Plugin Downloads

✓ 160+ betreute Shops

✓ Full-Service Shopware Agentur

✓ 70 Shopware Videos auf Youtube

✓ Alle Shopware Zertifizierungen

Social


Unsere Partner
© 2023 by 8mylez GmbH //  Impressum + Datenschutz