HTML als Button ersetzen

renekretschmann schrieb am 21.12.2014 um 18:48 Uhr

Hallo, ich habe bereits einige erfahrung mit meinem Webdesigner 10 Premium.

Ich bin dabei einen onlineshop zu bauen. Dazu füge ich ein Warenkrobsystem ein. Ich kann über store64 meine HTML generieren und diese auch in die Webseite einfügen und es funktioneirt auch.

es ist mir aber wichtig das ich einen Button habe oder eine kleine Grafik " In den Warenkorb Beispielsweise als Button" ...

 

Wie kombiniere ich diesen HTML mit einem Button?

Mir fehlt dazu irgendwie eine Gehirnzelle .... Gruß

Kommentare

Ehemaliger User schrieb am 21.12.2014 um 20:05 Uhr

dieser button muss in deinem shopsystem vorhanden sein, sonst ist doch wirkungslos.

renekretschmann schrieb am 21.12.2014 um 22:45 Uhr

Man kann sich einen code generieren und diesen füge ich in die webseite im webdesigner ein ... dann habe ich aber einen unschönen textlink ... den will ich irgendwie mit einem schönen Button verknüpfen so das der häßliche link verschwindet. Gruß

Ehemaliger User schrieb am 22.12.2014 um 01:26 Uhr

Wenn du im webdesigner einen Button generierst, so muss der mit deinem webshop verknüft sein, was im normalfall sehr svhwierig sein dürfte.

BeRo schrieb am 22.12.2014 um 21:35 Uhr

@renekretschmann

Du schreibst:

[...] Man kann sich einen code generieren und diesen füge ich in die webseite im webdesigner ein [...]

Wie sieht denn der Code aus?

Ich bin sicher, dass man ihn auch problemlos mit einer Grafik verknüpfen kann...

CU

Zuletzt geändert von BeRo am 22.12.2014, 21:35, insgesamt 1-mal geändert.

Auf den Tag genau gehen heute, am 14.08.2021, 10 Jahre online Support für die Community zu Ende.
Ich freue mich auf eine neue, berufliche Herausforderung, die sich gerade ergeben hat. Leider bleibt dann keine Zeit mehr für die Community übrig, aber Ihr seid bei den aktiven Mitgliedern in besten Händen.
Sicher schaue ich auch ab und zu nochmal rein... 🤓

renekretschmann schrieb am 22.12.2014 um 21:46 Uhr

<a href="http://www.store64.de/store64_warenkorb.php?userid=2286&produkt=1··45··Teil··3.00··bf8469dc1b28177dcddc166fbfdeede0" target="warenkorb">Teil</a>

 

so sieht er aus .... als Beispiel

BeRo schrieb am 22.12.2014 um 22:59 Uhr

OK, das ist wirklich eine leichte Übung.

Ersetze einfach den Eintrag ">Teil</a>", durch einen Verweis auf die Grafik, die Du anstelle des Textes sehen willst.
Möchtest Du z. B. eine Einkaufstüte sehen, legst Du eine passende Grafik "Tuete.png" in dem Verzeichnis ab, in dem Du die "index.htm" Seite Deines Projekts nach dem Export (nicht Upload) lokal gespeichert hast.

Eine passende Grafik kannst Du ganz einfach im Fundus des WD finden- und als PNG Datei exportieren:

Anschließend klickst Du die Grafik im WD Editor und definierst sie über die Webeigenschaften als Platzhalter. Dann legst Du im HTML Body des Platzhalters den u. a. Code ab, der auf Deinem Beispielcode basiert:

--------------------------------
<a href="http://www.store64.de/store64_warenkorb.php?userid=2286&produkt=1··45··Teil··3.00··bf8469dc1b28177dcddc166fbfdeede0" target="warenkorb"><img src="./Tuete.png" width="100%" height="100%" border="0"/></a>
------------------------------

Der neu hinzugekommene Code Teil ist oben gelb markiert.

So sieht das im WD Editor aus:

In der Vorschau (und online) kann das dann so aussehen:

Du musst nur darauf achten, dass die Grafik (hier "Tuete.png") vom WD gefunden werden kann. In unserem Beispiel muss sie manuell auf den Webserver gelegt werden.

Wenn Du sie automatisch hochladen lassen willst, musst Du sie vorher vom WD in einem Hilfsverzeichnis ablegen lassen. Das legt der WD z. B. dann an, wenn Du einem beliebigen Objekt einen Verweis auf die die Grafikdatei verpasst.:


Wenn Du diese Option benutzt, wird die Grafik beim Upload automatisch in das Verzeichnis "index_htm_files" kopiert. Du musst also nichts mehr manuell hochladen.

Der Code im Platzhalter muss dann natürlich angepasst werden, weil die Grafik sonst nicht gefunden werden kann.

So sollte der Code jetzt aussehen:

--------------------------------
<a href="http://www.store64.de/store64_warenkorb.php?userid=2286&produkt=1··45··Teil··3.00··bf8469dc1b28177dcddc166fbfdeede0" target="warenkorb"><img src="./index_htm_files/Tuete.png" width="100%" height="100%" border="0"/></a>
------------------------------

Der im Code grün markierte Teil ist der Verweis auf den neuen Standort der Grafik nach dem Export und/oder Upload.

Viel Erfolg beim Ausprobieren

Zuletzt geändert von BeRo am 22.12.2014, 23:15, insgesamt 2-mal geändert.

Auf den Tag genau gehen heute, am 14.08.2021, 10 Jahre online Support für die Community zu Ende.
Ich freue mich auf eine neue, berufliche Herausforderung, die sich gerade ergeben hat. Leider bleibt dann keine Zeit mehr für die Community übrig, aber Ihr seid bei den aktiven Mitgliedern in besten Händen.
Sicher schaue ich auch ab und zu nochmal rein... 🤓