Versandkostenfrei bei Verwendung mit Gutschein

[KlausO]

Das ist eine simple

Code: Alles auswählen

<ol>

-Liste, die per CSS formatiert wurde.

HTML (variiert je nach Fortschritt, checkout.phtml, checkout2.phtml...) :

Code: Alles auswählen

<ol class="clearfix schritte">
<li class="step1 ok">1. Rechnungs- und Lieferinformationen</li>
<li class="step2 aktiv">2. Versand- und Zahlungsmethode</li>
<li class="step3">3. Zusammenfassung anzeigen</li>
<li class="step4">4. Auftrag<br />ausf&uuml;hren</li>
</ol>

CSS:

Code: Alles auswählen

#content ol.schritte {
  background: #B6D6F2;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#B6D6F2)) ;
  background: -moz-linear-gradient(top,  #ffffff,  #B6D6F2) ;
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#B6D6F2'); /* IE6 & IE7 */
  -ms-filter: "filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#B6D6F2')";  /* IE8 */
  border: 1px solid #B6D6F2;
  -khtml-border-radius: 11px;
  -moz-border-radius: 11px;
  -webkit-border-radius: 11px;
  border-radius: 11px;
  color: #000;
  font-size: 0.9em;
  margin: 20px auto;
  padding: 0;
  width: 620px;
}

#content ol.schritte li {
  border: 1px solid #fff;
  display: block;
  float: left;
  line-height: 1.2em;
  padding: 5px 0;
  text-align: center;
  width: 153px;
}

#content ol.schritte li.step1 {
  -khtml-border-radius: 11px 0 0 11px;
  -moz-border-radius: 11px 0 0 11px;
  -webkit-border-radius: 11px 0 0 11px;
  border-radius: 11px 0 0 11px;
}

#content ol.schritte li.step4 {
  -khtml-border-radius: 0 11px 11px 0;
  -moz-border-radius: 0 11px 11px 0;
  -webkit-border-radius: 0 11px 11px 0;
  border-radius: 0 11px 11px 0;
}

#content ol.schritte li.aktiv {
  background: #FFF7CD;
  font-weight: 700;
}

#content ol.schritte li.ok {
  background: #D7E8F9;
  color: #777;
  font-weight: 200;
}

[KlausO]

Im Modul mod_sb.class.php ist noch ein Rechtschreibfehler enthalten: "Sie haben Sofotüberweisung gewählt"
Bitte korrigieren auf "Sie haben Sofortüberweisung gewählt"

[MKJ]

Vielen Dank für den Code. So eine Statusanzeige wäre auch standardmäßig etwas für das Plugin. Hier ist meine quick and dirty Variante:

Für die Mehrsprachigkeit kann man gettext verwenden:

Code: Alles auswählen

<li class="step1"><?php echo __("1. Lieferinformationen", "wpsg"); ?></li>