Wie man einen Einkaufswagen mit Dreamweaver hinzufügen

Wenn Sie Ihre Waren durch eine statische Website verkaufen, legen Sie den Warenkorb Taste (n), indem Sie, was auch immer Werkzeug, das Sie die Website zu bauen verwendet. Das Beispiel hier verwendet Dreamweaver, die Industrie-Standard-Tool verwendet, um benutzerdefinierte Webseiten zu erstellen.

1

Öffnen Sie die Seite des Elements mit Dreamweaver und klicken Sie dann auf die Schaltfläche Teilen am oberen Rand der Arbeitsfläche.

Dies eröffnet die Dual-Panel-Ansicht, in der Sie den zugrunde liegenden Code und der Seite des Design zu sehen.

2

Klicken Sie auf die Seite, wo Sie den Warenkorb-Button erscheinen soll, und drücken Sie dann Strg + V (Mac OS X, Befehl + V) den Code für die Schaltfläche in die Seite einzufügen.

Auch dies ist der Code, den Sie kopiert.

3

Zurück auf die Registerkarte in Ihrem Browser, wo Sie den Warenkorb Code erstellt, und dann wählen und den Code in der unteren Platte kopieren.


Drücken Sie Strg + C (auf einem Mac, Befehl + C), um den Code zu kopieren.

4

Zurück zu Dreamweaver, scrollen Sie nach unten auf Ihrer Seite, und das Tag finden.

Dies ist, wo Sie den Code zu platzieren wollen.

5

Klicken Sie einfach über diesen Tag und drücken Sie Strg + V (Mac OS X, Befehl + V) den Code einzufügen.

Dieser Code muss jeder HTML-Seite hinzugefügt werden, wo der Warenkorb-Button erscheint. Wenn Sie mehrere Seiten haben, setzen Sie diesen Code am unteren Rand jeder Seite.

Es ist hilfreich, Split-Ansicht zu verwenden, wenn Sie in den Code für den Button einfügen, so dass Sie genau steuern, wo er unter anderen Seitenelementen platziert wird und gewinnen Sie einen Eindruck davon, wie es passt in den Rest Ihrer Seite Design.

Wenn Sie jedoch mehrere Artikel auf einer HTML-Seite haben, kehren Sie zu Ihrem Browser, um die anderen Tasten für die anderen Elemente auf Ihrer Seite zu generieren.

» » » » Wie man einen Einkaufswagen mit Dreamweaver hinzufügen