{"id":128975,"date":"2022-11-16T17:44:49","date_gmt":"2022-11-16T16:44:49","guid":{"rendered":"https:\/\/www.justinmind.com\/blog\/how-to-create-a-shopping-cart\/"},"modified":"2025-02-13T19:22:23","modified_gmt":"2025-02-13T18:22:23","slug":"how-to-create-a-shopping-cart","status":"publish","type":"post","link":"https:\/\/www.justinmind.com\/de\/hilfe\/prototyp-einfachen-einkaufswagen","title":{"rendered":"Prototyp f\u00fcr einen einfachen Einkaufswagen"},"content":{"rendered":"<p>Hier erfahren Sie, wie Sie Artikel zu einem Einkaufswagen hinzuf\u00fcgen und daraus entfernen k\u00f6nnen.<\/p>\n<p><iframe loading=\"lazy\" src=\"https:\/\/www.justinmind.com\/usernote\/tests\/23518471\/73112233\/73323763\/index.html\" width=\"820px\" height=\"465px\" frameborder=\"0\"><\/iframe><\/p>\n<p>So bauen Sie es auf:<\/p>\n<h3><b>Siehe<\/b><\/h3>\n<ul>\n<li>Gehen Sie zur Palette Datenst\u00e4mme, erstellen Sie einen neuen &#8222;Datenstamm&#8220; und nennen Sie ihn &#8222;Gesch\u00e4ft&#8220;, erstellen Sie drei Attribute: &#8222;Name&#8220;, &#8222;Preis&#8220; und &#8222;Gesamt&#8220;, und dr\u00fccken Sie dann auf &#8222;Ok&#8220;.<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-70625\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2022\/11\/shoping-cart-1.png\" alt=\"\" width=\"789\" height=\"282\"><\/li>\n<li>Klicken Sie mit der rechten Maustaste auf den soeben erstellten &#8222;Datenstamm&#8220; und w\u00e4hlen Sie &#8222;Datens\u00e4tze anzeigen und bearbeiten&#8220;, schreiben Sie Ihre Beispieldaten dorthin und dr\u00fccken Sie &#8222;Ok&#8220;.<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-70625\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2022\/11\/shoping-cart-2.png\" alt=\"\" width=\"789\" height=\"282\"><\/li>\n<li>W\u00e4hlen Sie eine &#8222;Datenliste&#8220; aus dem Bereich &#8222;Dynamischer Inhalt&#8220; und platzieren Sie sie auf der Arbeitsfl\u00e4che; das Fenster &#8222;Neue Datenliste&#8220; wird aktiviert; geben Sie Ihrer Liste den Namen &#8222;Artikel&#8220;, w\u00e4hlen Sie dann den von Ihnen erstellten &#8222;Datenstamm&#8220; und w\u00e4hlen Sie alle Attribute aus.<video class=\"lazyload\" style=\"max-width: 820px; width: 100%; padding: 20px 0px;\" preload=\"auto\" loop=\"loop\" muted=\"\" width=\"100%\" height=\"100%\" data-autoplay=\"\" data-poster=\"https:\/\/assets.justinmind.com\/wp-content\/uploads\/2022\/11\/shopping-cart-create-data-list.png\"><source src=\"https:\/\/assets.justinmind.com\/wp-content\/uploads\/2022\/11\/shopping-cart-create-data-list.mp4\" type=\"video\/mp4\"><img decoding=\"async\" src=\"https:\/\/assets.justinmind.com\/wp-content\/uploads\/2022\/11\/shopping-cart-create-data-list.png\" alt=\"Erstellen Sie eine Datenliste\">Erstellen Sie eine Datenliste<\/source><\/video><\/li>\n<\/ul>\n<ul>\n<li>Platzieren Sie oben auf der Leinwand zwei &#8222;Text&#8220; und schreiben Sie &#8222;$&#8220; in beide. Daneben platzieren Sie ein &#8222;Eingabe-Textfeld&#8220; und zwei Schaltfl\u00e4chen. In die erste Schaltfl\u00e4che schreiben Sie &#8222;In den Warenkorb&#8220;, in die zweite &#8222;Ablegen&#8220;.  <\/li>\n<li>Ziehen Sie in den Zellen der &#8222;Aktuellen Zeile&#8220; bei gedr\u00fcckter Befehlstaste (Mac) \/ Steuerung (Windows) die Texte &#8222;$&#8220; neben die Eintr\u00e4ge [Store .Price] und [Store .Total]. Entfernen Sie aus der Zelle, die die Eingabe [Store .Quantity] enth\u00e4lt, diese Eingabe und platzieren Sie das &#8222;Eingabe-Textfeld&#8220; und die Schaltfl\u00e4che &#8222;In den Warenkorb&#8220; in dieser Zelle. Und schlie\u00dflich platzieren Sie die Schaltfl\u00e4che &#8222;Ablegen&#8220; in der Zelle mit der Eingabe [Store .Total].<video class=\"lazyload\" style=\"max-width: 820px; width: 100%; padding: 20px 0px;\" preload=\"auto\" loop=\"loop\" muted=\"\" width=\"100%\" height=\"100%\" data-autoplay=\"\" data-poster=\"https:\/\/assets.justinmind.com\/wp-content\/uploads\/2022\/11\/shopping-cart-create-data-list.png\"><source src=\"https:\/\/assets.justinmind.com\/wp-content\/uploads\/2022\/11\/shoping-cart-place-elements-into-data-list.mp4\" type=\"video\/mp4\"><img decoding=\"async\" src=\"https:\/\/assets.justinmind.com\/wp-content\/uploads\/2022\/11\/shopping-cart-create-data-list.png\" alt=\"Erstellen Sie eine Datenliste\">Erstellen Sie eine Datenliste<\/source><\/video>  <\/li>\n<li>Unterhalb Ihrer &#8222;Datenliste&#8220; platzieren Sie zwei Texte und schreiben &#8222;$&#8220; und &#8222;Total&#8220;; anschlie\u00dfend platzieren Sie einen zweiten Text und schreiben &#8222;0&#8220;.<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-70625\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2022\/11\/shoping-cart-total.png\" alt=\"\" width=\"789\" height=\"282\"><\/li>\n<\/ul>\n<h3><strong>Ereignisse<\/strong><\/h3>\n<p><span data-preserver-spaces=\"true\">W\u00e4hlen Sie die Schaltfl\u00e4che &#8222;In den Warenkorb&#8220;, gehen Sie zur Palette Ereignisse und klicken Sie auf &#8222;Ereignis hinzuf\u00fcgen&#8220;.&nbsp;<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-70625\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2022\/11\/shoping-cart-5.png\" alt=\"\" width=\"789\" height=\"282\"><\/span><\/p>\n<ol>\n<li><span data-preserver-spaces=\"true\">Klicken Sie in dem Dialogfenster auf &#8222;Ausl\u00f6ser w\u00e4hlen&#8220;, bewegen Sie den Mauszeiger \u00fcber den Abschnitt &#8222;Maus&#8220; und w\u00e4hlen Sie &#8222;bei Klick&#8220;.<\/span><\/li>\n<li><span data-preserver-spaces=\"true\">W\u00e4hlen Sie unter &#8222;Aktion ausw\u00e4hlen&#8220; die Option &#8222;Wert auf ein Element setzen&#8220; und klicken Sie auf die Eingabe [Store .Total].<\/span><\/li>\n<li><span data-preserver-spaces=\"true\">W\u00e4hlen Sie das Optionsfeld &#8222;Berechnet&#8220; f\u00fcr den Wert und klicken Sie auf &#8222;Ausdruck hinzuf\u00fcgen&#8220;.&nbsp;<\/span><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-70625\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2022\/11\/shoping-cart-6.png\" alt=\"\" width=\"789\" height=\"282\"><\/li>\n<li><span data-preserver-spaces=\"true\"><span data-preserver-spaces=\"true\">Ziehen Sie in das erste Feld des Builders den &#8222;store.price&#8220;, dann die Funktion &#8222;X&#8220; zum Multiplizieren und schlie\u00dflich das &#8222;Eingabe-Textfeld&#8220; aus der Spalte &#8222;Menge&#8220;. Klicken Sie auf &#8222;Ok&#8220; und &#8222;Ok&#8220;, um die Erstellung Ihrer Veranstaltung abzuschlie\u00dfen. <\/span><\/span>\n<div class=\"embed-container\" style=\"padding-bottom: 56%;\"><iframe loading=\"lazy\" src=\"https:\/\/player.vimeo.com\/video\/767995149\" width=\"640\" height=\"564\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/div>\n<\/li>\n<\/ol>\n<p>Wenn Sie die Schaltfl\u00e4che &#8222;In den Warenkorb&#8220; ausgew\u00e4hlt haben, gehen Sie zur\u00fcck zur Palette Ereignisse und klicken Sie auf &#8222;+&#8220;, um ein neues Ereignis zu erstellen.<br \/>\n<span data-preserver-spaces=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-70625\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2022\/11\/shoping-cart-8.png\" alt=\"\" width=\"789\" height=\"282\"><\/span><\/p>\n<ol>\n<li><span data-preserver-spaces=\"true\">Klicken Sie im Dialogfenster auf &#8222;Ausl\u00f6ser w\u00e4hlen&#8220;, bewegen Sie den Mauszeiger \u00fcber den Abschnitt &#8222;Maus&#8220; und w\u00e4hlen Sie &#8222;bei Klick&#8220;.<\/span><\/li>\n<li><span data-preserver-spaces=\"true\">W\u00e4hlen Sie unter &#8222;Aktion ausw\u00e4hlen&#8220; die Option &#8222;Datenstammaktion&#8220; und klicken Sie auf &#8222;\u00c4ndern&#8220;.<\/span><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-70625\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2022\/11\/shoping-cart-9.png\" alt=\"\" width=\"789\" height=\"282\"><\/li>\n<li><span data-preserver-spaces=\"true\"><span data-preserver-spaces=\"true\">Der Expression Builder wird standardm\u00e4\u00dfig mit dem Ausdruck &#8222;\u00c4ndern&#8220; angezeigt. Ziehen Sie die &#8222;Aktuelle Zeile&#8220; in das erste Feld und im letzten Feld ziehen Sie die Eingabe [Store .Total]. Klicken Sie auf &#8222;Ok&#8220; und &#8222;Ok&#8220;, um die Erstellung Ihres Ausdrucks abzuschlie\u00dfen.  <\/span><\/span><\/li>\n<\/ol>\n<div class=\"embed-container\" style=\"padding-bottom: 56%;\"><iframe loading=\"lazy\" src=\"https:\/\/player.vimeo.com\/video\/767995602\" width=\"640\" height=\"564\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/div>\n<p>Wenn Sie die Schaltfl\u00e4che &#8222;In den Warenkorb&#8220; ausgew\u00e4hlt haben, gehen Sie zur\u00fcck zur Palette Ereignisse und klicken Sie auf &#8222;+&#8220;, um ein neues Ereignis zu erstellen.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-70625\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2022\/11\/shoping-cart-11.png\" alt=\"\" width=\"789\" height=\"282\"><\/p>\n<ol>\n<li><span data-preserver-spaces=\"true\">Klicken Sie im Dialogfenster auf &#8222;Ausl\u00f6ser w\u00e4hlen&#8220;, bewegen Sie den Mauszeiger \u00fcber den Abschnitt &#8222;Maus&#8220; und w\u00e4hlen Sie &#8222;bei Klick&#8220;.<\/span><\/li>\n<li>W\u00e4hlen Sie unter &#8222;Aktion w\u00e4hlen&#8220; die Option &#8222;Wert auf ein Element setzen&#8220; und w\u00e4hlen Sie die &#8222;0&#8220; neben &#8222;Gesamt&#8220; unterhalb Ihrer &#8222;Datenliste&#8220;.<\/li>\n<li><span data-preserver-spaces=\"true\">Klicken Sie auf die Optionsschaltfl\u00e4che &#8222;Berechnet&#8220;, um &#8222;Ausdruck hinzuf\u00fcgen&#8220;.<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-70625\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2022\/11\/shoping-cart-12.png\" alt=\"\" width=\"789\" height=\"282\"><\/span><\/li>\n<li><span data-preserver-spaces=\"true\"><span data-preserver-spaces=\"true\">Ziehen Sie die Funktion &#8222;Summe&#8220;. Legen Sie in das erste Feld den &#8222;Datenstamm&#8220; aus der Registerkarte &#8222;Datenstamm&#8220; und in das zweite Feld das Feld &#8222;Summe&#8220; aus dem &#8222;Datenstamm&#8220;. Klicken Sie auf &#8222;Ok&#8220; und &#8222;Ok&#8220;, um die Erstellung des Ereignisses abzuschlie\u00dfen.  <\/span><\/span>\n<div class=\"embed-container\" style=\"padding-bottom: 60%;\"><iframe loading=\"lazy\" src=\"https:\/\/player.vimeo.com\/video\/767996142\" width=\"640\" height=\"564\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/div>\n<\/li>\n<\/ol>\n<p><span data-preserver-spaces=\"true\">W\u00e4hlen Sie die Schaltfl\u00e4che &#8222;Ablegen&#8220;, gehen Sie zur Palette &#8222;Ereignisse&#8220; und klicken Sie auf &#8222;Ereignis hinzuf\u00fcgen&#8220;.&nbsp;<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-70625\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2022\/11\/shoping-cart-14.png\" alt=\"\" width=\"789\" height=\"282\"><\/span><\/p>\n<ol>\n<li><span data-preserver-spaces=\"true\">Klicken Sie im Dialogfenster auf &#8222;Ausl\u00f6ser w\u00e4hlen&#8220;, bewegen Sie den Mauszeiger \u00fcber den Abschnitt &#8222;Maus&#8220; und w\u00e4hlen Sie &#8222;bei Klick&#8220;.<\/span><\/li>\n<li><span data-preserver-spaces=\"true\">W\u00e4hlen Sie unter &#8222;Aktion w\u00e4hlen&#8220; die Option &#8222;Wert auf ein Element setzen&#8220; und klicken Sie auf die Eingabe [Store .Total]. Klicken Sie f\u00fcr den Wert auf das Optionsfeld &#8222;Fest&#8220;&nbsp; und schreiben Sie &#8222;0&#8220;.<\/span><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-70625\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2022\/11\/shoping-cart-15.png\" alt=\"\" width=\"789\" height=\"282\"><\/li>\n<\/ol>\n<p>Wenn Sie die Schaltfl\u00e4che &#8222;Ablegen&#8220; ausgew\u00e4hlt haben, gehen Sie zur\u00fcck zur Palette Ereignisse und klicken Sie auf &#8222;+&#8220;, um ein neues Ereignis zu erstellen.<\/p>\n<ol>\n<li><span data-preserver-spaces=\"true\">Klicken Sie im Dialogfenster auf &#8222;Ausl\u00f6ser w\u00e4hlen&#8220;, bewegen Sie den Mauszeiger \u00fcber den Abschnitt &#8222;Maus&#8220; und w\u00e4hlen Sie &#8222;bei Klick&#8220;.<\/span><\/li>\n<li><span data-preserver-spaces=\"true\">W\u00e4hlen Sie unter &#8222;Aktion ausw\u00e4hlen&#8220; die Option &#8222;Datenstammaktion&#8220; und klicken Sie auf &#8222;\u00c4ndern&#8220;.<\/span><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-70625\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2022\/11\/shoping-cart-9.png\" alt=\"\" width=\"789\" height=\"282\"><\/li>\n<li><span data-preserver-spaces=\"true\">Der Expression Builder wird standardm\u00e4\u00dfig mit dem Ausdruck &#8222;\u00c4ndern&#8220; angezeigt. Ziehen Sie die &#8222;Aktuelle Zeile&#8220; in das erste Feld und im letzten Feld ziehen Sie die Eingabe [Store .Total]. Klicken Sie auf &#8222;Ok&#8220; und &#8222;Ok&#8220;, um die Erstellung Ihres Ausdrucks abzuschlie\u00dfen.  <\/span><\/li>\n<\/ol>\n<div class=\"embed-container\" style=\"padding-bottom: 56%;\"><iframe loading=\"lazy\" src=\"https:\/\/player.vimeo.com\/video\/767996795\" width=\"640\" height=\"564\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/div>\n<p><span data-preserver-spaces=\"true\">Wenn Sie die Schaltfl\u00e4che &#8222;Ablegen&#8220; ausgew\u00e4hlt haben, gehen Sie zur\u00fcck zur Palette Ereignisse und klicken Sie auf das &#8222;+&#8220;, um ein neues Ereignis hinzuzuf\u00fcgen.<\/span><\/p>\n<ol>\n<li><span data-preserver-spaces=\"true\">Klicken Sie im Dialogfenster auf &#8222;Ausl\u00f6ser w\u00e4hlen&#8220;, bewegen Sie den Mauszeiger \u00fcber den Abschnitt &#8222;Maus&#8220; und w\u00e4hlen Sie &#8222;bei Klick&#8220;.<\/span><\/li>\n<li>W\u00e4hlen Sie unter &#8222;Aktion w\u00e4hlen&#8220; die Option &#8222;Wert auf ein Element setzen&#8220; und w\u00e4hlen Sie die &#8222;0&#8220; neben &#8222;Gesamt&#8220; unterhalb Ihrer &#8222;Datenliste&#8220;.<\/li>\n<li><span data-preserver-spaces=\"true\">Klicken Sie auf das Optionsfeld &#8222;Berechnet&#8220;, um &#8222;Ausdruck hinzuf\u00fcgen&#8220;.<\/span><span data-preserver-spaces=\"true\">.<\/span><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-70625\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2022\/11\/shoping-cart-18.png\" alt=\"\" width=\"789\" height=\"282\"><\/li>\n<li>Ziehen Sie die Funktion &#8222;Summe&#8220; und platzieren Sie auf der Registerkarte &#8222;Datenst\u00e4mme&#8220; den Datenstamm &#8222;Filiale&#8220; auf dem ersten Feld, danach das Feld &#8222;Summe&#8220; des &#8222;Datenstamms&#8220;. Klicken Sie auf &#8222;Ok&#8220; und &#8222;Ok&#8220;, um die Erstellung des Ereignisses abzuschlie\u00dfen.\n<div class=\"embed-container\" style=\"padding-bottom: 60%;\"><iframe loading=\"lazy\" src=\"https:\/\/player.vimeo.com\/video\/767997476\" width=\"640\" height=\"564\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/div>\n<\/li>\n<\/ol>\n<p>Wenn die Schaltfl\u00e4che &#8222;Ablegen&#8220; noch immer ausgew\u00e4hlt ist, gehen Sie zur Palette &#8222;Ereignisse&#8220; und klicken Sie auf &#8222;+&#8220;, um ein Ereignis hinzuzuf\u00fcgen.<\/p>\n<ol>\n<li><span data-preserver-spaces=\"true\">Klicken Sie im Dialogfenster auf &#8222;Ausl\u00f6ser w\u00e4hlen&#8220; und w\u00e4hlen Sie &#8222;bei Klick&#8220;.<\/span><\/li>\n<li><span data-preserver-spaces=\"true\">W\u00e4hlen Sie unter &#8222;Aktion w\u00e4hlen&#8220; die Option &#8222;Wert auf ein Element setzen&#8220; und klicken Sie auf das &#8222;Eingabe-Textfeld&#8220; der Spalte &#8222;Menge&#8220;.<\/span><\/li>\n<li><span data-preserver-spaces=\"true\">Klicken Sie f\u00fcr den Wert auf das Optionsfeld &#8222;Fest&#8220;&nbsp; und schreiben Sie &#8222;0&#8220;.<\/span><br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-70625\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2022\/11\/shoping-cart-20.png\" alt=\"\" width=\"789\" height=\"282\"><\/li>\n<\/ol>\n<p>Simulieren Sie Ihren Prototyp.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Hier erfahren Sie, wie Sie Artikel zu einem Einkaufswagen hinzuf\u00fcgen und daraus entfernen k\u00f6nnen. So bauen Sie es auf: Siehe Gehen Sie zur Palette Datenst\u00e4mme, erstellen&#8230;<\/p>\n","protected":false},"author":20,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[8548,8549],"tags":[],"class_list":["post-128975","post","type-post","status-publish","format-standard","hentry","category-erweiterte-anleitungen","category-geschaeftslogik"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.justinmind.com\/de\/wp-json\/wp\/v2\/posts\/128975"}],"collection":[{"href":"https:\/\/www.justinmind.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.justinmind.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.justinmind.com\/de\/wp-json\/wp\/v2\/users\/20"}],"replies":[{"embeddable":true,"href":"https:\/\/www.justinmind.com\/de\/wp-json\/wp\/v2\/comments?post=128975"}],"version-history":[{"count":1,"href":"https:\/\/www.justinmind.com\/de\/wp-json\/wp\/v2\/posts\/128975\/revisions"}],"predecessor-version":[{"id":129240,"href":"https:\/\/www.justinmind.com\/de\/wp-json\/wp\/v2\/posts\/128975\/revisions\/129240"}],"wp:attachment":[{"href":"https:\/\/www.justinmind.com\/de\/wp-json\/wp\/v2\/media?parent=128975"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.justinmind.com\/de\/wp-json\/wp\/v2\/categories?post=128975"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.justinmind.com\/de\/wp-json\/wp\/v2\/tags?post=128975"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}