# Custom CMS Block | Fronend rendering

**URL:** <https://forum.shopware.com/t/custom-cms-block-fronend-rendering/90928>\
**Category:** Shopware 6 (English)\
**Created:** [18. Oktober 2021 um 05:47 UTC](https://forum.shopware.com/t/custom-cms-block-fronend-rendering/90928 "2021-10-18T05:47:27Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Aleksei\_b](https://avatars.discourse-cdn.com/v4/letter/a/34f0e0/32.png) [@Aleksei\_b](https://forum.shopware.com/u/Aleksei_b)\
**Post date:** [18. Oktober 2021 um 05:47 UTC](https://forum.shopware.com/t/custom-cms-block-fronend-rendering/90928/1 "2021-10-18T05:47:27Z")

</div>

Hey,

i followed this tutorial to create a custom CMS Block in Shopware 6:

[Create CMS Block](https://developer.shopware.com/docs/guides/plugins/plugins/content/cms/add-cms-block)

So know i got the custom block which i can use in the backend but when i save it and switch to the frontend the component only shows the outer divs and no content will be rendered. However i can set background color, classes and margins in the backend.  
Maybe some of you know what i did wrong and can help me. Im rather new in the shop ware developing scene.

> **[Omegle](https://omegle.ws)**
>
> Best app to Start Video Chat with strangers through live cams. Works seamlessly on windows, computers, mobile devices, IPads or Tablets, IOS, and Androids. Omegle lets you send texts and chat in the face to face mode of the video stream to absolute...

Thanks

---

<div class="post-metadata">

**Author:** ![ninja](https://avatars.discourse-cdn.com/v4/letter/n/53a042/32.png) [@ninja](https://forum.shopware.com/u/ninja)\
**Post date:** [18. Oktober 2021 um 11:11 UTC](https://forum.shopware.com/t/custom-cms-block-fronend-rendering/90928/2 "2021-10-18T11:11:45Z")

</div>

It’s pretty hard to tell what your mistake is when we don’t see the code. But I’m pretty sure you just missed a very little detail.

Just compare your code with the shopware example:

> **[GitHub - shopware/swag-docs-custom-cms-block](https://github.com/shopware/swag-docs-custom-cms-block)**
>
> Contribute to shopware/swag-docs-custom-cms-block development by creating an account on GitHub.

They have the code for the doc on github. Try if this works and compare your code with their code and you should be able to fix your issue

---

<div class="post-metadata">

**Author:** ![jonas.joachim](https://avatars.discourse-cdn.com/v4/letter/j/e95f7d/32.png) [@jonas.joachim](https://forum.shopware.com/u/jonas.joachim)\
**Post date:** [18. Oktober 2021 um 23:47 UTC](https://forum.shopware.com/t/custom-cms-block-fronend-rendering/90928/3 "2021-10-18T23:47:23Z")

</div>

I’ve had the same issue and it was about the naming conventions not getting followed to full extent (the documentation is not ideal concerning this issue).  
If you inspect the storefront, does it show an HTML element with the name of your block/element instead of this name being correctly assigned to the class (i.e. instead of \<div class=„sw-cms-block-lorem-ipsum“)?  
It did in my case and it turned out I’ve had an extra -text- for the desired category in the Vue.js component without it belonging there.