{"id":15049,"date":"2025-01-31T10:12:52","date_gmt":"2025-01-31T10:12:52","guid":{"rendered":"https:\/\/www.bay20.com\/?p=15049"},"modified":"2025-09-24T15:28:00","modified_gmt":"2025-09-24T09:43:00","slug":"wie-umgehen-cms-block-in-shopware-6-composable-storefront","status":"publish","type":"post","link":"https:\/\/www.bay20.com\/de\/wie-umgehen-cms-block-in-shopware-6-composable-storefront\/","title":{"rendered":"Wie \u00fcberschreibt man den CMS-Block in Shopware 6 Composable Storefront?"},"content":{"rendered":"\n<p>Um CMS-Bl\u00f6cke mit der Nuxt 3-Anwendungsumgebung zu ersetzen, m\u00fcssen Sie sicherstellen, dass eine .vue-Datei mit der Namensplakette eines cms zum Komponentenverzeichnis hinzugef\u00fcgt wird. Der Grund daf\u00fcr ist, dass die ansonsten automatisch importierte CMS-Komponente noch einmal durch die neue Datei mit demselben alten Namen ersetzt wird.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>\u00dcberschreiben Sie die cms-Block-Kategorienavigation<\/strong><\/h2>\n\n\n\n<p>Wir haben diese cms-Element-Komponente aus dem <strong>cms-base-Paket<\/strong>:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>packages\/cms-base\/components\/public\/cms\/block\/CmsBlockCategoryNavigation.vue<\/code><\/pre>\n\n\n\n<p>When you&#8217;re going to create your own product listing component in the demo-store of the Composable Storefront for Shopware 6, where you should go is:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>components\/cms\/block\/CmsBlockCategoryNavigation.vue<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">Interne Komponenten<a href=\"https:\/\/frontends.shopware.com\/getting-started\/cms\/overwriting-cms.html#internal-components\">\u200b<\/a><\/h2>\n\n\n\n<p>Einige Komponenten verwenden SwSharedPrice.vue, um Preise mit der entsprechenden W\u00e4hrung an mehreren Stellen anzuzeigen, z. B. auf der Produktkarte, der Produktdetailseite und anderen.<\/p>\n\n\n\n<p>Um die Preisanzeige standardm\u00e4\u00dfig zu optimieren, erstellen Sie z. B. eine neue SwSharedPrice.vue. Da sie automatisch importiert wird, wird die aktualisierte Komponente \u00fcberall dort, wo sie aufgerufen werden kann, reichlich verwendet werden.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Allgemeine CMS-Komponenten<\/h2>\n\n\n\n<p>Generische Komponenten sind f\u00fcr die Aufl\u00f6sung der einzelnen CMS-Elemente verantwortlich<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong><a href=\"https:\/\/github.com\/shopware\/frontends\/blob\/main\/packages\/cms-base-layer\/components\/public\/cms\/CmsGenericElement.vue\" target=\"_blank\" rel=\"noreferrer noopener\">CmsGenericElement.vue<\/a><\/strong> : &#8211; Es ist dynamisch in der Natur, und Materialien, die von CMS, wie Bilder, Text, etc. ben\u00f6tigt werden, werden gemacht. Shopware PWA ist in der Produktlinie und wird verwendet, um die resolveCmsComponent zusammensetzbar zu bringen, um CMS-Inhalte zu erhalten und auszustellen.<br><\/li><li><a href=\"https:\/\/github.com\/shopware\/frontends\/blob\/main\/packages\/cms-base-layer\/components\/public\/cms\/CmsGenericBlock.vue\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>CmsGenericBlock.vue<\/strong><\/a> : &#8211; Dieses Modul ist f\u00fcr die Ausf\u00fchrung der CMS-Bl\u00f6cke auf einer CMS-Seite verantwortlich. Es arbeitet mit CmsGenericElement.vue und der resolveCmsComponent zusammen, um CMS-Inhalte wie Text, Bilder und Produktlisten darzustellen.<\/li><\/ul>\n\n\n\n<p><strong>Bitte kontaktieren Sie uns unter <strong><a href=\"mailto:manish@bay20.com\" target=\"_blank\" rel=\"noreferrer noopener\">manish@bay20.com<\/a><\/strong> oder rufen Sie uns unter <strong><a href=\"https:\/\/api.whatsapp.com\/send?phone=+918800519180&amp;text=Hi,%20I%20contacted%20you%20through%20your%20website.\" target=\"_blank\" rel=\"noreferrer noopener\">+91-8800519180<\/a><\/strong> \/ <strong><a href=\"https:\/\/api.whatsapp.com\/send?phone=919582784309\" target=\"_blank\" rel=\"noreferrer noopener\">+91-9582784309<\/a><\/strong> an, wenn Sie Unterst\u00fctzung im Zusammenhang mit Shopware ben\u00f6tigen. Sie k\u00f6nnen auch die <a href=\"https:\/\/www.bay20.com\/de\/shopware-entwicklungsunternehmen\/\">Shopware-Entwicklungsseite<\/a> besuchen, um die von uns angebotenen Dienstleistungen zu \u00fcberpr\u00fcfen.<\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Um CMS-Bl\u00f6cke mit der Nuxt 3-Anwendungsumgebung zu ersetzen, m\u00fcssen Sie sicherstellen, dass eine .vue-Datei mit der Namensplakette eines cms zum Komponentenverzeichnis hinzugef\u00fcgt wird. Der Grund daf\u00fcr ist, dass die ansonsten automatisch importierte CMS-Komponente noch einmal durch die neue Datei mit demselben alten Namen ersetzt wird. \u00dcberschreiben Sie die cms-Block-Kategorienavigation Wir haben diese cms-Element-Komponente aus dem [&hellip;]<\/p>\n","protected":false},"author":120,"featured_media":15082,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[168,31,78,115],"tags":[],"class_list":["post-15049","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-composable-storefront","category-ecommerce","category-shopware","category-shopware-6"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/posts\/15049","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/users\/120"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/comments?post=15049"}],"version-history":[{"count":19,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/posts\/15049\/revisions"}],"predecessor-version":[{"id":17000,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/posts\/15049\/revisions\/17000"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/media\/15082"}],"wp:attachment":[{"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/media?parent=15049"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/categories?post=15049"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/tags?post=15049"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}