diff --git a/spec/Renderer/Collection/CollectionBlocksRendererSpec.php b/spec/Renderer/Collection/CollectionBlocksRendererSpec.php
new file mode 100644
index 000000000..d131e1cbf
--- /dev/null
+++ b/spec/Renderer/Collection/CollectionBlocksRendererSpec.php
@@ -0,0 +1,100 @@
+<?php
+
+/*
+ * This file was created by developers working at BitBag
+ * Do you need more information about us and what we do? Visit our https://bitbag.io website!
+ * We are hiring developers from all over the world. Join us and start your new, exciting adventure and become part of us: https://bitbag.io/career
+*/
+
+declare(strict_types=1);
+
+namespace spec\BitBag\SyliusCmsPlugin\Renderer\Collection;
+
+use BitBag\SyliusCmsPlugin\Entity\BlockInterface;
+use BitBag\SyliusCmsPlugin\Entity\CollectionInterface;
+use BitBag\SyliusCmsPlugin\Renderer\Collection\CollectionBlocksRenderer;
+use BitBag\SyliusCmsPlugin\Renderer\Collection\CollectionRendererInterface;
+use BitBag\SyliusCmsPlugin\Renderer\ContentElementRendererStrategyInterface;
+use Doctrine\Common\Collections\ArrayCollection;
+use PhpSpec\ObjectBehavior;
+
+final class CollectionBlocksRendererSpec extends ObjectBehavior
+{
+    public function let(ContentElementRendererStrategyInterface $contentElementRendererStrategy): void
+    {
+        $this->beConstructedWith($contentElementRendererStrategy);
+    }
+
+    public function it_is_initializable(): void
+    {
+        $this->shouldHaveType(CollectionBlocksRenderer::class);
+    }
+
+    public function it_implements_collection_renderer_interface(): void
+    {
+        $this->shouldImplement(CollectionRendererInterface::class);
+    }
+
+    public function it_renders_blocks_from_collection(
+        ContentElementRendererStrategyInterface $contentElementRendererStrategy,
+        CollectionInterface $collection,
+        BlockInterface $block1,
+        BlockInterface $block2
+    ): void
+    {
+        $blocks = new ArrayCollection([$block1->getWrappedObject(), $block2->getWrappedObject()]);
+        $collection->getBlocks()->willReturn($blocks);
+
+        $contentElementRendererStrategy->render($block1)->willReturn('block1_content');
+        $contentElementRendererStrategy->render($block2)->willReturn('block2_content');
+
+        $this->render($collection)->shouldReturn('block1_contentblock2_content');
+    }
+
+    public function it_limits_number_of_rendered_blocks(
+        ContentElementRendererStrategyInterface $contentElementRendererStrategy,
+        CollectionInterface $collection,
+        BlockInterface $block1,
+        BlockInterface $block2
+    ): void
+    {
+        $blocks = new ArrayCollection([$block1->getWrappedObject(), $block2->getWrappedObject()]);
+        $collection->getBlocks()->willReturn($blocks);
+
+        $contentElementRendererStrategy->render($block1)->willReturn('block1_content');
+        $contentElementRendererStrategy->render($block2)->willReturn('block2_content');
+
+        $this->render($collection, 1)->shouldReturn('block1_content');
+    }
+
+    public function it_supports_collections_with_blocks(
+        CollectionInterface $collection,
+        BlockInterface $block
+    ): void
+    {
+        $blocks = new ArrayCollection([$block]);
+        $collection->getBlocks()->willReturn($blocks);
+
+        $this->supports($collection)->shouldReturn(true);
+    }
+
+    public function it_does_not_support_empty_collections(
+        CollectionInterface $collection
+    ): void
+    {
+        $collection->getBlocks()->willReturn(new ArrayCollection());
+
+        $this->supports($collection)->shouldReturn(false);
+    }
+
+    public function it_throws_exception_when_blocks_are_null(
+        ContentElementRendererStrategyInterface $contentElementRendererStrategy,
+        CollectionInterface $collection
+    ): void
+    {
+        $collection->getBlocks()->willReturn(null);
+
+        $this->shouldThrow(\InvalidArgumentException::class)
+            ->during('render', [$collection]);
+    }
+}
diff --git a/spec/Renderer/Collection/CollectionMediaRendererSpec.php b/spec/Renderer/Collection/CollectionMediaRendererSpec.php
new file mode 100644
index 000000000..d04537038
--- /dev/null
+++ b/spec/Renderer/Collection/CollectionMediaRendererSpec.php
@@ -0,0 +1,78 @@
+<?php
+
+/*
+ * This file was created by developers working at BitBag
+ * Do you need more information about us and what we do? Visit our https://bitbag.io website!
+ * We are hiring developers from all over the world. Join us and start your new, exciting adventure and become part of us: https://bitbag.io/career
+*/
+
+declare(strict_types=1);
+
+namespace spec\BitBag\SyliusCmsPlugin\Renderer\Collection;
+
+use BitBag\SyliusCmsPlugin\Entity\CollectionInterface;
+use BitBag\SyliusCmsPlugin\Entity\MediaInterface;
+use BitBag\SyliusCmsPlugin\Renderer\Collection\CollectionMediaRenderer;
+use BitBag\SyliusCmsPlugin\Renderer\Collection\CollectionRendererInterface;
+use BitBag\SyliusCmsPlugin\Twig\Runtime\RenderMediaRuntimeInterface;
+use Doctrine\Common\Collections\ArrayCollection;
+use PhpSpec\ObjectBehavior;
+
+final class CollectionMediaRendererSpec extends ObjectBehavior
+{
+    function let(RenderMediaRuntimeInterface $renderMediaRuntime)
+    {
+        $this->beConstructedWith($renderMediaRuntime);
+    }
+
+    function it_is_initializable()
+    {
+        $this->shouldHaveType(CollectionMediaRenderer::class);
+        $this->shouldImplement(CollectionRendererInterface::class);
+    }
+
+    function it_renders_media_collection(RenderMediaRuntimeInterface $renderMediaRuntime, CollectionInterface $collection, MediaInterface $media1, MediaInterface $media2)
+    {
+        $media1->getId()->willReturn(1);
+        $media2->getId()->willReturn(2);
+
+        $media1->getCode()->willReturn('media_code_1');
+        $media2->getCode()->willReturn('media_code_2');
+
+        $collection->getMedia()->willReturn(new ArrayCollection([$media1->getWrappedObject(), $media2->getWrappedObject()]));
+
+        $renderMediaRuntime->renderMedia('media_code_1')->willReturn('media1');
+        $renderMediaRuntime->renderMedia('media_code_2')->willReturn('media2');
+
+        $this->render($collection)->shouldReturn('media1media2');
+    }
+
+    function it_renders_limited_number_of_media(RenderMediaRuntimeInterface $renderMediaRuntime, CollectionInterface $collection, MediaInterface $media1, MediaInterface $media2)
+    {
+        $media1->getId()->willReturn(1);
+        $media2->getId()->willReturn(2);
+
+        $media1->getCode()->willReturn('media_code_1');
+        $media2->getCode()->willReturn('media_code_2');
+
+        $collection->getMedia()->willReturn(new ArrayCollection([$media1->getWrappedObject(), $media2->getWrappedObject()]));
+
+        $renderMediaRuntime->renderMedia('media_code_1')->willReturn('media1');
+
+        $this->render($collection, 1)->shouldReturn('media1');
+    }
+
+    function it_supports_collections_with_media(CollectionInterface $collection, MediaInterface $media1)
+    {
+        $collection->getMedia()->willReturn(new ArrayCollection([$media1]));
+
+        $this->supports($collection)->shouldReturn(true);
+    }
+
+    function it_does_not_support_collections_without_media(CollectionInterface $collection)
+    {
+        $collection->getMedia()->willReturn(new ArrayCollection());
+
+        $this->supports($collection)->shouldReturn(false);
+    }
+}
diff --git a/spec/Renderer/Collection/CollectionPagesRendererSpec.php b/spec/Renderer/Collection/CollectionPagesRendererSpec.php
new file mode 100644
index 000000000..e5421f555
--- /dev/null
+++ b/spec/Renderer/Collection/CollectionPagesRendererSpec.php
@@ -0,0 +1,92 @@
+<?php
+
+/*
+ * This file was created by developers working at BitBag
+ * Do you need more information about us and what we do? Visit our https://bitbag.io website!
+ * We are hiring developers from all over the world. Join us and start your new, exciting adventure and become part of us: https://bitbag.io/career
+*/
+
+declare(strict_types=1);
+
+namespace spec\BitBag\SyliusCmsPlugin\Renderer\Collection;
+
+use BitBag\SyliusCmsPlugin\Entity\CollectionInterface;
+use BitBag\SyliusCmsPlugin\Entity\PageInterface;
+use BitBag\SyliusCmsPlugin\Renderer\Collection\CollectionPagesRenderer;
+use BitBag\SyliusCmsPlugin\Renderer\Collection\CollectionRendererInterface;
+use BitBag\SyliusCmsPlugin\Renderer\PageLinkRendererInterface;
+use Doctrine\Common\Collections\ArrayCollection;
+use PhpSpec\ObjectBehavior;
+
+final class CollectionPagesRendererSpec extends ObjectBehavior
+{
+    public function let(PageLinkRendererInterface $pageLinkRenderer): void
+    {
+        $this->beConstructedWith($pageLinkRenderer);
+    }
+
+    public function it_is_initializable(): void
+    {
+        $this->shouldHaveType(CollectionPagesRenderer::class);
+    }
+
+    public function it_implements_collection_renderer_interface(): void
+    {
+        $this->shouldImplement(CollectionRendererInterface::class);
+    }
+
+    public function it_renders_pages_from_collection(
+        PageLinkRendererInterface $pageLinkRenderer,
+        CollectionInterface $collection,
+        PageInterface $page1,
+        PageInterface $page2
+    ): void
+    {
+        $page1->getId()->willReturn(2);
+        $page2->getId()->willReturn(1);
+
+        $collection->getPages()->willReturn(new ArrayCollection([$page1->getWrappedObject(), $page2->getWrappedObject()]));
+
+        $pageLinkRenderer->render($page1)->willReturn('page1_content');
+        $pageLinkRenderer->render($page2)->willReturn('page2_content');
+
+        $this->render($collection)->shouldReturn('page1_contentpage2_content');
+    }
+
+    public function it_limits_number_of_rendered_pages(
+        PageLinkRendererInterface $pageLinkRenderer,
+        CollectionInterface $collection,
+        PageInterface $page1,
+        PageInterface $page2
+    ): void
+    {
+        $page1->getId()->willReturn(2);
+        $page2->getId()->willReturn(1);
+
+        $collection->getPages()->willReturn(new ArrayCollection([$page1->getWrappedObject(), $page2->getWrappedObject()]));
+
+        $pageLinkRenderer->render($page1)->willReturn('page1_content');
+        $pageLinkRenderer->render($page2)->willReturn('page2_content');
+
+        $this->render($collection, 1)->shouldReturn('page1_content');
+    }
+
+    public function it_supports_collections_with_pages(
+        CollectionInterface $collection,
+        PageInterface $page
+    ): void
+    {
+        $collection->getPages()->willReturn(new ArrayCollection([$page]));
+
+        $this->supports($collection)->shouldReturn(true);
+    }
+
+    public function it_does_not_support_empty_collections(
+        CollectionInterface $collection
+    ): void
+    {
+        $collection->getPages()->willReturn(new ArrayCollection());
+
+        $this->supports($collection)->shouldReturn(false);
+    }
+}
diff --git a/spec/Renderer/CollectionRendererStrategySpec.php b/spec/Renderer/CollectionRendererStrategySpec.php
new file mode 100644
index 000000000..67aebde51
--- /dev/null
+++ b/spec/Renderer/CollectionRendererStrategySpec.php
@@ -0,0 +1,73 @@
+<?php
+
+/*
+ * This file was created by developers working at BitBag
+ * Do you need more information about us and what we do? Visit our https://bitbag.io website!
+ * We are hiring developers from all over the world. Join us and start your new, exciting adventure and become part of us: https://bitbag.io/career
+*/
+
+declare(strict_types=1);
+
+namespace spec\BitBag\SyliusCmsPlugin\Renderer;
+
+use BitBag\SyliusCmsPlugin\Entity\CollectionInterface;
+use BitBag\SyliusCmsPlugin\Renderer\Collection\CollectionRendererInterface;
+use BitBag\SyliusCmsPlugin\Renderer\CollectionRendererStrategy;
+use BitBag\SyliusCmsPlugin\Renderer\CollectionRendererStrategyInterface;
+use PhpSpec\ObjectBehavior;
+
+final class CollectionRendererStrategySpec extends ObjectBehavior
+{
+    public function let(CollectionRendererInterface $renderer1, CollectionRendererInterface $renderer2): void
+    {
+        $this->beConstructedWith([$renderer1, $renderer2]);
+    }
+
+    public function it_is_initializable(): void
+    {
+        $this->shouldHaveType(CollectionRendererStrategy::class);
+    }
+
+    public function it_implements_collection_renderer_strategy_interface(): void
+    {
+        $this->shouldImplement(CollectionRendererStrategyInterface::class);
+    }
+
+    public function it_renders_collection_using_supported_renderer(
+        CollectionRendererInterface $renderer1,
+        CollectionRendererInterface $renderer2,
+        CollectionInterface $collection
+    ): void
+    {
+        $renderer1->supports($collection)->willReturn(false);
+        $renderer2->supports($collection)->willReturn(true);
+        $renderer2->render($collection, null)->willReturn('rendered content');
+
+        $this->render($collection)->shouldReturn('rendered content');
+    }
+
+    public function it_renders_collection_with_count_to_render(
+        CollectionRendererInterface $renderer1,
+        CollectionRendererInterface $renderer2,
+        CollectionInterface $collection
+    ): void
+    {
+        $renderer1->supports($collection)->willReturn(false);
+        $renderer2->supports($collection)->willReturn(true);
+        $renderer2->render($collection, 5)->willReturn('rendered content with count');
+
+        $this->render($collection, 5)->shouldReturn('rendered content with count');
+    }
+
+    public function it_returns_empty_string_when_no_renderer_supports_collection(
+        CollectionRendererInterface $renderer1,
+        CollectionRendererInterface $renderer2,
+        CollectionInterface $collection
+    ): void
+    {
+        $renderer1->supports($collection)->willReturn(false);
+        $renderer2->supports($collection)->willReturn(false);
+
+        $this->render($collection)->shouldReturn('');
+    }
+}
diff --git a/spec/Renderer/PageLinkRendererSpec.php b/spec/Renderer/PageLinkRendererSpec.php
new file mode 100644
index 000000000..45fb7b5f9
--- /dev/null
+++ b/spec/Renderer/PageLinkRendererSpec.php
@@ -0,0 +1,88 @@
+<?php
+
+/*
+ * This file was created by developers working at BitBag
+ * Do you need more information about us and what we do? Visit our https://bitbag.io website!
+ * We are hiring developers from all over the world. Join us and start your new, exciting adventure and become part of us: https://bitbag.io/career
+*/
+
+declare(strict_types=1);
+
+namespace spec\BitBag\SyliusCmsPlugin\Renderer;
+
+use BitBag\SyliusCmsPlugin\Entity\PageInterface;
+use BitBag\SyliusCmsPlugin\Renderer\PageLinkRenderer;
+use BitBag\SyliusCmsPlugin\Renderer\PageLinkRendererInterface;
+use PhpSpec\ObjectBehavior;
+use Symfony\Component\Routing\Generator\UrlGeneratorInterface;
+use Twig\Environment;
+
+final class PageLinkRendererSpec extends ObjectBehavior
+{
+    public function let(
+        UrlGeneratorInterface $urlGenerator,
+        Environment $twig
+    ): void {
+        $this->beConstructedWith($urlGenerator, $twig);
+    }
+
+    public function it_is_initializable(): void
+    {
+        $this->shouldHaveType(PageLinkRenderer::class);
+    }
+
+    public function it_implements_page_link_renderer_interface(): void
+    {
+        $this->shouldImplement(PageLinkRendererInterface::class);
+    }
+
+    public function it_renders_page_link_with_default_template(
+        UrlGeneratorInterface $urlGenerator,
+        Environment $twig,
+        PageInterface $page
+    ): void {
+        $page->getSlug()->willReturn('page-slug');
+        $page->getName()->willReturn('Page Name');
+
+        $urlGenerator->generate(
+            'bitbag_sylius_cms_plugin_shop_page_show',
+            ['slug' => 'page-slug'],
+            UrlGeneratorInterface::ABSOLUTE_URL
+        )->willReturn('http://example.com/page-slug');
+
+        $twig->render(
+            '@BitBagSyliusCmsPlugin/Shop/Page/link.html.twig',
+            [
+                'link' => 'http://example.com/page-slug',
+                'name' => 'Page Name',
+            ]
+        )->willReturn('<a href="http://example.com/page-slug">Page Name</a>');
+
+        $this->render($page)->shouldReturn('<a href="http://example.com/page-slug">Page Name</a>');
+    }
+
+    public function it_renders_page_link_with_custom_template(
+        UrlGeneratorInterface $urlGenerator,
+        Environment $twig,
+        PageInterface $page
+    ): void {
+        $page->getSlug()->willReturn('page-slug');
+        $page->getName()->willReturn('Page Name');
+
+        $urlGenerator->generate(
+            'bitbag_sylius_cms_plugin_shop_page_show',
+            ['slug' => 'page-slug'],
+            UrlGeneratorInterface::ABSOLUTE_URL
+        )->willReturn('http://example.com/page-slug');
+
+        $twig->render(
+            'custom_template.html.twig',
+            [
+                'link' => 'http://example.com/page-slug',
+                'name' => 'Page Name',
+            ]
+        )->willReturn('<a href="http://example.com/page-slug">Page Name</a>');
+
+        $this->render($page, 'custom_template.html.twig')->shouldReturn('<a href="http://example.com/page-slug">Page Name</a>');
+    }
+}
diff --git a/spec/Twig/Extension/RenderBlockExtensionSpec.php b/spec/Twig/Extension/RenderBlockExtensionSpec.php
deleted file mode 100755
index a2d6c2985..000000000
--- a/spec/Twig/Extension/RenderBlockExtensionSpec.php
+++ /dev/null
@@ -1,47 +0,0 @@
-<?php
-
-/*
- * This file was created by developers working at BitBag
- * Do you need more information about us and what we do? Visit our https://bitbag.io website!
- * We are hiring developers from all over the world. Join us and start your new, exciting adventure and become part of us: https://bitbag.io/career
-*/
-
-declare(strict_types=1);
-
-namespace spec\BitBag\SyliusCmsPlugin\Twig\Extension;
-
-use BitBag\SyliusCmsPlugin\Twig\Extension\RenderBlockExtension;
-use BitBag\SyliusCmsPlugin\Twig\Runtime\RenderBlockRuntimeInterface;
-use PhpSpec\ObjectBehavior;
-use Twig\Extension\AbstractExtension;
-use Twig\TwigFunction;
-
-final class RenderBlockExtensionSpec extends ObjectBehavior
-{
-    public function let(
-        RenderBlockRuntimeInterface $blockRuntime
-    ): void {
-        $this->beConstructedWith($blockRuntime);
-    }
-
-    public function it_is_initializable(): void
-    {
-        $this->shouldHaveType(RenderBlockExtension::class);
-    }
-
-    public function it_extends_abstract_extension(): void
-    {
-        $this->shouldHaveType(AbstractExtension::class);
-    }
-
-    public function it_returns_functions(): void
-    {
-        $functions = $this->getFunctions();
-
-        $functions->shouldHaveCount(1);
-
-        foreach ($functions as $function) {
-            $function->shouldHaveType(TwigFunction::class);
-        }
-    }
-}
diff --git a/spec/Twig/Extension/RenderContentElementsExtensionSpec.php b/spec/Twig/Extension/RenderContentElementsExtensionSpec.php
deleted file mode 100644
index b7309efd0..000000000
--- a/spec/Twig/Extension/RenderContentElementsExtensionSpec.php
+++ /dev/null
@@ -1,40 +0,0 @@
-<?php
-
-/*
- * This file was created by developers working at BitBag
- * Do you need more information about us and what we do? Visit our https://bitbag.io website!
- * We are hiring developers from all over the world. Join us and start your new, exciting adventure and become part of us: https://bitbag.io/career
-*/
-
-declare(strict_types=1);
-
-namespace spec\BitBag\SyliusCmsPlugin\Twig\Extension;
-
-use BitBag\SyliusCmsPlugin\Twig\Extension\RenderContentElementsExtension;
-use PhpSpec\ObjectBehavior;
-use Twig\Extension\AbstractExtension;
-use Twig\TwigFunction;
-
-final class RenderContentElementsExtensionSpec extends ObjectBehavior
-{
-    public function it_is_initializable(): void
-    {
-        $this->shouldHaveType(RenderContentElementsExtension::class);
-    }
-
-    public function it_extends_abstract_extension(): void
-    {
-        $this->shouldHaveType(AbstractExtension::class);
-    }
-
-    public function it_returns_functions(): void
-    {
-        $functions = $this->getFunctions();
-
-        $functions->shouldHaveCount(1);
-
-        foreach ($functions as $function) {
-            $function->shouldHaveType(TwigFunction::class);
-        }
-    }
-}
diff --git a/spec/Twig/Extension/RenderContentExtensionSpec.php b/spec/Twig/Extension/RenderContentExtensionSpec.php
deleted file mode 100644
index 52e8c7f2c..000000000
--- a/spec/Twig/Extension/RenderContentExtensionSpec.php
+++ /dev/null
@@ -1,40 +0,0 @@
-<?php
-
-/*
- * This file was created by developers working at BitBag
- * Do you need more information about us and what we do? Visit our https://bitbag.io website!
- * We are hiring developers from all over the world. Join us and start your new, exciting adventure and become part of us: https://bitbag.io/career
-*/
-
-declare(strict_types=1);
-
-namespace spec\BitBag\SyliusCmsPlugin\Twig\Extension;
-
-use BitBag\SyliusCmsPlugin\Twig\Extension\RenderContentExtension;
-use PhpSpec\ObjectBehavior;
-use Twig\Extension\AbstractExtension;
-use Twig\TwigFunction;
-
-final class RenderContentExtensionSpec extends ObjectBehavior
-{
-    public function it_is_initializable(): void
-    {
-        $this->shouldHaveType(RenderContentExtension::class);
-    }
-
-    public function it_extends_abstract_extension(): void
-    {
-        $this->shouldHaveType(AbstractExtension::class);
-    }
-
-    public function it_returns_functions(): void
-    {
-        $functions = $this->getFunctions();
-
-        $functions->shouldHaveCount(1);
-
-        foreach ($functions as $function) {
-            $function->shouldHaveType(TwigFunction::class);
-        }
-    }
-}
diff --git a/spec/Twig/Extension/RenderMediaExtensionSpec.php b/spec/Twig/Extension/RenderMediaExtensionSpec.php
deleted file mode 100755
index 7fd5959cd..000000000
--- a/spec/Twig/Extension/RenderMediaExtensionSpec.php
+++ /dev/null
@@ -1,47 +0,0 @@
-<?php
-
-/*
- * This file was created by developers working at BitBag
- * Do you need more information about us and what we do? Visit our https://bitbag.io website!
- * We are hiring developers from all over the world. Join us and start your new, exciting adventure and become part of us: https://bitbag.io/career
-*/
-
-declare(strict_types=1);
-
-namespace spec\BitBag\SyliusCmsPlugin\Twig\Extension;
-
-use BitBag\SyliusCmsPlugin\Twig\Extension\RenderMediaExtension;
-use BitBag\SyliusCmsPlugin\Twig\Runtime\RenderMediaRuntimeInterface;
-use PhpSpec\ObjectBehavior;
-use Twig\Extension\AbstractExtension;
-use Twig\TwigFunction;
-
-final class RenderMediaExtensionSpec extends ObjectBehavior
-{
-    public function let(
-        RenderMediaRuntimeInterface $mediaRuntime
-    ) {
-        $this->beConstructedWith($mediaRuntime);
-    }
-
-    public function it_is_initializable(): void
-    {
-        $this->shouldHaveType(RenderMediaExtension::class);
-    }
-
-    public function it_extends_abstract_extension(): void
-    {
-        $this->shouldHaveType(AbstractExtension::class);
-    }
-
-    public function it_returns_functions(): void
-    {
-        $functions = $this->getFunctions();
-
-        $functions->shouldHaveCount(1);
-
-        foreach ($functions as $function) {
-            $function->shouldHaveType(TwigFunction::class);
-        }
-    }
-}
diff --git a/spec/Twig/Extension/RenderPageLinkExtensionSpec.php b/spec/Twig/Extension/RenderPageLinkExtensionSpec.php
deleted file mode 100644
index 3ef518c6a..000000000
--- a/spec/Twig/Extension/RenderPageLinkExtensionSpec.php
+++ /dev/null
@@ -1,42 +0,0 @@
-<?php
-
-/*
- * This file has been created by developers from BitBag.
- * Feel free to contact us once you face any issues or want to start
- * another great project.
- * You can find more information about us on https://bitbag.io and write us
- * an email on mikolaj.krol@bitbag.pl.
- */
-
-declare(strict_types=1);
-
-namespace spec\BitBag\SyliusCmsPlugin\Twig\Extension;
-
-use BitBag\SyliusCmsPlugin\Twig\Extension\RenderPageLinkExtension;
-use PhpSpec\ObjectBehavior;
-use Twig\Extension\AbstractExtension;
-use Twig\TwigFunction;
-
-final class RenderPageLinkExtensionSpec extends ObjectBehavior
-{
-    public function it_is_initializable(): void
-    {
-        $this->shouldHaveType(RenderPageLinkExtension::class);
-    }
-
-    public function it_extends_abstract_extension(): void
-    {
-        $this->shouldHaveType(AbstractExtension::class);
-    }
-
-    public function it_returns_functions(): void
-    {
-        $functions = $this->getFunctions();
-
-        $functions->shouldHaveCount(2);
-
-        foreach ($functions as $function) {
-            $function->shouldHaveType(TwigFunction::class);
-        }
-    }
-}
diff --git a/src/Form/Type/CollectionType.php b/src/Form/Type/CollectionType.php
index 73f802d9e..6478f89da 100755
--- a/src/Form/Type/CollectionType.php
+++ b/src/Form/Type/CollectionType.php
@@ -10,7 +10,6 @@
 
 namespace BitBag\SyliusCmsPlugin\Form\Type;
 
