Isotope Buttons durch Icons ersetzen und anders anordnen

[Jan Erdbeer]

Hallo,
ich hab ein Problem mit den Buttons.

1.)
Auf dieser Seite http://bit.ly/eHCFUq (einfach ein Produkt in den Warenkorb legen um den Miniwarenkorb zu bekommen) wollte ich im Miniwarenkorb die Textlinks "Warenkorb" und "Zur Kasse" durch eigene Bilder ersetzen. Der eigentliche Textlink ist durch text-indent verborgen, damit leider auch die Klickfläche. Wie kann ich meine Bilder klickbar machen?

2.)
Auch im Mini-Warenkorb, gleiches Problem: den removeButton hab ich durch ein Icon ersetzt und den Textlink verborgen, auch hier ist das nicht mehr klickbar. Ausserdem möchte ich das Icon hinter der Produktbezeichnung und zwar in der gleichen Zeile haben. Also da soll dann das Produkt wie zB Tasche 1 stehn und direkt dahinter das X-Icon. Ist das möglich? Im Template iso_cart_mini bin ich da nicht weiter gekommen.

3.)
Und bei der Produktliste funktioniert der obere Button "Details ansehen" aus den gleichen Gründen auch nicht. Und hier möchte ich die beiden Buttons gern nebeneinander haben und nicht untereinander.

Wenn jemand zu einem Punkt etwas weiß würde ich mich sehr über eine Antwort freuen, gern möglichst genau erklärt, das ist mein erster Isotope-Shop.

Grüße, Jan

[schman]

Du musst dem a.button ein display: block sowie eine width und heigt zuweisen zB:

a.button {
  display: block;
  width: 300px;
  height: 100px;
} 

Somit sollten eigentlich alle 3 Punkte gelöst werden.

[Jan Erdbeer]

Das löst schonmal einen Teil meiner Probleme, fein!

Geht wunderbar mit deinem Code für "Zum Warenkorb" und "Zur Kasse". Für das Entfernen-Icon hab ich dann

.removeButton a
{
	display: block;
	  width: 16px;
	  height: 16px;
}

gesetzt und für das Details ansehen

.details a
{
	width:260px;
	height:95px;
	display:block;
}

Vielen Dank für den Tipp! Jetzt würde ich nur noch gern das Entfernen-Icon in die gleiche Zeile wie das Produkt-Icon bekommen und in der Produktliste beide Buttons in eine Reihe und nicht untereinander.

[andreas.schempp]

Vermutlich müsstest du dazu die entsprechenden Templates anpassen? Ev. hilft dir auch ein display:inline auf den Buttons.

[Jan Erdbeer]

Für das Entfernen-Icon hab ich

.removeButton
display:inline-block;

gesetzt und das Template iso_cart_mini.tpl so nagepasst, dass das Entfernen-div (removeButton) in dem Produktnamen-div (productName) steht. Geht wunderbar.

Für die Buttons "Detail ansehen" und "In den Warenkorb" finde ich das Template leider nicht... Hast du eine Idee? Vielen Dank im Vorraus.

[andreas.schempp]

"Details ansehen" müsste im iso_list_default.tpl sein, das ist aber kein Button sondern ein Link. Der Warenkorb-Button wird dynamisch generiert, aber den kannst du doch per CSS ansprechen?

[Jan Erdbeer]

Hab den "In den Warenkorb"-Button nicht auf die gleiche Zeile bekommen, da es davor aber ab und zu eh ne Auswahl von Varianten wie Größe gegeben hätte, hätte das eh nicht so gut ausgesehen, deswegen hab ich ihn einfach rausgelöscht. ich denke es reicht ein "In den Warenkorb"-Link im Produktleser, dann bleibt die Produktliste schön sauber.

Danke an euch für die nette, schnelle und kompetente Hilfe. Isotope ist der absolute Knaller und ich bin erst am Anfang die Gestaltunsgmöglichkeiten auszureizen.

[andreas.schempp]

