Neu Tab "benachrichtigen wenn verfügbar" Farbe

[Diedrichs]

Hallo!

Habe in der Suche nichts gefunden.

Kann ich den obigen Button irgendwie einfärben?
Die Kunden übersehen dies immer!

Liebe Grüße
Harald

 

[JuergenSaenger]

Kann ich den obigen Button irgendwie einfärben?

Das geht per CSS.

 

[Diedrichs]

Dachte ich mir, aber wo und wie?

 

[JuergenSaenger]

Da. Bisschen mit CSS sollte man sich auskennen wenn man da rumspielt.

Habe mal #ff0000 rot genommen. Dein Code wäre #b80000

 

[Diedrichs]

Deshalb frage ich ja und spiele nicht einfach rum 😉

--- aber dann werden alle drei Tabs rot, es sollte nur der "benachrichtigen-button" rot werden. Habe bei anderen gesehen, dass das irgendwie gehen muss.

Liebe Grüße
Harald

 

[JuergenSaenger]

Deshalb frage ich ja und spiele nicht einfach rum 😉

--- aber dann werden alle drei Tabs rot, es sollte nur der "benachrichtigen-button" rot werden. Habe bei anderen gesehen, dass das irgendwie gehen muss.

Liebe Grüße
Harald

Das übersteigt meine CSS Fähigkeiten - aber dafür gibts ja die SP 🙂

 

[css-umsetzung]

Dann setzt er beim li einfach die Klasse dahinter

.nav-tabs > li.tab-benachrichtigung-list > a

 

[JuergenSaenger]

Dann setzt er beim li einfach die Klasse dahinter

.nav-tabs > li.tab-benachrichtigung-list > a

}
.nav-tabs > li.tab-benachrichtigung-list > a {
    background-color: #f04124;
    color: #fff;
}
.nav-tabs > li.tab-benachrichtigung-list > a:hover {
    background: #ff0000 none repeat scroll 0 0;
}

 

[nicolemo]

Hallo,

leider die Farbe bringt bei mir gar nicht da mit Handy/Tablet ist diese Tab/Reiter gar nicht zu sehen.

Ich habe deswegen den Tab als erste plaziert.

dafür die Datei in
shop/templates/Evo/productdetails/tabs.tpl
wie folgt geändert:

{* VERFUEGBARKEITSBENACHRICHTIGUNG *}
als erste plaziert.

Siehe dafür www.idealderm.com/shop

es sieht so aus:

{if
$Artikel->cBeschreibung|strlen > 0 ||
$Einstellungen.artikeldetails.artikeldetails_fragezumprodukt_anzeigen === 'Y' ||
($Einstellungen.artikeldetails.merkmale_anzeigen === 'Y' && $Artikel->oMerkmale_arr|count > 1) ||
$Einstellungen.bewertung.bewertung_anzeigen === 'Y' ||
($Einstellungen.preisverlauf.preisverlauf_anzeigen === 'Y' && $bPreisverlauf) ||
$verfuegbarkeitsBenachrichtigung == 1 ||
((($Einstellungen.artikeldetails.mediendatei_anzeigen === 'YM' && $Artikel->cMedienDateiAnzeige !== 'beschreibung') || $Artikel->cMedienDateiAnzeige === 'tab') && $Artikel->cMedienTyp_arr|@count > 0 && $Artikel->cMedienTyp_arr)}
{if $Einstellungen.artikeldetails.artikeldetails_tabs_nutzen !== 'N'}
{assign var=tabanzeige value=true}
{else}
{assign var=tabanzeige value=false}
{/if}

<div id="article-tabs" {if $tabanzeige}class="tab-content"{/if}>
{* VERFUEGBARKEITSBENACHRICHTIGUNG *}
{if $verfuegbarkeitsBenachrichtigung == 1 && $Artikel->cLagerBeachten === 'Y' && $Artikel->cLagerKleinerNull !== 'Y'}
<div role="tabpanel" class="{if $tabanzeige}tab-pane{else}panel panel-default{/if}" id="tab-benachrichtigung">
<div class="panel-heading" {if $tabanzeige}data-toggle="collapse" {/if}data-parent="#article-tabs" data-target="#tab-benachrichtigung">
<h3 class="panel-title">{lang key="notifyMeWhenProductAvailableAgain" section="global"}</h3>
</div>
<div class="tab-content-wrapper">
<div class="panel-body">
{include file='productdetails/availability_notification_form.tpl' position="tab" tplscope='artikeldetails'}
</div>
</div>
</div>
{/if}
{* DOWNLOADS *}


usw