Bildeffekte Bundle – setzen Sie diverse Filter über Bilder/Banner mittels CSS Klassen

Bildeffekte Bundle – setzen Sie diverse Filter über Bilder/Banner mittels CSS Klassen

l Quelloffen
2 Downloads
Responsive
Dieser Hersteller reagiert schnell auf Supportanfragen
    sagen91391435229
  • 1.0.0
  • 19.09.2017
  • de_DE
  • von shopware agentur tannheimer e.U.
  • 5.2.0 – 5.2.27
    5.3.0 – 5.3.7
Normal 0 21 false false false... mehr

Produktinformationen

Bildeffekte Bundle - Dieses Plugin ermöglicht es, Ihre Bilder und Fotos noch besser in Szene zu setzen und mittels verschiedenen Filtern tolle Effekte zu erhalten. Sie erhalten 10 Bildeffekte in einem Plugin und müssen künftig nicht mehr extra die Grafikabteilung bemühen. Mittels CSS Klasse bestimmen Sie jetzt selbst, welches Bild welchen Effekt erhalten soll – und das entweder von vornherein, oder aber beim Mouseover mittels sanften Übergangs. Die Effekte lassen sich auch toll miteinander kombinieren. Einfach mehrere „Klassen“ durch ein Leerzeichen getrennt in der Widgetbearbeitung in das CSS-Klassenfeld schreiben.

zB. opacity08-hover grayscale50 --> So wird Ihr Originalbild jetzt in 50% Graustufen angezeigt und erhält beim Mouseover zusätzlich eine leichte Transparenz

Beschreibung der Bildeffekte - hier zum Download

Mit diesen 10 Effekten machen Sie Ihr Bild: unscharf, heller, kontrastreicher, farbintensiver, transparent, setzen es in Graustufen oder mit Sepia-Effekt, Negativ oder mit Schatten, oder vergeben einen neuen Farbstich.

blur - unscharf
Dieser Effekt macht das/die Bild(er) im Widget um 1px unscharf.

blur-hover
Macht das/die Bild(er) im Widget beim Mouseover mittels sanften Übergangs um 1px unscharf.

brightness70 / brightness70-hover

Macht das/die Bild(er) im Widget um 30 Prozent dunkler / beim Mouseover sanft um 30 Prozent dunkler

brightness130 / brightness130-hover

Macht das/die Bild(er) im Widget um 30 Prozent heller / beim Mouseover sanft um 30 Prozent heller

contrast70 / contrast70-hover

Stellt das/die Bild(er) im Widget mit 30 Prozent weniger Kontrast dar / beim Mouseover mit 30 Prozent weniger Kontrast dar.

contrast130 / contrast130-hover

Stellt das/die Bild(er) im Widget mit 30 Prozent mehr Kontrast dar / beim Mouseover mit 30 Prozent mehr Kontrast dar.

grayscale50 / grayscale50-hover

Stellt das/die Bild(er) im Widget in 50 Prozent Graustufen dar / beim Mouseover in 50 Prozent Graustufen dar

grayscale100 / grayscale100-hover

Stellt das/die Bild(er) im Widget in 100 Prozent Graustufen dar / beim Mouseover in 100 Prozent Graustufen dar

drop-shadow1120 / drop-shadow1120-hover

Achtung: ist nur sinnvoll bei png Grafiken mit transparentem Hintergrund!Setzt einen Schatten in grau rund um das png mit 1px 1px 20px / setzt den Schatten beim Mouseover

sepia50 / sepia50-hover

Stellt das/die Bild(er) im Widget mit 50 Prozent Sepia-Effekt dar / beim Mouseover mit 50 Prozent Sepia Effekt dar

sepia100 / sepia100-hover

Stellt das/die Bild(er) im Widget mit 100 Prozent Sepia-Effekt dar / beim Mouseover mit 100 Prozent Sepia Effekt dar

hue-rotate – Farbkreis in 30 Grad Schritten verändern

zB. hue-rotate30 / hue-rotate30-hover, hue-rotate60, hue-rotate90, usw.

invert01 / invert01-hover

