Neu Bilderoverlay/Sticker Shop5 Nova

daluga

Aktives Mitglied
13. März 2015
22
5
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: 41
Zuletzt bearbeitet:

ARA-Marketing

Offizieller Servicepartner
SPBanner
2. Oktober 2008
993
126
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
95
8
hoher Norden
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
993
126
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
95
8
hoher Norden
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
22
5
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
95
8
hoher Norden
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: 37

2009Butch

Aktives Mitglied
27. Dezember 2017
95
8
hoher Norden
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: 24

ARA-Marketing

Offizieller Servicepartner
SPBanner
2. Oktober 2008
993
126
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