Teil 3 - Image-Slider-Dosts ändern

Shopware 5 Themes & Design
1

Guten Morgen liebes Forum,

ich bitte um Verständnis das ich nun mehrere Theres öffne. So finde ich es Sachlicher und bei einer Problemlösung besser zu finden, gerade für Mitglieder die Später so ähnlich auch haben möchten.

Es geht um Design-Anpassungen und TPL Änderungen:
Ich finde das Design von https://www.mifcom.de/ sehr schön, da ich auch im Bereich Technik bin find ich die Formen sehr gut und diese möchte ich gerne auch umsetzten.
Nach einer Analyse habe ich auch herausgefunden das Mifcom sehr viele Bilder verwendet und „Relativ“ wenig Programmiert hat, i.d.m „Nicht alles ist Gold was Glänzt“.

 

In diesem Beitrag möchte ich Folgendes umsetzten (Hinweis: Bin kein Programmierer und lerne gerade mit Shopware):

  • Den  Image-Slider-Dosts statt Punkte, Striche anzeigen zu lassen ideal auch als Parallelogramm

P.S, wenn es geht mit den Shopware Basics ohne hinzu zu Programmieren.

Bild als Referenz:

793×64 27.9 KB

2

In der Regel bestehen dieses DOTS eigentlich fast immer aus:

  1. einem SVG Element
  2. oder einem simplen DIV (oder SPAN) mit einem extremen border-radius (50%).

Wenn Du anstatt eine Kreises dann eben solch eine Form haben möchtest, musst Du also nur Dein SVG Element anpassen. Auch beim DIV ist so eine Form durchaus möglich…und zwar mit simplem CSS und dem Transform Befehl:

transform: skew(30deg, 0deg);