-use BitBag\SyliusCmsPlugin\Entity\MediaInterface;
 use Sylius\Bundle\ResourceBundle\Form\Type\AbstractResourceType;
 use Symfony\Component\Form\Event\PreSubmitEvent;
 use Symfony\Component\Form\Extension\Core\Type\ChoiceType;
@@ -55,7 +54,6 @@ public function buildForm(FormBuilderInterface $builder, array $options): void
             ->add('media', MediaAutocompleteChoiceType::class, [
                 'label' => 'bitbag_sylius_cms_plugin.ui.media',
                 'multiple' => true,
-                'media_type' => MediaInterface::IMAGE_TYPE,
             ])
             ->addEventListener(FormEvents::PRE_SUBMIT, function (PreSubmitEvent $event): void {
                 $formData = $event->getData();
diff --git a/src/Renderer/Collection/CollectionBlocksRenderer.php b/src/Renderer/Collection/CollectionBlocksRenderer.php
new file mode 100644
index 000000000..250cf5709
--- /dev/null
+++ b/src/Renderer/Collection/CollectionBlocksRenderer.php
@@ -0,0 +1,45 @@
+<?php
+
+/*
+ * This file was created by developers working at BitBag
+ * Do you need more information about us and what we do? Visit our https://bitbag.io website!
+ * We are hiring developers from all over the world. Join us and start your new, exciting adventure and become part of us: https://bitbag.io/career
+*/
+
+declare(strict_types=1);
+
+namespace BitBag\SyliusCmsPlugin\Renderer\Collection;
+
+use BitBag\SyliusCmsPlugin\Entity\BlockInterface;
+use BitBag\SyliusCmsPlugin\Entity\CollectionInterface;
+use BitBag\SyliusCmsPlugin\Renderer\ContentElementRendererStrategyInterface;
+use BitBag\SyliusCmsPlugin\Sorter\SorterById;
+use Webmozart\Assert\Assert;
+
+final class CollectionBlocksRenderer implements CollectionRendererInterface
+{
+    public function __construct(private ContentElementRendererStrategyInterface $contentElementRendererStrategy)
+    {
+    }
+
+    public function render(CollectionInterface $collection, ?int $countToRender = null): string
+    {
+        $content = '';
+        $iterator = 0;
+        Assert::notNull($collection->getBlocks());
+        /** @var BlockInterface $block */
+        foreach (SorterById::sort($collection->getBlocks()->toArray()) as $block) {
+            $content .= $this->contentElementRendererStrategy->render($block);
+            if (++$iterator === $countToRender) {
+                break;
+            }
+        }
+
+        return $content;
+    }
+
+    public function supports(CollectionInterface $collection): bool
+    {
+        return 0 < $collection->getBlocks()?->count();
+    }
+}
diff --git a/src/Renderer/Collection/CollectionMediaRenderer.php b/src/Renderer/Collection/CollectionMediaRenderer.php
new file mode 100644
index 000000000..ddb91be54
--- /dev/null
+++ b/src/Renderer/Collection/CollectionMediaRenderer.php
@@ -0,0 +1,46 @@
+<?php
+
+/*
+ * This file was created by developers working at BitBag
+ * Do you need more information about us and what we do? Visit our https://bitbag.io website!
+ * We are hiring developers from all over the world. Join us and start your new, exciting adventure and become part of us: https://bitbag.io/career
+*/
+
+declare(strict_types=1);
+
+namespace BitBag\SyliusCmsPlugin\Renderer\Collection;
+
+use BitBag\SyliusCmsPlugin\Entity\CollectionInterface;
+use BitBag\SyliusCmsPlugin\Entity\MediaInterface;
+use BitBag\SyliusCmsPlugin\Sorter\SorterById;
+use BitBag\SyliusCmsPlugin\Twig\Runtime\RenderMediaRuntimeInterface;
+use Webmozart\Assert\Assert;
+
+final class CollectionMediaRenderer implements CollectionRendererInterface
+{
+    public function __construct(private RenderMediaRuntimeInterface $renderMediaRuntime)
+    {
+    }
+
+    public function render(CollectionInterface $collection, ?int $countToRender = null): string
+    {
+        $content = '';
+        $iterator = 0;
+        Assert::notNull($collection->getMedia());
+        /** @var MediaInterface $media */
+        foreach (SorterById::sort($collection->getMedia()->toArray()) as $media) {
+            Assert::notNull($media->getCode());
+            $content .= $this->renderMediaRuntime->renderMedia($media->getCode());
+            if (++$iterator === $countToRender) {
+                break;
+            }
+        }
+
+        return $content;
+    }
+
+    public function supports(CollectionInterface $collection): bool
+    {
+        return 0 < $collection->getMedia()?->count();
+    }
+}
diff --git a/src/Renderer/Collection/CollectionPagesRenderer.php b/src/Renderer/Collection/CollectionPagesRenderer.php
new file mode 100644
index 000000000..2b5578cf6
--- /dev/null
+++ b/src/Renderer/Collection/CollectionPagesRenderer.php
@@ -0,0 +1,45 @@
+<?php
+
+/*
+ * This file was created by developers working at BitBag
+ * Do you need more information about us and what we do? Visit our https://bitbag.io website!
+ * We are hiring developers from all over the world. Join us and start your new, exciting adventure and become part of us: https://bitbag.io/career
+*/
+
+declare(strict_types=1);
+
+namespace BitBag\SyliusCmsPlugin\Renderer\Collection;
+
+use BitBag\SyliusCmsPlugin\Entity\CollectionInterface;
+use BitBag\SyliusCmsPlugin\Entity\PageInterface;
+use BitBag\SyliusCmsPlugin\Renderer\PageLinkRendererInterface;
+use BitBag\SyliusCmsPlugin\Sorter\SorterById;
+use Webmozart\Assert\Assert;
+
+final class CollectionPagesRenderer implements CollectionRendererInterface
+{
+    public function __construct(private PageLinkRendererInterface $pageLinkRenderer)
+    {
+    }
+
+    public function render(CollectionInterface $collection, ?int $countToRender = null): string
+    {
+        $content = '';
+        $iterator = 0;
+        Assert::notNull($collection->getPages());
+        /** @var PageInterface $page */
+        foreach (SorterById::sort($collection->getPages()->toArray(), 'desc') as $page) {
+            $content .= $this->pageLinkRenderer->render($page);
+            if (++$iterator === $countToRender) {
+                break;
+            }
+        }
+
+        return $content;
+    }
+
+    public function supports(CollectionInterface $collection): bool
+    {
+        return 0 < $collection->getPages()?->count();
+    }
+}
diff --git a/src/Renderer/Collection/CollectionRendererInterface.php b/src/Renderer/Collection/CollectionRendererInterface.php
new file mode 100644
index 000000000..4de98d3dc
--- /dev/null
+++ b/src/Renderer/Collection/CollectionRendererInterface.php
@@ -0,0 +1,20 @@
+<?php
+
+/*
+ * This file was created by developers working at BitBag
+ * Do you need more information about us and what we do? Visit our https://bitbag.io website!
+ * We are hiring developers from all over the world. Join us and start your new, exciting adventure and become part of us: https://bitbag.io/career
+*/
+
+declare(strict_types=1);
+
+namespace BitBag\SyliusCmsPlugin\Renderer\Collection;
+
+use BitBag\SyliusCmsPlugin\Entity\CollectionInterface;
+
+interface CollectionRendererInterface
+{
+    public function render(CollectionInterface $collection, ?int $countToRender = null): string;
+
+    public function supports(CollectionInterface $collection): bool;
+}
diff --git a/src/Renderer/CollectionRendererStrategy.php b/src/Renderer/CollectionRendererStrategy.php
new file mode 100644
index 000000000..5ec435386
--- /dev/null
+++ b/src/Renderer/CollectionRendererStrategy.php
@@ -0,0 +1,35 @@
+<?php
+
+/*
+ * This file was created by developers working at BitBag
+ * Do you need more information about us and what we do? Visit our https://bitbag.io website!
+ * We are hiring developers from all over the world. Join us and start your new, exciting adventure and become part of us: https://bitbag.io/career
+*/
+
+declare(strict_types=1);
+
+namespace BitBag\SyliusCmsPlugin\Renderer;
+
+use BitBag\SyliusCmsPlugin\Entity\CollectionInterface;
+use BitBag\SyliusCmsPlugin\Renderer\Collection\CollectionRendererInterface;
+
+final class CollectionRendererStrategy implements CollectionRendererStrategyInterface
+{
+    /**
+     * @param CollectionRendererInterface[] $renderers
+     */
+    public function __construct(private iterable $renderers)
+    {
+    }
+
+    public function render(CollectionInterface $collection, ?int $countToRender = null): string
+    {
+        foreach ($this->renderers as $renderer) {
+            if ($renderer->supports($collection)) {
+                return $renderer->render($collection, $countToRender);
+            }
+        }
+
+        return '';
+    }
+}
diff --git a/src/Renderer/CollectionRendererStrategyInterface.php b/src/Renderer/CollectionRendererStrategyInterface.php
new file mode 100644
index 000000000..d8c0c606f
--- /dev/null
+++ b/src/Renderer/CollectionRendererStrategyInterface.php
@@ -0,0 +1,18 @@
+<?php
+
+/*
+ * This file was created by developers working at BitBag
+ * Do you need more information about us and what we do? Visit our https://bitbag.io website!
+ * We are hiring developers from all over the world. Join us and start your new, exciting adventure and become part of us: https://bitbag.io/career
+*/
+
+declare(strict_types=1);
+
+namespace BitBag\SyliusCmsPlugin\Renderer;
+
+use BitBag\SyliusCmsPlugin\Entity\CollectionInterface;
+
+interface CollectionRendererStrategyInterface
+{
+    public function render(CollectionInterface $collection, ?int $countToRender = null): string;
+}
diff --git a/src/Renderer/PageLinkRenderer.php b/src/Renderer/PageLinkRenderer.php
new file mode 100644
index 000000000..c218462e6
--- /dev/null
+++ b/src/Renderer/PageLinkRenderer.php
@@ -0,0 +1,41 @@
+<?php
+
+/*
+ * This file was created by developers working at BitBag
+ * Do you need more information about us and what we do? Visit our https://bitbag.io website!
+ * We are hiring developers from all over the world. Join us and start your new, exciting adventure and become part of us: https://bitbag.io/career
+*/
+
+declare(strict_types=1);
+
+namespace BitBag\SyliusCmsPlugin\Renderer;
+
+use BitBag\SyliusCmsPlugin\Entity\PageInterface;
+use Symfony\Component\Routing\Generator\UrlGeneratorInterface;
+use Twig\Environment;
+
+final class PageLinkRenderer implements PageLinkRendererInterface
+{
+    private const DEFAULT_TEMPLATE = '@BitBagSyliusCmsPlugin/Shop/Page/link.html.twig';
+
+    public function __construct(
+        private UrlGeneratorInterface $urlGenerator,
+        private Environment $twig,
+    ) {
+    }
+
+    public function render(PageInterface $page, ?string $template = null): string
+    {
+        return $this->twig->render(
+            $template ?? self::DEFAULT_TEMPLATE,
+            [
+                'link' => $this->urlGenerator->generate(
+                    'bitbag_sylius_cms_plugin_shop_page_show',
+                    ['slug' => $page->getSlug()],
+                    UrlGeneratorInterface::ABSOLUTE_URL,
+                ),
+                'name' => $page->getName(),
+            ],
+        );
+    }
+}
diff --git a/src/Renderer/PageLinkRendererInterface.php b/src/Renderer/PageLinkRendererInterface.php
new file mode 100644
index 000000000..a7a80001b
--- /dev/null
+++ b/src/Renderer/PageLinkRendererInterface.php
@@ -0,0 +1,18 @@
+<?php
+
+/*
+ * This file was created by developers working at BitBag
+ * Do you need more information about us and what we do? Visit our https://bitbag.io website!
+ * We are hiring developers from all over the world. Join us and start your new, exciting adventure and become part of us: https://bitbag.io/career
+*/
+
+declare(strict_types=1);
+
+namespace BitBag\SyliusCmsPlugin\Renderer;
+
+use BitBag\SyliusCmsPlugin\Entity\PageInterface;
+
+interface PageLinkRendererInterface
+{
+    public function render(PageInterface $page, ?string $template = null): string;
+}
diff --git a/src/Resolver/CollectionResourceResolver.php b/src/Resolver/CollectionResourceResolver.php
new file mode 100755
index 000000000..dd2a59b24
--- /dev/null
+++ b/src/Resolver/CollectionResourceResolver.php
@@ -0,0 +1,40 @@
+<?php
+
+/*
+ * This file was created by developers working at BitBag
+ * Do you need more information about us and what we do? Visit our https://bitbag.io website!
+ * We are hiring developers from all over the world. Join us and start your new, exciting adventure and become part of us: https://bitbag.io/career
+*/
+
+declare(strict_types=1);
+
+namespace BitBag\SyliusCmsPlugin\Resolver;
+
+use BitBag\SyliusCmsPlugin\Entity\CollectionInterface;
+use BitBag\SyliusCmsPlugin\Repository\CollectionRepositoryInterface;
+use Psr\Log\LoggerInterface;
+
+final class CollectionResourceResolver implements CollectionResourceResolverInterface
+{
+    public function __construct(
+        private CollectionRepositoryInterface $collectionRepository,
+        private LoggerInterface $logger,
+    ) {
+    }
+
+    public function findOrLog(string $code): ?CollectionInterface
+    {
+        $collection = $this->collectionRepository->findOneByCode($code);
+
+        if (false === $collection instanceof CollectionInterface) {
+            $this->logger->warning(sprintf(
+                'Collection with "%s" code was not found in the database.',
+                $code,
+            ));
+
+            return null;
+        }
+
+        return $collection;
+    }
+}
diff --git a/src/Resolver/CollectionResourceResolverInterface.php b/src/Resolver/CollectionResourceResolverInterface.php
new file mode 100755
index 000000000..4ea8827e0
--- /dev/null
+++ b/src/Resolver/CollectionResourceResolverInterface.php
@@ -0,0 +1,18 @@
+<?php
+
+/*
+ * This file was created by developers working at BitBag
+ * Do you need more information about us and what we do? Visit our https://bitbag.io website!
+ * We are hiring developers from all over the world. Join us and start your new, exciting adventure and become part of us: https://bitbag.io/career
+*/
+
+declare(strict_types=1);
+
+namespace BitBag\SyliusCmsPlugin\Resolver;
+
+use BitBag\SyliusCmsPlugin\Entity\CollectionInterface;
+
+interface CollectionResourceResolverInterface
+{
+    public function findOrLog(string $code): ?CollectionInterface;
+}
diff --git a/src/Resources/assets/admin/js/bitbag/bitbag-content-configuration.js b/src/Resources/assets/admin/js/bitbag/bitbag-content-configuration.js
index ee45066fa..b221f2ca4 100644
--- a/src/Resources/assets/admin/js/bitbag/bitbag-content-configuration.js
+++ b/src/Resources/assets/admin/js/bitbag/bitbag-content-configuration.js
@@ -5,6 +5,10 @@
 */
 
 $(document).ready(function() {
+    $('.bitbag-media-autocomplete, .sylius-autocomplete').each((index, element) => {
+        $(element).autoComplete();
+    });
+
     let pageElements = '#bitbag_sylius_cms_plugin_page_contentElements';
     let blockElements = '#bitbag_sylius_cms_plugin_block_contentElements';
 
@@ -69,10 +73,6 @@ $(document).ready(function() {
         }
     });
 
-    $('.bitbag-media-autocomplete, .sylius-autocomplete').each((index, element) => {
-        $(element).autoComplete();
-    });
-
     $(`${collectionHolder} [data-form-collection="item"]`).each((index, element) => {
         $(document).loadContentConfiguration(element);
     });
diff --git a/src/Resources/config/services/renderer.xml b/src/Resources/config/services/renderer.xml
index 2f2fba36b..a0943d659 100644
--- a/src/Resources/config/services/renderer.xml
+++ b/src/Resources/config/services/renderer.xml
@@ -64,5 +64,29 @@
             <argument type="service" id="sylius.repository.taxon" />
             <tag name="bitbag_sylius_cms_plugin.renderer.content_element" />
         </service>
+
+        <service id="bitbag_sylius_cms_plugin.collection_renderer_strategy" class="BitBag\SyliusCmsPlugin\Renderer\CollectionRendererStrategy">
+            <argument type="tagged_iterator" tag="bitbag_sylius_cms_plugin.renderer.collection" />
+        </service>
+
+        <service id="bitbag_sylius_cms_plugin.renderer.collection.blocks" class="BitBag\SyliusCmsPlugin\Renderer\Collection\CollectionBlocksRenderer">
+            <argument type="service" id="bitbag_sylius_cms_plugin.content_element_renderer_strategy" />
+            <tag name="bitbag_sylius_cms_plugin.renderer.collection" />
+        </service>
+
+        <service id="bitbag_sylius_cms_plugin.renderer.collection.media" class="BitBag\SyliusCmsPlugin\Renderer\Collection\CollectionMediaRenderer">
+            <argument type="service" id="bitbag_sylius_cms_plugin.twig.runtime.media" />
+            <tag name="bitbag_sylius_cms_plugin.renderer.collection" />
+        </service>
+
+        <service id="bitbag_sylius_cms_plugin.renderer.collection.pages" class="BitBag\SyliusCmsPlugin\Renderer\Collection\CollectionPagesRenderer">
+            <argument type="service" id="bitbag_sylius_cms_plugin.page_link_renderer" />
+            <tag name="bitbag_sylius_cms_plugin.renderer.collection" />
+        </service>
+
+        <service id="bitbag_sylius_cms_plugin.page_link_renderer" class="BitBag\SyliusCmsPlugin\Renderer\PageLinkRenderer">
+            <argument type="service" id="router.default" />
+            <argument type="service" id="twig" />
+        </service>
     </services>
 </container>
diff --git a/src/Resources/config/services/resolver.xml b/src/Resources/config/services/resolver.xml
index 2bfd80270..9d51b70b1 100644
--- a/src/Resources/config/services/resolver.xml
+++ b/src/Resources/config/services/resolver.xml
@@ -34,6 +34,11 @@
             <argument type="service" id="sylius.context.channel" />
         </service>
 
+        <service id="bitbag_sylius_cms_plugin.resolver.collection_resource" class="BitBag\SyliusCmsPlugin\Resolver\CollectionResourceResolver" public="true">
+            <argument type="service" id="bitbag_sylius_cms_plugin.repository.collection" />
+            <argument type="service" id="logger" />
+        </service>
+
         <service id="bitbag_sylius_cms_plugin.resolver.page_resource" class="BitBag\SyliusCmsPlugin\Resolver\PageResourceResolver" public="true">
             <argument type="service" id="bitbag_sylius_cms_plugin.repository.page" />
             <argument type="service" id="logger" />
diff --git a/src/Resources/config/services/twig.xml b/src/Resources/config/services/twig.xml
index 39d108966..d831b84ca 100644
--- a/src/Resources/config/services/twig.xml
+++ b/src/Resources/config/services/twig.xml
@@ -24,6 +24,18 @@
             <tag name="twig.runtime" />
         </service>
 
+        <service id="bitbag_sylius_cms_plugin.twig.extension.collection" class="BitBag\SyliusCmsPlugin\Twig\Extension\RenderCollectionExtension">
+            <argument type="service" id="bitbag_sylius_cms_plugin.twig.runtime.collection" />
+            <tag name="twig.extension" />
+        </service>
+
+        <service id="bitbag_sylius_cms_plugin.twig.runtime.collection" class="BitBag\SyliusCmsPlugin\Twig\Runtime\RenderCollectionRuntime">
+            <argument type="service" id="twig" />
+            <argument type="service" id="bitbag_sylius_cms_plugin.resolver.collection_resource" />
+            <argument type="service" id="bitbag_sylius_cms_plugin.collection_renderer_strategy" />
+            <tag name="twig.runtime" />
+        </service>
+
         <service id="bitbag_sylius_cms_plugin.twig.extension.media" class="BitBag\SyliusCmsPlugin\Twig\Extension\RenderMediaExtension">
             <argument type="service" id="bitbag_sylius_cms_plugin.twig.runtime.media" />
             <tag name="twig.extension" />
diff --git a/src/Resources/views/Shop/Collection/show.html.twig b/src/Resources/views/Shop/Collection/show.html.twig
new file mode 100644
index 000000000..c1e138d62
--- /dev/null
+++ b/src/Resources/views/Shop/Collection/show.html.twig
@@ -0,0 +1,3 @@
+<div class="bitbag-collection">
+    {{ content|raw }}
+</div>
diff --git a/src/Resources/views/Shop/Media/Show/file.html.twig b/src/Resources/views/Shop/Media/Show/file.html.twig
index 62a370885..2a03c5d81 100755
--- a/src/Resources/views/Shop/Media/Show/file.html.twig
+++ b/src/Resources/views/Shop/Media/Show/file.html.twig
@@ -1,10 +1,12 @@
-{% if null != media.name %}
-    <h2>{{ media.name|raw }}</h2>
-{% endif %}
+<div>
+    {% if null != media.name %}
+        <h2>{{ media.name|raw }}</h2>
+    {% endif %}
 
-<p>{{ bitbag_cms_render_content(media) }}</p>
+    <p>{{ bitbag_cms_render_content(media) }}</p>
 
-<a class="ui icon labeled primary button" href="{{ path('bitbag_sylius_cms_plugin_shop_media_download', {'code': media.code}) }}">
-    <i class="download icon"></i>
-    {{ 'bitbag_sylius_cms_plugin.ui.download'|trans }}
-</a>
+    <a class="ui icon labeled primary button" href="{{ path('bitbag_sylius_cms_plugin_shop_media_download', {'code': media.code}) }}">
+        <i class="download icon"></i>
+        {{ 'bitbag_sylius_cms_plugin.ui.download'|trans }}
+    </a>
+</div>
diff --git a/src/Resources/views/Shop/Media/Show/image.html.twig b/src/Resources/views/Shop/Media/Show/image.html.twig
index edf7565dc..0b13ea9f0 100755
--- a/src/Resources/views/Shop/Media/Show/image.html.twig
+++ b/src/Resources/views/Shop/Media/Show/image.html.twig
@@ -1,8 +1,10 @@
-<h2>{{ media.name|raw }}</h2>
+<div>
+    <h2>{{ media.name|raw }}</h2>
 
-<img class="ui fluid image" src="{{ media.path }}" alt="{{ media.alt }}"
-    {% if media.width is not null %} width="{{ media.width }}" {% endif %}
-    {% if media.height is not null %} height="{{ media.height }}" {% endif %}
-/>
+    <img class="ui fluid image" src="{{ media.path }}" alt="{{ media.alt }}"
+        {% if media.width is not null %} width="{{ media.width }}" {% endif %}
+        {% if media.height is not null %} height="{{ media.height }}" {% endif %}
+    />
 
-<p>{{ bitbag_cms_render_content(media) }}</p>
+    <p>{{ bitbag_cms_render_content(media) }}</p>
+</div>
diff --git a/src/Resources/views/Shop/Page/link.html.twig b/src/Resources/views/Shop/Page/link.html.twig
new file mode 100644
index 000000000..c55da6b38
--- /dev/null
+++ b/src/Resources/views/Shop/Page/link.html.twig
@@ -0,0 +1,3 @@
+<div>
+    <a href="{{ link }}">{{ name }}</a>
+</div>
diff --git a/src/Sorter/SorterById.php b/src/Sorter/SorterById.php
new file mode 100644
index 000000000..5ecdcd959
--- /dev/null
+++ b/src/Sorter/SorterById.php
@@ -0,0 +1,27 @@
+<?php
+
+/*
+ * This file was created by developers working at BitBag
+ * Do you need more information about us and what we do? Visit our https://bitbag.io website!
+ * We are hiring developers from all over the world. Join us and start your new, exciting adventure and become part of us: https://bitbag.io/career
+*/
+
+declare(strict_types=1);
+
+namespace BitBag\SyliusCmsPlugin\Sorter;
+
+final class SorterById
+{
+    public static function sort(array $elements, string $direction = 'asc'): array
+    {
+        usort($elements, static function ($element1, $element2) use ($direction) {
+            if ('asc' === $direction) {
+                return $element1->getId() <=> $element2->getId();
+            }
+
+            return $element2->getId() <=> $element1->getId();
+        });
+
+        return $elements;
+    }
+}
diff --git a/src/Twig/Extension/RenderCollectionExtension.php b/src/Twig/Extension/RenderCollectionExtension.php
new file mode 100644
index 000000000..246be6897
--- /dev/null
+++ b/src/Twig/Extension/RenderCollectionExtension.php
@@ -0,0 +1,33 @@
+<?php
+
+/*
+ * This file was created by developers working at BitBag
+ * Do you need more information about us and what we do? Visit our https://bitbag.io website!
+ * We are hiring developers from all over the world. Join us and start your new, exciting adventure and become part of us: https://bitbag.io/career
+*/
+
+declare(strict_types=1);
+
+namespace BitBag\SyliusCmsPlugin\Twig\Extension;
+
+use BitBag\SyliusCmsPlugin\Twig\Runtime\RenderCollectionRuntimeInterface;
+use Twig\Extension\AbstractExtension;
+use Twig\TwigFunction;
+
+final class RenderCollectionExtension extends AbstractExtension
+{
+    public function __construct(private RenderCollectionRuntimeInterface $collectionRuntime)
+    {
+    }
+
+    public function getFunctions(): array
+    {
+        return [
+            new TwigFunction(
+                'bitbag_cms_render_collection',
+                [$this->collectionRuntime, 'renderCollection'],
+                ['is_safe' => ['html']],
+            ),
+        ];
+    }
+}
diff --git a/src/Twig/Runtime/RenderCollectionRuntime.php b/src/Twig/Runtime/RenderCollectionRuntime.php
new file mode 100644
index 000000000..45b9b5901
--- /dev/null
+++ b/src/Twig/Runtime/RenderCollectionRuntime.php
@@ -0,0 +1,42 @@
+<?php
+
+/*
+ * This file was created by developers working at BitBag
+ * Do you need more information about us and what we do? Visit our https://bitbag.io website!
+ * We are hiring developers from all over the world. Join us and start your new, exciting adventure and become part of us: https://bitbag.io/career
+*/
+
+declare(strict_types=1);
+
+namespace BitBag\SyliusCmsPlugin\Twig\Runtime;
+
+use BitBag\SyliusCmsPlugin\Renderer\CollectionRendererStrategyInterface;
+use BitBag\SyliusCmsPlugin\Resolver\CollectionResourceResolverInterface;
+use Twig\Environment;
+
+final class RenderCollectionRuntime implements RenderCollectionRuntimeInterface
+{
+    private const DEFAULT_TEMPLATE = '@BitBagSyliusCmsPlugin/Shop/Collection/show.html.twig';
+
+    public function __construct(
+        private Environment $twig,
+        private CollectionResourceResolverInterface $collectionResourceResolver,
+        private CollectionRendererStrategyInterface $collectionRenderer,
+    ) {
+    }
+
+    public function renderCollection(string $code, ?int $countToRender = null, ?string $template = null): string
+    {
+        $collection = $this->collectionResourceResolver->findOrLog($code);
+        if (null === $collection) {
+            return '';
+        }
+
+        return $this->twig->render(
+            $template ?? self::DEFAULT_TEMPLATE,
+            [
+                'content' => $this->collectionRenderer->render($collection, $countToRender),
+            ],
+        );
+    }
+}
diff --git a/src/Twig/Runtime/RenderCollectionRuntimeInterface.php b/src/Twig/Runtime/RenderCollectionRuntimeInterface.php
new file mode 100644
index 000000000..ac6f52a17
--- /dev/null
+++ b/src/Twig/Runtime/RenderCollectionRuntimeInterface.php
@@ -0,0 +1,16 @@
+<?php
+
+/*
+ * This file was created by developers working at BitBag
+ * Do you need more information about us and what we do? Visit our https://bitbag.io website!
+ * We are hiring developers from all over the world. Join us and start your new, exciting adventure and become part of us: https://bitbag.io/career
+*/
+
+declare(strict_types=1);
+
+namespace BitBag\SyliusCmsPlugin\Twig\Runtime;
+
+interface RenderCollectionRuntimeInterface
+{
+    public function renderCollection(string $code, ?int $countToRender = null, ?string $template = null): string;
+}