Change styling of blocks

src/Resources/assets/shop/scss/block/main.scss

@@ -0,0 +1 @@
+@import './show.scss';

src/Resources/assets/shop/scss/block/show.scss

@@ -0,0 +1,3 @@
+.bitbag-block img {
+  max-width: 100%;
+}

src/Resources/assets/shop/scss/main.scss

@@ -0,0 +1 @@
+@import './block/main.scss';

src/Resources/views/Shop/Block/index.html.twig

@@ -1,7 +1,9 @@
 {% for block in blocks %}
-    <div class="column">
-        <div class="ui segment">
-            {{ bitbag_cms_render_block(block.code) }}
-        </div>
+    {% if block.name != null %}
+    <h4 class="ui horizontal section divider header">{{ block.name }}</h4>
+    {% endif %}
+
+    <div class="ui column segment">
+        {{ bitbag_cms_render_block(block.code) }}
     </div>
 {% endfor %}

src/Resources/views/Shop/Block/show.html.twig

@@ -1,16 +1,3 @@
 <div class="bitbag-block">
-    {% if null != block.name %}
-        <h2>{{ block.name }}</h2>
-        {% if null != block.taxons %}
-            {% for taxon in block.taxons %}
-                <p>Taxon: {{ taxon.slug }}</p>
-            {% endfor %}
-        {% endif %}
-        {% if null != block.products %}
-            {% for product in block.products %}
-                <p>Product: {{ product }}</p>
-            {% endfor %}
-        {% endif %}
-    {% endif %}
     {{ bitbag_cms_render_content(block) }}
 </div>

tests/Application/templates/bundles/SyliusShopBundle/Product/show.html.twig

@@ -49,10 +49,10 @@
             {{ sonata_block_render_event('sylius.shop.product.show.after_add_to_cart', {'product': product}) }}
         </div>
     </div>
-    <div class="ui two column stackable grid">
-        {{ render(path('bitbag_sylius_cms_plugin_shop_block_index_by_section_code', {'sectionCode' : 'products', 'template' : '@BitBagSyliusCmsPlugin/Shop/Block/index.html.twig'})) }}
-        {{ render(path('bitbag_sylius_cms_plugin_shop_block_index_by_product_code', {'productCode' : product.code, 'template' : '@BitBagSyliusCmsPlugin/Shop/Block/index.html.twig'})) }}
-    </div>
+
+    {{ render(path('bitbag_sylius_cms_plugin_shop_block_index_by_section_code', {'sectionCode' : 'products', 'template' : '@BitBagSyliusCmsPlugin/Shop/Block/index.html.twig'})) }}
+
+    {{ render(path('bitbag_sylius_cms_plugin_shop_block_index_by_product_code', {'productCode' : product.code, 'template' : '@BitBagSyliusCmsPlugin/Shop/Block/index.html.twig'})) }}
 
     {{ bitbag_cms_render_product_pages(product) }}