Neu Bilderoverlay/Sticker Shop5 Nova

daluga

Aktives Mitglied
13. März 2015
9
1
Soooooo..... da ich gerade was ähnliches gemacht habe... hier mal die Lösung für alle-> für die Ribbon Erweiterung :cool:
Aktivierung und Steuerung der Farbe und des Textes über die WAWI ( eigene Felder)

Schaut dann im Endeffekt so aus:
Den Anhang 56033 betrachten


Wie geht das ?.... bitte nur wer sich etwas auskennt... und bitte nur in einem Child-Template...

Legt im Child-Template unter snippets/die Datei ribbon.tpl neu an ->
Dann öffnen und diesen Inhalt hier komplett einfügen:


Code:
{block name='snippets-ribbon'}
    {if !empty($Artikel->Preise->Sonderpreis_aktiv)}
        {$sale = $Artikel->Preise->discountPercentage}
    {/if}


    {block name='snippets-ribbon-main'}
 
{*ARA ab hier*}    {if !empty($Artikel->FunktionsAttribute.araribbon)}
 
<div class="ribbon
            ribbon-{$Artikel->FunktionsAttribute.farbnummer} productbox-ribbon">
            {block name='snippets-ribbon-content'}
            {$Artikel->FunktionsAttribute.ribbontext}   <style type="text/css"> .ribbon-{$Artikel->FunktionsAttribute.farbnummer} { background-color:#{$Artikel->FunktionsAttribute.farbnummer}; color: #f5f7fa; }  </style>
            {/block}
 </div>        
        {else}
{*ARA bis hier*}        

        <div class="ribbon
            ribbon-{$Artikel->oSuchspecialBild->getType()} productbox-ribbon">
            {block name='snippets-ribbon-content'}
              {lang key='ribbon-'|cat:$Artikel->oSuchspecialBild->getType() section='productOverview' printf=$sale|default:''|cat:'%'}
            {/block}
        </div>
    {*ARA*}        {/if}
    {/block}
{/block}

Damit werden die Attribute abgefragt, die jetzt in der WAWI unter eigene Felder angelegt werden.
Als Gruppe: Eigener Ribbon dazu als Felder: araribbon (als Checkbox) Farbnummer (als Freitext) Ribbontext (als Freitext)

Den Anhang 56036 betrachten

Wenn Ihr das unter Anzeigeort Allgemein macht, dann ist es direkt unten in den Artikeldetails:
und schaut dann so aus:

Den Anhang 56039 betrachten

so... jetzt das Feld aktivieren mit der Checkbox
Die Farbnummer eintragen ( ACHTUNG ! ohne das "#")
und den gewünschten Text....

Das selbst erstellte Ribbon überschreibt ein eventuell vorhandenes !

man kann das ganze natürlich auch noch ausbauen.... usw usw....

Viel Spaß ;)
Eas
Erstmal DANKE für dies tolle Anleitung, ein echter MEHRWERT!!
Ich wollte das Ganze noch etwas verfeinern und auch den "Ribbon-Pfeil" einfärben (kleines Dreieck für den 3D Effekt)
So dachte ich mir das und hätte einfach das CSS Style um folgendes erweitert - leider ohne Erfolg :
<div class="ribbon
ribbon-{$Artikel->FunktionsAttribute.farbnummer} productbox-ribbon">
{block name='snippets-ribbon-content'}
{$Artikel->FunktionsAttribute.ribbontext} <style type="text/css"> .ribbon-{$Artikel->FunktionsAttribute.farbnummer} { background-color:#{$Artikel->FunktionsAttribute.farbnummer}; .ribbon-{$Artikel->FunktionsAttribute.farbnummer}::before { border-right-color:#{$Artikel->FunktionsAttribute.farbnummer}; color: #F2F2F2; } </style>
{/block}
</div>

Anscheinend kann das selbe FunktionsAttribute nur 1 x ausgeführt werden.
Gibt es dazu eine Lösung?
LG
Harald Luger
 

Anhänge

  • ribbon.PNG
    ribbon.PNG
    107,5 KB · Aufrufe: 18
Zuletzt bearbeitet:

ARA-Marketing

Offizieller Servicepartner
SPBanner
2. Oktober 2008
903
92
Regensburg
Servus....

das hat jetzt ein bisschen was mit "Smarty" zu tun....
Hier die für dich richtige Formatierung dafür:

Code:
{block name='snippets-ribbon'}
    {if !empty($Artikel->Preise->Sonderpreis_aktiv)}
        {$sale = $Artikel->Preise->discountPercentage}
    {/if}


    {block name='snippets-ribbon-main'}
    
{*ARA ab hier*}    {if !empty($Artikel->FunktionsAttribute.araribbon)}   
    
<div class="ribbon
            ribbon-{$Artikel->FunktionsAttribute.farbnummer} productbox-ribbon">   
            {block name='snippets-ribbon-content'}   
            {$Artikel->FunktionsAttribute.ribbontext}   
            <style type="text/css"> .ribbon-{$Artikel->FunktionsAttribute.farbnummer} { background-color:#{$Artikel->FunktionsAttribute.farbnummer}; }
                                    .ribbon-{$Artikel->FunktionsAttribute.farbnummer}::before { border-right-color: #{$Artikel->FunktionsAttribute.farbnummer};
                                     color: #f5f7fa;} </style>
            {/block}
 </div>           
        {else}
{*ARA bis hier*}           

        <div class="ribbon
            ribbon-{$Artikel->oSuchspecialBild->getType()} productbox-ribbon">
            {block name='snippets-ribbon-content'}   
              {lang key='ribbon-'|cat:$Artikel->oSuchspecialBild->getType() section='productOverview' printf=$sale|default:''|cat:'%'}
            {/block}
        </div>
    {*ARA*}        {/if}   
    {/block}
{/block}


Viele Grüße
Eas
 
  • Gefällt mir
Reaktionen: daluga

2009Butch

Aktives Mitglied
27. Dezember 2017
36
2
Hallihallo in die Runde.

ich habe den Code auch mal übernommen, aber wenn ich das richtig sehe funktioniert das ganze nur wenn Sonderpreise aktiv sind.
Ist es auch möglich den Ribbon für "normale" Artikel zu erstellen?
Hintergrund ist das wir Hundespielzeug als Schwimmfähig mit einem Ribbon kennzeichnen wollen, der Ribbon sollte also auch sichtbar sein, wenn das Spielzeug nicht im Angebot ist.

LG
Kerstin
 

ARA-Marketing

Offizieller Servicepartner
SPBanner
2. Oktober 2008
903
92
Regensburg
Servus Kerstin,

im Prinzip kann man damit fast alles bauen, aber es ist auch ein eventuelles Problem mal mit einer Überlagerung.

In deinem Fall würde ich mir überlegen, ob du nicht lieber für diese Produkte ein Merkmal anlegst (dann kann man es auch sortieren)
und einen eigene Button sozusagen mit in das Artikelbild integrierst. Kommt natürlich auch darauf an, um wie viele Artikel es sich handelt.

VG
Eas
 

2009Butch

Aktives Mitglied
27. Dezember 2017
36
2
Servus Kerstin,

im Prinzip kann man damit fast alles bauen, aber es ist auch ein eventuelles Problem mal mit einer Überlagerung.

In deinem Fall würde ich mir überlegen, ob du nicht lieber für diese Produkte ein Merkmal anlegst (dann kann man es auch sortieren)
und einen eigene Button sozusagen mit in das Artikelbild integrierst. Kommt natürlich auch darauf an, um wie viele Artikel es sich handelt.

VG
Eas
Danke für deine Antwort,
so viele Artikel sind es nicht, dann werde ich es auf einem anderen Weg machen
LG
Kerstin
 

daluga

Aktives Mitglied
13. März 2015
9
1
Servus....

das hat jetzt ein bisschen was mit "Smarty" zu tun....
Hier die für dich richtige Formatierung dafür:

Code:
{block name='snippets-ribbon'}
    {if !empty($Artikel->Preise->Sonderpreis_aktiv)}
        {$sale = $Artikel->Preise->discountPercentage}
    {/if}


    {block name='snippets-ribbon-main'}
 
{*ARA ab hier*}    {if !empty($Artikel->FunktionsAttribute.araribbon)}
 
<div class="ribbon
            ribbon-{$Artikel->FunktionsAttribute.farbnummer} productbox-ribbon">
            {block name='snippets-ribbon-content'}
            {$Artikel->FunktionsAttribute.ribbontext}
            <style type="text/css"> .ribbon-{$Artikel->FunktionsAttribute.farbnummer} { background-color:#{$Artikel->FunktionsAttribute.farbnummer}; }
                                    .ribbon-{$Artikel->FunktionsAttribute.farbnummer}::before { border-right-color: #{$Artikel->FunktionsAttribute.farbnummer};
                                     color: #f5f7fa;} </style>
            {/block}
 </div>        
        {else}
{*ARA bis hier*}        

        <div class="ribbon
            ribbon-{$Artikel->oSuchspecialBild->getType()} productbox-ribbon">
            {block name='snippets-ribbon-content'}
              {lang key='ribbon-'|cat:$Artikel->oSuchspecialBild->getType() section='productOverview' printf=$sale|default:''|cat:'%'}
            {/block}
        </div>
    {*ARA*}        {/if}
    {/block}
{/block}


Viele Grüße
Eas
Hallo Eas!
Sorry, dass mir das erst jetzt aufgefallen ist, ich hatte aber Megastress mit der Shop 5 Umstellung ;)
Super, danke, das funktioniert prima wie man hier sieht bei Set-Preis: https://www.sonnlicht.de/Weihrauch-kaufen-in-bester-Qualitaet
Auch wenn es schöner wäre, wenn es etwas dunkler ging, damit der 3D Effekt zustande kommt..
Dazu bräuchte man wahrscheinlich ein neues Feld in der Wawi in der man etwas dunklere Farbe angibt und das macht das Ganze dann eher kompliziert für den User.

Trotzdem ist es jetzt viel besser - DANKE nochmals!

LG
Harald Luger
 

2009Butch

Aktives Mitglied
27. Dezember 2017
36
2
Ich habe den Ribbon für die "Sale" Produkte auch eingebaut, allerdings bekomme ich den kleinen "Pfeil" nicht angezeigt.
Den Code habe ich von Post #22 übernommen. Habe ich was übersehen?
 

Anhänge

  • Ribbon.jpg
    Ribbon.jpg
    14,1 KB · Aufrufe: 12

2009Butch

Aktives Mitglied
27. Dezember 2017
36
2
So wie ich das überblicke ... JA
Der Weinrote und der grüne Ribbon ist von mir über das Wawi angelegt, bei dem Weinroten ist der kleine Pfeil, bei den grünen nicht
 

Anhänge

  • Ribbon1.jpg
    Ribbon1.jpg
    39,4 KB · Aufrufe: 7

2009Butch

Aktives Mitglied
27. Dezember 2017
36
2
Ich habe mal die Farbe des grünen Ribbons geändert und siehe da es geht. Vielleicht mag er nicht alle Farben ;)
 

ARA-Marketing

Offizieller Servicepartner
SPBanner
2. Oktober 2008
903
92
Regensburg
Servus und sorry.... ich bin aktuell nicht so viel hier im Forum... besser ist da immer ne PN, das kommt dann durch zu mir :)

Kann ich mir eigentlich nicht vorstellen... aber wenns jetzt geht, passt es ja

VG
Eas
 
  • Gefällt mir
Reaktionen: 2009Butch
Ähnliche Themen
Titel Forum Antworten Datum
Neu Sonderangebote mit Artikel-Sticker auf Vaterartikel und Swatches kenntlich machen Allgemeine Fragen zu JTL-Shop 0
Neu Entwickler gesucht JTL Konfigurator Shop5 Freitext Dienstleistung, Jobs und Ähnliches 0
Wie mit URL Slashes in Shop5 und relativen Pfaden umgehen? Einrichtung JTL-Shop5 0
Neu [SHOP5][NOVA] Filtersuchfeld filtert nur sichtbare Merkmale JTL-Shop - Fehler und Bugs 1
Neu Bei JTL SHOP5 Installation - Keine config.JTL-Shop.ini.php gefunden / 500 - Internal Server Error Installation / Updates von JTL-Shop 3
Neu JTL Shop5 Artikel mit Bestand 0 ans Ende der Liste User helfen Usern - Fragen zu JTL-Wawi 0
Logo Skalierung im Shop5 Einrichtung JTL-Shop5 7
Neu Auswahlassistent Shop5 Allgemeine Fragen zu JTL-Shop 4
Neu Größentabelle Shop5 Allgemeine Fragen zu JTL-Shop 0
Neu Shop5: JTL Paypal, Ratenzahlung und dann noch Mollie Plugins für JTL-Shop 0
Neu 💙 Neues Plugin: Energielabel (für JTL-Shop5) - empfohlen vom Händlerbund! Plugins für JTL-Shop 0
Neu 💙 Neues Plugin: Messenger Kontaktlayer (für JTL-Shop5) Plugins für JTL-Shop 5
Neu 💙 Neues Plugin: Artikelsticker Plus (für JTL-Shop5) Plugins für JTL-Shop 0
Neu JTL Shop5 Plugin " Gefahrensymbol" Com-ins-netz CIN GmbH Plugins für JTL-Shop 0
Neu Mixbox Plugin für JTL-Shop5 Com-ins-netz CIN GmbH Plugins für JTL-Shop 0
Neu Shop5 Plugin " Pfand incl. Altteilesteuer für den KFZ Handel" Com-ins-netz CIN GmbH Plugins für JTL-Shop 0
Neu Platzhalter Datenbankfelder Betreffzeile Email aus shop5 Bestellbestätigung Versandbestätigung etc Allgemeine Fragen zu JTL-Shop 0
Neu JTL-Shop5 API Bug Allgemeine Fragen zu JTL-Shop 1
Neu STRIPE Zahlungsplugin für JTL-Shop5 Plugins für JTL-Shop 2
Neu 💙 Neues Plugin: Kategorietext Anzeige Plus (für JTL-Shop4 und JTL-Shop5) Plugins für JTL-Shop 0
Neu 💙 Neues Plugin: Lexikon/Glossar (für JTL-Shop5) Plugins für JTL-Shop 0
PHP Version 7.4 + 8 generiert Fehler 500 (shop5) Einrichtung JTL-Shop5 2
Shop5 Export Idealo Artikel mit Umlauten werden in Idealo mit Sonderzeichen dargestellt Einrichtung JTL-Shop5 6
Neu Vorschlag Usability Optimierung Shop5 Backend JTL-Shop - Ideen, Lob und Kritik 2
Neu 💙 Neues Plugin: Kundenfragen und -antworten für Artikel (für JTL-Shop5) Plugins für JTL-Shop 5
Neu 💙 Neues kostenloses Plugin: Eye-Able® Schnittstelle für JTL-Shop5 (für barrierefreie Shops) Plugins für JTL-Shop 3
Neu Fehler beim ausführen des shop5 Testskript (Systemcheck) Installation / Updates von JTL-Shop 7
Wawi Kategorien in Shop5 ausblenden um eigene Seiten zu nutzen (MegaMenü) geht nicht, oder? Einrichtung JTL-Shop5 1
Neu Shop5 Lieferadressen Bug - Lieferadresse lässt sich aus der Bestellübersicht nicht mehr ändern JTL-Shop - Fehler und Bugs 3
Neu Nach dem Upgrade Shop4 > Shop5 - Wawi-Syncdaten müssen manuell abgespeichert werden? JTL-Shop - Fehler und Bugs 10
Neu Shop5 NOVA - SWATCH-Image - PopUp deaktivieren Templates für JTL-Shop 5

Ähnliche Themen