Ubercart Attribute und Options - Checkboxen themen
Eingetragen von Verteilerkappe (16)am 24.10.2010 - 20:36 Uhr in
Hallo,
auf meiner Ubercart Produktseite gibts es Attribute mit teilweise sehr vielen Optionen. Die Optionen werden als Checkboxen dargestellt. Ich brüte nun seit Stunden darüber, wie man die Checkboxen nebst Label auf der Produktseite nebeneinander statt untereinander ausgeben kann, die Seite scrollt so schier endlos, designtechnisch auch alles andere als prickelnd.
Ich habe in der Ubercart Api nach einer Theme-Funktion gesucht, jedoch nur theme_uc_attribute_add_to_cart gefunden mit der ich die Attribut-Ausgabe im allgmeinen verändern könnte, jedoch nicht explizit die Ausgabe der Options-Checkboxen.
Im CSS-Style wirken sich die Änderungen auch auf den Rest der Drupal-Seite aus, also auch keine ideale Möglichkeit, weil die Ausgabe unter Ubercart mit der CSS-Anweisung .form-item, bzw. in meinem Fall mit .option arbeitet.
Hat jemand einen Tipp für mich, wie man das sauber bewerkstelligen könnte?
Danke und Gruß, Markus
- Anmelden oder Registrieren um Kommentare zu schreiben
Die Herangehensweise über CSS
am 25.10.2010 - 11:06 Uhr
Die Herangehensweise über CSS ist schon nicht verkehrt - im Normalfall liegen die Attribute alle in einem eigenen CSS Selektor - sprich einer eigenen Klasse / ID - mithilfe dieser Klasse könntest du dann die entsprechenden Inhalte einfach themen.
Im CSS sieht dies dann bspw. wie folgt aus:
.add-to-cart .attributes .form-item .form-text {float:left;
height:15px;
padding:3px 2px 0;
text-align:left;
line-height:13px;
}
Die entsprechenden IDs / CSS-Klassen kannst du dir mithilfe des Firefox-Plugins firebug anzeigen lassen.
Mithilfe der Theming Funktion könntest du dir auch noch einen wrapper um die Ausgabe der Attribute "bauen" - falls die oben beschriebene Methode so nicht funktioniert.
SteffenR
Hallo Steffen, funktioniert
am 25.10.2010 - 11:58 Uhr
Hallo Steffen,
funktioniert prima - ich hab die Ubercart add-to-cart Funktion in meine template.php gesteckt und die Ausgabe der Form in eine eigene CSS-Klasse geschrieben, mit der ich jetzt die Form-Elemente themen kann.
Danke für den Tipp!
Gruß, Markus