Invertiert (negativ – kehrt die Farben um) das/die Bild(er) im Widget um 10 Prozent / beim Mouseover um 10 Prozent

invert02 / invert02-hover

Invertiert (negativ – kehrt die Farben um) das/die Bild(er) im Widget um 20 Prozent / beim Mouseover um 20 Prozent

saturate05 / saturate05-hover

Setzt die Farbsättigung der Bilder im Widget auf die Hälfte / beim Mouseover auf die Hälfte

saturate15 / saturate15-hover

Verstärkt die Farbsättigung der Bilder im Widget um 50 Prozent / beim Mouseover um 50 Prozent

opacity04 / opacity04-hover

Stellt das/die Bild(er) im Widget mit 60 Prozent Transparenz dar / beim Mouseover mit 60 Prozent Transparenz dar

opacity08 / opacity08-hover

Stellt das/die Bild(er) im Widget mit 20 Prozent Transparenz dar / beim Mouseover mit 20 Prozent Transparenz dar

Bewertungen lesen, schreiben und diskutieren... mehr

Kundenbewertungen

Installationsanleitung

1. Plugin herunterladen & installieren

2. Plugin aktivieren

3. Template Cache leeren und Theme/s kompilieren wird im Plugin erzwungen :)

Änderungen

Version 1.0.0

Namen und Version angepasst - Uploadprobleme (Fixed)

