Added accessories section

partials/product/accessories.htm

@@ -0,0 +1,13 @@
+<div class="product__accessories">
+    <h4 class="accessories-heading">{{ 'product.accessories' | _ }}</h4>
+    <div class="accessories-grid">
+        {% for accessory in accessories %}
+            <a class="accessory" href="{{ __SELF__.productPage | page({slug: accessory.slug}) }}">
+                <div class="accessory__image">
+                    <img src="{{ accessory.image.thumb(160, 'auto') }}" alt=""/>
+                </div>
+                <div class="accessory__name">{{ accessory.name }}</div>
+            </a>
+        {% endfor %}
+    </div>
+</div>

resources/styl/components/_product.styl

@@ -55,10 +55,16 @@
         +below('xs')
             width 100%
 
+    &__accessories
+        margin-top 2em
+        padding-top 2em
+        border-top 1px solid #eee
+
     &__additional-data
         margin 2em 0
         lost-utility clearfix
 
+
 .product-info
     lost-column 1/2
     +below('m')
@@ -69,4 +75,16 @@
 
     &__title
         margin 0
-        font-size 1em
+        font-size 1em
+
+.accessories-grid
+    lost-utility clearfix
+    .accessory
+        lost-column 1/4
+        &__image
+            lost-align center
+            height 120px
+            overflow hidden
+            img
+                max-width 100%
+                max-height 100%

theme.yaml

@@ -18,6 +18,7 @@ translate:
         search.placeholder: 'Search...'
         category.empty.heading: 'No products found'
         category.empty.text: 'There are no products in this category yet'
+        product.accessories: 'Accessories'
     de:
         cart.cart: 'Warenkorb'
         cart.add: 'In den Warenkorb'
@@ -27,3 +28,4 @@ translate:
         search.placeholder: 'Suchen...'
         category.empty.heading: 'Keine Produkte gefunden'
         category.empty.text: 'In dieser Kategorie gibt es derzeit keine Produkte'
+        product.accessories: 'Zubehör'

version.yaml

@@ -1 +1,2 @@
-1.0.1: Initial theme release
+1.0.1: Initial theme release
+1.0.1: Added accessories section