Ich hoffe du hast ihn nicht im Template gelöscht sondern einfach im Modul Produktliste deaktiviert

[Jan Erdbeer]

Hab nicht gesehen, dass das sogar im Module einstellbar ist. Genial! Schon repariert. Danke

[Jan Erdbeer]

Ok, zwei Fragen haben sich zur Detailgestaltung dann doch noch ergeben:

1.)
Bei der Betsellübersicht hat die Tabelle für Subtotal udn Grandtotal eine Klasse. Bei den Versandkosten stand nur php-code, der im html aber nur ein leeres Feld ergeben hat und keine ansprechbare Klasse. Hab dann per Hand den Code gelöscht und das Shippingtotal genannt, so war es dann stylbar. Aber das fühlt sich extrem falsch an (auch wenn es funktioniert, aber bei Mehrsprachigkeit fall ich damit ja eher auf die Nase).

2.)
Lassen sich in der Produktliste zwei Spalten nebeneinander erzeugen? Also dass ich immer zwei Produkte nebeneinander habe anstatt alle untereinander?

Dankö.

[andreas.schempp]

Zu 1: ich bin nicht sicher ob ich richtig verstehe was du meinst. Aber in der nächsten Minor-Version werden die Versand- und Zahlungsmodule im Template zusammengebaut, ich denke dann musstest du das nochmals überarbeiten.

Zu 2: ja, du kannst im Listenmodul eine Anzahl Spalten eingeben. Das Modul generiert dann entsprechende Klassen und DIVs, damit du per CSS ein float machen kannst.

[Jan Erdbeer]

Vielen Dank, hat alles geklappt und ich bin sehr zufrieden mit dem Shop und der Möglichkeit alles bis ins Detail gestalten zu können!

Das einzige was ich nicht ändern konnte, war am Ende der Bestellung der Button "Jetzt bezahlen", wenn man nicht automatisch zu Paypal weitergeleitet wird. Aber das wär auch nicht so tragisch, wenn das nicht geht.

Ausserdem bin ich gescheitert, eine Lightbox zum laufen zu bekommen, wenn man mehrere Artikelbilder hat (http://bit.ly/h1YeTv). Gibt es dazu eine einfache Anleitung?

Aber wie gesagt: davon abgesehen bin ich mehr als zufrieden.

[andreas.schempp]

Du musst im Seitenlayout die Mediabox oder Lightbox aktivieren.

[Jan Erdbeer]

achja... danke. erstmal an templates schrauben, bevor man die das einfachste überprüft

[Zeimi3]

"Details ansehen" müsste im iso_list_default.tpl sein, das ist aber kein Button sondern ein Link.

Hallo,

ich steh total auf dem Schlauch. ich möchte gerne den Link durch ein Bild ersetzen. Nun habe ich im Template

<?php echo $this->label_detail; ?>

durch den Pfad zu meinem Bild erstetzt und die entsprechende CSS-Datei angepasst.
Der Link funktioniert, nur leider wird das Bild nicht dargestellt.

Gruß

[andreas.schempp]

Mach's doch über CSS?

.add_to_cart {
  background: url("tl_files/layout/add_to_cart.png");
  border: 0;
  text-indent: -999em;
}

Allerdings noch den IE7/6 beachten, dort wird der Text nicht ausgeblendet. Das geht nur mit ein paar Tricks: http://www.productivedreams.com/ie-n...ubmit-buttons/

[Gerald383]

Zu 2: ja, du kannst im Listenmodul eine Anzahl Spalten eingeben. Das Modul generiert dann entsprechende Klassen und DIVs, damit du per CSS ein float machen kannst.

Hallo, ich stehe hier wohl auf dem Schlauch.
Wie genau funktioniert das?
Habe im angelegten Modul "Produktlisten" die Spaltenanzahl geändert. Dennoch werden alle Produkte untereinander angezeigt.
Wie / wo kann ich nun festlegen, dass diese Spalten auch ausgenutzt/befüllt werden?

Danke!