{"id":583,"date":"2017-08-21T04:46:19","date_gmt":"2017-08-21T02:46:19","guid":{"rendered":"http:\/\/evileu.de\/zum-schwarzen-pinguin\/?p=583"},"modified":"2017-08-21T05:10:08","modified_gmt":"2017-08-21T03:10:08","slug":"wir-basteln-uns-einen-kleinen-schmuckladen","status":"publish","type":"post","link":"https:\/\/evileu.de\/zum-schwarzen-pinguin\/2017\/08\/21\/wir-basteln-uns-einen-kleinen-schmuckladen\/","title":{"rendered":"Wir basteln uns einen kleinen Schmuckladen"},"content":{"rendered":"<p>Da ich mit konkreten Beispielen immer am Besten arbeite, basteln wir uns jetzt einen kleinen Online-Shop f\u00fcr meinen Glasperlenschmuck. Da haben wir \u00fcbersichtliche Produktdaten und eine h\u00fcbsche Fotoauswahl. Ich habe das Theme Twentysixteen genommen und mir gleich mal ein Child Theme erstellt, das brauchen wir bestimmt noch. Jetzt noch schnell wooCommerce installiert, und es kann losgehen.<\/p>\n<h2>Der erste Eindruck: sie sehen, da\u00df sie nichts sehen<\/h2>\n<p>Woo legt uns ein paar neue Seiten an (n\u00e4heres sp\u00e4ter) und stellt uns den Shop als Startseite ein. Da wir noch keine Waren in unserem Shop haben, sieht das Ganze erstmal ziemlich leer aus.<\/p>\n<div id=\"attachment_587\" style=\"width: 1254px\" class=\"wp-caption alignnone\"><img aria-describedby=\"caption-attachment-587\" decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-587\" src=\"http:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-content\/uploads\/2017\/08\/shop_leer.jpg\" alt=\"shop_leer\" width=\"1244\" height=\"636\" srcset=\"https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-content\/uploads\/2017\/08\/shop_leer.jpg 1244w, https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-content\/uploads\/2017\/08\/shop_leer-300x153.jpg 300w, https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-content\/uploads\/2017\/08\/shop_leer-768x393.jpg 768w, https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-content\/uploads\/2017\/08\/shop_leer-1024x524.jpg 1024w, https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-content\/uploads\/2017\/08\/shop_leer-624x319.jpg 624w\" sizes=\"(max-width: 1244px) 100vw, 1244px\" \/><p id=\"caption-attachment-587\" class=\"wp-caption-text\">shop_leer<\/p><\/div>\n<h2>Ein kurzer Blick auf die Datenbank<\/h2>\n<p>Ach du liebes Lieschen, wie sieht dann das aus! Woo hat sage und schreibe 14 neue Tabellen erstellt!<\/p>\n<div id=\"attachment_584\" style=\"width: 937px\" class=\"wp-caption alignnone\"><img aria-describedby=\"caption-attachment-584\" decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-584\" src=\"http:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-content\/uploads\/2017\/08\/woo_tabellen.jpg\" alt=\"woo_tabellen\" width=\"927\" height=\"573\" srcset=\"https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-content\/uploads\/2017\/08\/woo_tabellen.jpg 927w, https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-content\/uploads\/2017\/08\/woo_tabellen-300x185.jpg 300w, https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-content\/uploads\/2017\/08\/woo_tabellen-768x475.jpg 768w, https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-content\/uploads\/2017\/08\/woo_tabellen-624x386.jpg 624w\" sizes=\"(max-width: 927px) 100vw, 927px\" \/><p id=\"caption-attachment-584\" class=\"wp-caption-text\">woo_tabellen<\/p><\/div>\n<p>Immer mit der Ruhe, die nehmen wir uns der Reihe nach vor, wie wir sie brauchen. Und ich kann ihnen gleich zur Beruhigung sagen: die meisten davon brauchen wir erstmal noch gar nicht. Ein wenig Geduld, wir machen schon noch ein bi\u00dfchen Spa\u00df auf der Datenbank. Jetzt f\u00fcllen wir erstmal unseren Shop mit Leben.<\/p>\n<h2>Produkte hinzuf\u00fcgen<\/h2>\n<p>Woo beschert uns zwei neue Men\u00fcpunkte im Dashboard, &#8222;WooCommerce&#8220; und &#8222;Produkte&#8220;.<\/p>\n<div id=\"attachment_585\" style=\"width: 1281px\" class=\"wp-caption alignnone\"><img aria-describedby=\"caption-attachment-585\" decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-585\" src=\"http:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-content\/uploads\/2017\/08\/woo_menus.jpg\" alt=\"woo_menus\" width=\"1271\" height=\"351\" srcset=\"https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-content\/uploads\/2017\/08\/woo_menus.jpg 1271w, https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-content\/uploads\/2017\/08\/woo_menus-300x83.jpg 300w, https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-content\/uploads\/2017\/08\/woo_menus-768x212.jpg 768w, https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-content\/uploads\/2017\/08\/woo_menus-1024x283.jpg 1024w, https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-content\/uploads\/2017\/08\/woo_menus-624x172.jpg 624w\" sizes=\"(max-width: 1271px) 100vw, 1271px\" \/><p id=\"caption-attachment-585\" class=\"wp-caption-text\">woo_menus<\/p><\/div>\n<p>Wir nehmen eine Abk\u00fcrzung und gehen gleich mal auf &#8222;Produkt hinzuf\u00fcgen&#8220;, alles andere sp\u00e4ter. Der Produkteditor ist recht \u00fcbersichtlich, das ist nix anderes als eine Variante des gewohnten Beitragseditors. Wir f\u00fcgen jetzt mal ein paar Produkte hinzu, damit unser Shop lebendiger wird. Wir haben pro Produkt f\u00fcnf Attribute, die wir in unseren Shop einpflegen wollen:<\/p>\n<ul>\n<li>den Produktnamen<\/li>\n<li>die Kategorie<\/li>\n<li>die Beschreibung<\/li>\n<li>Angaben zur Gr\u00f6\u00dfe<\/li>\n<li>den Preis<\/li>\n<\/ul>\n<p>Das Produktfoto mu\u00df auch noch rein, aber das wars. Ich verteile meine Produktdaten wie folgt:<\/p>\n<ol>\n<li>Produktname in den Titel<\/li>\n<li>Beschreibung in den Text<\/li>\n<li>Preis in das Feld &#8222;regul\u00e4rer Preis&#8220;<\/li>\n<\/ol>\n<p>Und dann noch die Gr\u00f6\u00dfenangabe&#8230; tscha, und da hakts schon zum ersten mal. Sollen wir daf\u00fcr ein Benutzerdefiniertes Feld anlegen? Lieber nicht. Weiter unten gibt es noch ein Textfeld &#8222;Produkt Kurzbeschreibung&#8220;, das nehmen wir, das sieht freundlich aus.<\/p>\n<div id=\"attachment_588\" style=\"width: 501px\" class=\"wp-caption alignnone\"><img aria-describedby=\"caption-attachment-588\" decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-588\" src=\"http:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-content\/uploads\/2017\/08\/produkt_kurzbeschreibung.jpg\" alt=\"produkt_kurzbeschreibung\" width=\"491\" height=\"168\" srcset=\"https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-content\/uploads\/2017\/08\/produkt_kurzbeschreibung.jpg 491w, https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-content\/uploads\/2017\/08\/produkt_kurzbeschreibung-300x103.jpg 300w\" sizes=\"(max-width: 491px) 100vw, 491px\" \/><p id=\"caption-attachment-588\" class=\"wp-caption-text\">produkt_kurzbeschreibung<\/p><\/div>\n<p>F\u00fcr die Produktkategorien gibt es rechts ein &#8222;Produktkategorien&#8220;-Untermen\u00fc, das nehmen wir nat\u00fcrlich auch gleich noch mit. Ich trage mal gleich ein paar Kategorien ein, die werden wir ja sp\u00e4ter noch brauchen&#8230; aber Obacht! Nichts verwechseln, das sind jetzt woo-eigene Kategorien, die nichts mit den gewohnten Beitragskategorien zu tun haben. Da lauert Verwechslungsgefahr, das mu\u00df man unterscheiden. Aber ich trag mal trotzdem hier was ein:<\/p>\n<div id=\"attachment_589\" style=\"width: 568px\" class=\"wp-caption alignnone\"><img aria-describedby=\"caption-attachment-589\" decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-589\" src=\"http:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-content\/uploads\/2017\/08\/produkt_kategorien.jpg\" alt=\"produkt_kategorien\" width=\"558\" height=\"380\" srcset=\"https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-content\/uploads\/2017\/08\/produkt_kategorien.jpg 558w, https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-content\/uploads\/2017\/08\/produkt_kategorien-300x204.jpg 300w\" sizes=\"(max-width: 558px) 100vw, 558px\" \/><p id=\"caption-attachment-589\" class=\"wp-caption-text\">produkt_kategorien<\/p><\/div>\n<p>So, fehlt noch das Foto, das kommt rechts bei &#8222;Produktbild&#8220; rein, die Produktgalerie lassen wir jetzt noch aussen vor. Alles drin? Dann werfen wir jetzt mal einen Blick auf unseren Shop.<\/p>\n<h2>Shop mit einem Produkt<\/h2>\n<p>Das sieht doch schon mal ganz nett aus.<img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-591\" src=\"http:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-content\/uploads\/2017\/08\/ein_produkt.jpg\" alt=\"ein_produkt\" width=\"387\" height=\"363\" srcset=\"https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-content\/uploads\/2017\/08\/ein_produkt.jpg 387w, https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-content\/uploads\/2017\/08\/ein_produkt-300x281.jpg 300w\" sizes=\"(max-width: 387px) 100vw, 387px\" \/><\/p>\n<p>ein_produkt<\/p>\n<p>Wenn man auf das Produktbild draufklickt, kommt man in die Einzelansicht, hier werden auch die restlichen Daten zum Produkt angezeigt, und hier kann man das Produkt in gew\u00fcnschter St\u00fcckzahl in den Warenkorb packen, oder auch eine Produktbewertung abgeben.<\/p>\n<div id=\"attachment_592\" style=\"width: 1264px\" class=\"wp-caption alignnone\"><img aria-describedby=\"caption-attachment-592\" decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-592\" src=\"http:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-content\/uploads\/2017\/08\/einzelansicht.jpg\" alt=\"einzelansicht\" width=\"1254\" height=\"626\" srcset=\"https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-content\/uploads\/2017\/08\/einzelansicht.jpg 1254w, https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-content\/uploads\/2017\/08\/einzelansicht-300x150.jpg 300w, https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-content\/uploads\/2017\/08\/einzelansicht-768x383.jpg 768w, https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-content\/uploads\/2017\/08\/einzelansicht-1024x511.jpg 1024w, https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-content\/uploads\/2017\/08\/einzelansicht-624x312.jpg 624w\" sizes=\"(max-width: 1254px) 100vw, 1254px\" \/><p id=\"caption-attachment-592\" class=\"wp-caption-text\">einzelansicht<\/p><\/div>\n<p>Momentchen noch: in meinem Schmuckladen gibt es nur Unikate, das hei\u00dft jedes Produkt ist genau einmal vorhanden. Da d\u00fcrfte beim Warenkorb genau genommen keine St\u00fcckzahl &gt; 1 angegeben werden &#8211; aber ja, ich h\u00f6rs schon, sie haben recht, das sind Feinheiten, um die k\u00fcmmern wir uns sp\u00e4ter.<\/p>\n<p>Das reicht uns jetzt mal f\u00fcrs erste, geben sie mal zwei, drei Produkte ein, und wenn sie das haben gehts weiter. In einem neuen Beitrag.<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Da ich mit konkreten Beispielen immer am Besten arbeite, basteln wir uns jetzt einen kleinen Online-Shop f\u00fcr meinen Glasperlenschmuck. Da haben wir \u00fcbersichtliche Produktdaten und eine h\u00fcbsche Fotoauswahl. Ich habe das Theme Twentysixteen genommen und mir gleich mal ein Child Theme erstellt, das brauchen wir bestimmt noch. Jetzt noch schnell wooCommerce installiert, und es kann [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[24,2],"tags":[],"_links":{"self":[{"href":"https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-json\/wp\/v2\/posts\/583"}],"collection":[{"href":"https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-json\/wp\/v2\/comments?post=583"}],"version-history":[{"count":6,"href":"https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-json\/wp\/v2\/posts\/583\/revisions"}],"predecessor-version":[{"id":596,"href":"https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-json\/wp\/v2\/posts\/583\/revisions\/596"}],"wp:attachment":[{"href":"https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-json\/wp\/v2\/media?parent=583"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-json\/wp\/v2\/categories?post=583"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-json\/wp\/v2\/tags?post=583"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}