Neu Bilderoverlay/Sticker Shop5 Nova

[daluga]

Soooooo..... da ich gerade was ähnliches gemacht habe... hier mal die Lösung für alle-> für die Ribbon Erweiterung
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:

{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

 

[ARA-Marketing]

Servus....

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

{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

 

[2009Butch]

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]

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]

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]

Servus....

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

{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

 

[ARA-Marketing]

Auch wenn es schöner wäre, wenn es etwas dunkler ging, damit der 3D Effekt zustande kommt..

Naja... sag doch, was du willst

dazu gibts dann noch einen schönen css-befehl -> filter: brightness(0.5);

einfach dazu fügen und schon ist es dunkel...

Beste Grüße
Eas

 

[2009Butch]

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?

 

[ARA-Marketing]

Servus... hast du das wirklich 1:1 kopiert ?.... da geht es auch um die Leerzeichen !!

VG
Eas

 

[2009Butch]

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

 

[2009Butch]

Ich habe mal die Farbe des grünen Ribbons geändert und siehe da es geht. Vielleicht mag er nicht alle Farben

 

[ARA-Marketing]

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