To replace CMS blocks with Nuxt 3 application environment, make sure that a .vue file with the name plaque of a cms is added to the components directory. It is because the otherwise auto-imported CMS component will be replaced once again by the new file with the same old name.
Overwrite the cms block category navigation
We have this cms element component from cms-base package:
packages/cms-base/components/public/cms/block/CmsBlockCategoryNavigation.vue
When you’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:
components/cms/block/CmsBlockCategoryNavigation.vue
Internal components
Some components use SwSharedPrice.vue
to display prices with the corresponding currency in multiple places, such as the product card, product details page, and more.
To have the price display optimization by default, generate a new SwSharedPrice.vue, for instance. Since it is auto-imported, wherever it may be called, the updated component will be used plentifully.
Generic CMS components
Generic components are responsible for resolving each CMS element
- CmsGenericElement.vue : – It is dynamic in nature, and materials that are needed by CMS, such as images, text, etc., are made. Shopware PWA is in the product line and is utilized to bring in the resolveCmsComponent composable to obtain and exhibit CMS contents.
- CmsGenericBlock.vue : – The responsibility is on this module to perform the CMS block executing task for a CMS page. It will collaborate with CmsGenericElement.vue and the resolveCmsComponent composable for exhibiting CMS contents like text, images, and product listings.
Please contact us at manish@bay20.com or call us at +91-8800519180 / +91-9582784309 for any support related to shopware. You can also visit the Shopware development page to check the services we offer.