BUNDLE
Responsive
Viele Hover-Effekte für Einkaufswelten
(1)
Mit diesem Plugin können Sie ganz einfach Einkaufswelten-Elemente mit Hover-Effekten erstellen.
NEU
Responsive
speichert den Zeitpunkt der Zustimmung zum Datenschutz
BUNDLE
Responsive
Einkaufswelten USP Leiste von: almCode | Shopware...
Platzieren Sie Ihre USP an einer beliebige Stelle im Shop als Einkaufswelten-Element.
BUNDLE
Responsive
Der Promotion Banner mit Call2Action und frei gestaltbar
(4)
Weg vom normalen, langweiligen Banner? Hier haben Sie die perfekte Lösung Artikel oder Aktionen a...
Responsive
Kategorieübersicht + Filterung als... von: Shopbrains by BLmedia...
Einkaufswelten-Element um Kategorien übersichtlich und sortiert dazustellen inkl. live Filterung.
Responsive
Mit diesem Plugin ist es möglich individuelle Kategorielisten in den Einkaufswelten zu erstellen.
Zertifiziert
BUNDLE
Responsive
Animierte Einkaufswelten
(2)
Belebe deine Einkaufswelten.
Filter-Facetten als Range Slider von: Shopbrains by BLmedia...
Dieses Plugin ermöglicht das Anpassen der Filter-Facetten im Frontend als Range-Slider.
Zertifiziert
Nutze das Set an vorgefertigten Einkaufswelten für eine stimmungsvolle Atmosphäre in Deinem Shop.
Responsive
Einkaufswelt Elemente Mouseover Effekte
(13)
Elegante Mouseover Effekte für das Einkaufswelt Element Kategorie-Teaser
NEU
Blende Deine Siegel von bekannten Institutionen ein, damit Kunden sich sicher fühlen und kaufen.
NEU
Responsive
Das Plugin fügt einen Emotion Banner Slider zu den Einkaufswelten - Elementen hinzu.
NEU
Responsive
Unterschiedliche Darstellung der Varianten mit der Möglichkeit, Vorschaubilder zu hinterlegen
Einkaufswelten im Menü von: Pixline Media
Das Plugin gibt Ihnen die Möglichkeit EKW's zu gestalten & diese im erweiterten Menü auszugeben
Responsive
Mit diesem Plugin können Sie ganz einfach Einkaufswelten-Elemente mit Flip-Effekten erstellen.
BUNDLE
Responsive
Premium alpenEmotion Theme
(1)
Premium alpenEmotion Theme von: almCode | Shopware...
Das neue Community Theme von der Community für die Community. Solltest du noch Anpassungswünsche....
Step Line | Timeline | Kundenbindung
(1)
Step Line | Timeline | Kundenbindung von: almCode | Shopware...
Zeigen Sie stylisch den Ablauf in Ihren Onlineshop um so nachweislich die Conversion-Rate zu erh...
Info Boxen | Einkaufswelt 2 Layouts | Modern Stylisch
(1)
Positioniere mit den neuen Info Boxen - Elementen responsive Informationen auf deinen Shopware On...
Responsive
Product Banner Emotion
(1)
Product Banner Emotion von: almCode | Shopware...
Positionieren Sie Aktionen, Neuigkeiten oder Hinweise direkt auf der Artikeldetailseite.
BUNDLE
Responsive
Vorauswahl bei Variante als Bild - Bildkonfigurator
(3)
Bei Artikeln mit Bildkonfigurator wird die im Shopware Backend eingestellte Variante vorausgewählt.
BUNDLE
Responsive
Würfel-Effekte für Einkaufswelten
(1)
Mit diesem Plugin können Sie ganz einfach Einkaufswelten-Elemente mit Würfel-Effekten erstellen.
BUNDLE
Responsive
Emotion Row | Hover Zoom Boxen | Einkaufswelten Hover Element | Zoom Kacheln
(1)
Mit dem Emotion Row Boxen setzen Sie Ihren Content noch gezielter in den Fokus der Besucher. Egal...
Responsive
Glow Boxen | Hover Effekt Boxen von: almCode | Shopware...
Veredeln Sie Ihre Bilder mit einem smoothen Glow:Hover Effekt. Dieser Effekt lädt kein Video und...
Responsive
Mit dem Emotion Row Boxen setzen Sie Ihren Content noch gezielter in den Fokus der Besucher. Egal...
Responsive
Weg vom normalen, langweiligen Banner? Hier haben Sie die perfekte Lösung Artikel oder Aktionen a...
Responsive
Weg vom normalen, langweiligen Slidern ohne Text? Noch nie war ein Slider so wie der! Aktionen...
Responsive
Belegen Sie Ihre Bild-Varianten Optionen mit einem individuellen Bild.
Zertifiziert
BUNDLE
Responsive
Popups, Mitteilungen und Banner
(1)
Aufmerksamkeitsstarke Hinweise in Ihrem Shop - vielfältig konfigurierbare Popups, Banner + Slide-Ins
Responsive
Set-Artikel Plus von: Repertus GmbH
Fassen Sie mehrere dynamisch konfigurierbare Artikel-Slots zu Set-Artikeln zusammen.
BUNDLE
Responsive
Einkaufswelt Parallax Text Slider Banner
(1)
Echter Parallax Effekt mit Text Slider als Einkaufswelten Banner Element inkl Einkaufswelten Vorlage
Responsive
MATERIO | Advanced Premium Theme von: Pixelsafari E-Commerce...
Mit diesem responsive Theme bekommt Ihr Shop ein modernes, aufgeräumtes Design auf allen Endgeräten
Responsive
Elegante Mouseover Effekte für das Einkaufswelt Element Kategorie-Teaser
Responsive
Anzahl der Verkäufe | Verkäufe steigern!
(1)
Erhöhen Sie die Anzahl Ihrer Verkäufe indem Sie Ihren Kunden zeigen wie beliebt Ihre Produkte sind.
Responsive
Live Sales | Live Verkäufe als Benachrichtigung
(2)
Zeige Benachrichtigungen von Einkäufen anderen Kunden um das Vertrauen zu erhöhen.
Responsive
Buchhaltungsexport Bestellungen
(1)
Buchhaltung leicht gemacht! Ein Export der Bestellungen mit allen wichtigen Informationen.
Responsive
Varianten-Eigenschaften von: onlineshop.consulting
Bietet die Möglichkeit Eigenschaften pro Variante zuzuweisen.
BUNDLE
Responsive
Einkaufswelten Plus von: nnwebdesign GbR
CSS-ID und CSS-Klasse für Einkaufswelten vergeben. Höhe automatisch via CSS setzen
Responsive
Mit dem Plugin kann man die Shopware Landingpages individualisieren.
Dieses Plugin verschafft den Bildern und Artikeln in Ihren Einkaufswelten leben!
Responsive
Schritt für Schritt durch die Bildvariantenauswahl

Zuletzt angesehen