{"id":46,"date":"2026-07-19T11:06:57","date_gmt":"2026-07-19T11:06:57","guid":{"rendered":"https:\/\/streetstylemart.shop\/?page_id=46"},"modified":"2026-07-21T13:49:23","modified_gmt":"2026-07-21T13:49:23","slug":"categories","status":"publish","type":"page","link":"https:\/\/streetstylemart.shop\/de\/categories\/","title":{"rendered":"Kategorien"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"46\" class=\"elementor elementor-46\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3fdec34 e-flex e-con-boxed e-con e-parent\" data-id=\"3fdec34\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d221ed7 elementor-widget elementor-widget-html\" data-id=\"d221ed7\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"categories-page\">\r\n\r\n\r\n<div class=\"cat-header\">\r\n\r\n<h1>\r\nCategories\r\n<\/h1>\r\n\r\n<p>\r\nExplore our collections and find what you need.\r\n<\/p>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div id=\"category-grid\" class=\"category-grid\">\r\n\r\n\r\n<div class=\"cat-loading\">\r\nLoading categories...\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<style>\r\n\r\n\r\n.categories-page{\r\n\r\n\r\nmax-width:1400px;\r\n\r\nmargin:0 auto;\r\n\r\npadding:50px 20px;\r\n\r\nfont-family: \"Roboto\", Arial, Helvetica, sans-serif;\r\n\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\/* HEADER *\/\r\n\r\n\r\n.cat-header{\r\n\r\n\r\ntext-align:center;\r\n\r\nmargin-bottom:45px;\r\n\r\n\r\n}\r\n\r\n\r\n\r\n.cat-header h1{\r\n\r\n\r\nfont-size:42px;\r\n\r\nfont-weight:700;\r\n\r\nmargin-bottom:12px;\r\n\r\n\r\n}\r\n\r\n\r\n\r\n.cat-header p{\r\n\r\n\r\ncolor:#777;\r\n\r\nfont-size:16px;\r\n\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\/* GRID *\/\r\n\r\n\r\n.category-grid{\r\n\r\n\r\ndisplay:grid;\r\n\r\ngrid-template-columns:\r\nrepeat(4,1fr);\r\n\r\ngap:25px;\r\n\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\/* CARD *\/\r\n\r\n\r\n.category-card{\r\n\r\n\r\nbackground:#fff;\r\n\r\nborder-radius:20px;\r\n\r\noverflow:hidden;\r\n\r\ntext-decoration:none;\r\n\r\ncolor:#111;\r\n\r\ntransition:.3s;\r\n\r\n\r\n}\r\n\r\n\r\n\r\n.category-card:hover{\r\n\r\n\r\ntransform:translateY(-6px);\r\n\r\nbox-shadow:\r\n0 15px 35px rgba(0,0,0,.12);\r\n\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n.category-image{\r\n\r\n\r\nposition:relative;\r\n\r\n\r\n}\r\n\r\n\r\n\r\n.category-image img{\r\n\r\n\r\nwidth:100%;\r\n\r\naspect-ratio:1\/1;\r\n\r\nobject-fit:cover;\r\n\r\ndisplay:block;\r\n\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.category-info{\r\n\r\n\r\npadding:20px;\r\n\r\ntext-align:center;\r\n\r\n\r\n}\r\n\r\n\r\n\r\n.category-name{\r\n\r\n\r\nfont-size:20px;\r\n\r\nfont-weight:700;\r\n\r\nmargin-bottom:8px;\r\n\r\n\r\n}\r\n\r\n\r\n\r\n.category-count{\r\n\r\n\r\ncolor:#777;\r\n\r\nfont-size:14px;\r\n\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.cat-loading{\r\n\r\n\r\ngrid-column:1\/-1;\r\n\r\ntext-align:center;\r\n\r\npadding:50px;\r\n\r\ncolor:#777;\r\n\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n@media(max-width:900px){\r\n\r\n\r\n.category-grid{\r\n\r\n\r\ngrid-template-columns:\r\nrepeat(2,1fr);\r\n\r\ngap:12px;\r\n\r\n\r\n}\r\n\r\n\r\n\r\n.cat-header h1{\r\n\r\n\r\nfont-size:30px;\r\n\r\n\r\n}\r\n\r\n\r\n\r\n.category-info{\r\n\r\n\r\npadding:15px;\r\n\r\n\r\n}\r\n\r\n\r\n\r\n.category-name{\r\n\r\n\r\nfont-size:17px;\r\n\r\n\r\n}\r\n\r\n\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<script>\r\n\r\n(function(){\r\n\r\n\r\nconst api =\r\n\"\/wp-json\/wc\/store\/v1\/\";\r\n\r\n\r\n\r\n\/\/ \u83b7\u53d6\u5206\u7c7b\r\n\r\nfetch(\r\napi+\"products\/categories?per_page=100\"\r\n)\r\n\r\n\r\n.then(response=>response.json())\r\n\r\n\r\n.then(categories=>{\r\n\r\n\r\nlet html=\"\";\r\n\r\n\r\n\r\nlet tasks = categories.map(cat=>{\r\n\r\n\r\n\/\/ \u8bf7\u6c42\u8be5\u5206\u7c7b\u7b2c\u4e00\u4e2a\u5546\u54c1\r\n\r\nreturn fetch(\r\napi+\"products?category=\"+cat.id+\"&per_page=1\"\r\n)\r\n\r\n.then(res=>res.json())\r\n\r\n.then(products=>{\r\n\r\n\r\nlet image =\r\n\"https:\/\/via.placeholder.com\/600\";\r\n\r\n\r\n\r\nif(\r\nproducts.length &&\r\nproducts[0].images.length\r\n){\r\n\r\nimage =\r\nproducts[0].images[0].src;\r\n\r\n}\r\n\r\n\r\n\r\nhtml += `\r\n\r\n\r\n<a \r\nclass=\"category-card\"\r\nhref=\"${cat.permalink}\"\r\n>\r\n\r\n\r\n\r\n\r\n<div class=\"category-image\">\r\n\r\n\r\n<img \r\nloading=\"lazy\"\r\nsrc=\"${image}\"\r\nalt=\"${cat.name}\"\r\n>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n<div class=\"category-info\">\r\n\r\n\r\n<div class=\"category-name\">\r\n\r\n${cat.name}\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<div class=\"category-count\">\r\n\r\n${cat.count} Products\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<\/a>\r\n\r\n\r\n`;\r\n\r\n\r\n\r\n});\r\n\r\n\r\n\r\n});\r\n\r\n\r\n\r\n\r\n\/\/ \u7b49\u5168\u90e8\u5206\u7c7b\u56fe\u7247\u5b8c\u6210\r\n\r\nPromise.all(tasks)\r\n.then(()=>{\r\n\r\n\r\ndocument.querySelector(\r\n\"#category-grid\"\r\n)\r\n.innerHTML=html;\r\n\r\n\r\n});\r\n\r\n\r\n\r\n})\r\n\r\n\r\n\r\n.catch(error=>{\r\n\r\n\r\ndocument.querySelector(\r\n\"#category-grid\"\r\n)\r\n.innerHTML=\r\n`\r\n<div class=\"cat-loading\">\r\nUnable to load categories.\r\n<\/div>\r\n`;\r\n\r\nconsole.log(error);\r\n\r\n\r\n});\r\n\r\n\r\n\r\n})();\r\n\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Categories Explore our collections and find what you need. Loading categories&#8230;<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-46","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/streetstylemart.shop\/de\/wp-json\/wp\/v2\/pages\/46","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/streetstylemart.shop\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/streetstylemart.shop\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/streetstylemart.shop\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/streetstylemart.shop\/de\/wp-json\/wp\/v2\/comments?post=46"}],"version-history":[{"count":19,"href":"https:\/\/streetstylemart.shop\/de\/wp-json\/wp\/v2\/pages\/46\/revisions"}],"predecessor-version":[{"id":533,"href":"https:\/\/streetstylemart.shop\/de\/wp-json\/wp\/v2\/pages\/46\/revisions\/533"}],"wp:attachment":[{"href":"https:\/\/streetstylemart.shop\/de\/wp-json\/wp\/v2\/media?parent=46"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}