2020-01-25 16:41:11 +01:00
<!DOCTYPE html>
< html lang = "de" dir = "ltr" xmlns:th = "http://www.thymeleaf.org" >
< head >
2020-04-27 09:48:24 +02:00
< meta charset = "utf-8" >
< meta name = "viewport" content = "width=device-width, initial-scale=0.75, user-scalable=no" >
2020-01-25 16:41:11 +01:00
2020-04-27 09:48:24 +02:00
< title > Sucherergebnisse< / title >
< link rel = "stylesheet" th:href = "@{/css/ecom.css}" / >
2020-01-25 16:41:11 +01:00
< / head >
< body >
2020-04-27 09:48:24 +02:00
<!-- Dirty hack to align the heading. -->
< nav th:replace = "fragments/header :: header" > Header< / nav >
< main class = " content-width" >
< div class = "sidebar-layout" style = "min-height: 75vh;" >
2020-05-14 15:43:16 +02:00
< nav th:replace = "fragments/shop :: sidebar(categories=${categories})" > < / nav >
2020-04-27 09:48:24 +02:00
< div class = "content-width" >
2020-01-25 16:41:11 +01:00
< div class = "detailgrid" >
2020-04-27 09:48:24 +02:00
< div class = "s" >
2020-03-06 16:11:26 +01:00
2020-05-02 14:38:40 +02:00
< h1 th:text = "${article.title}" > < / h1 >
2020-04-27 09:48:24 +02:00
< script th:src = "@{/js/back.js}" > < / script >
< div class = "back" data-group = "shop" data-insert = "true" > < / div >
2020-03-06 16:11:26 +01:00
2020-05-15 12:23:32 +02:00
< h2 > < span
th:text="${#numbers.formatDecimal(article.getPriceGross() * 0.01, 1, 'POINT', 2, 'COMMA')}">< / span > < span > EUR< / span >
< / h2 >
2020-05-02 14:38:40 +02:00
< p th:text = "${article.description}" > < / p >
2020-04-27 09:48:24 +02:00
< / div >
< div class = "s" >
2020-05-08 10:37:42 +02:00
< img th:src = "@{/shop/articles/{id}/image.jpg(id=${article.id})}" / >
2020-04-27 09:48:24 +02:00
< / div >
< div class = "s" > < / div >
< form class = "s" method = "POST" >
< div class = "detailgrid m" >
2020-05-15 12:23:32 +02:00
< h2 > < span
th:text="${#numbers.formatDecimal(article.getPriceGross() * 0.01, 1, 'POINT', 2, 'COMMA')}">< / span > < span > EUR< / span >
< / h2 >
2020-04-27 09:48:24 +02:00
< div >
< label class = "nolinebreak" > Menge:< / label >
2020-05-05 17:24:25 +02:00
< select name = "quantity" size = "1" >
< option th:each = "quantity : ${#numbers.sequence(1,10)}"
2020-05-02 14:38:40 +02:00
th:value="${quantity}"
th:text="${quantity}">< / option >
2020-04-27 09:48:24 +02:00
< / select >
< / div >
2020-05-02 14:38:40 +02:00
< h3 class = "no-margin secondarytext" th:text = "${inStock} ? 'AUF LAGER' : 'NICHT AUF LAGER'" > < / h3 >
2020-04-27 09:48:24 +02:00
< button class = "no-margin secondary" name = "fastcheckout" value = "false" > In den Einkaufswagen
< / button >
< button class = "no-margin" name = "fastcheckout" value = "true" > Schneller Checkout< / button >
< / div >
< / form >
2020-01-25 16:41:11 +01:00
< / div >
2020-04-27 09:48:24 +02:00
< / div >
< / div >
< div class = "sidebar-layout" >
< div > < / div >
< div >
2020-05-02 14:38:40 +02:00
< h1 > Weitere Schnäppchen< / h1 >
2020-01-25 16:41:11 +01:00
< div class = 'grid m base shadow' >
2020-05-15 12:23:32 +02:00
< section th:each = "article: ${commercialArticles}" > < a
th:href="@{/shop/articles/{id}(id = ${article.id})}" class="section">
2020-05-08 10:37:42 +02:00
< img th:src = "@{/shop/articles/{id}/image.jpg(id=${article.id})}" / >
2020-05-02 14:38:40 +02:00
< h2 th:text = "${article.title}" > < / h2 >
2020-05-15 12:23:32 +02:00
< p class = 'price' > < span
th:text="${#numbers.formatDecimal(article.getPriceGross() * 0.01, 1, 'POINT', 2, 'COMMA')}">< / span > < span > EUR< / span >
< / p >
2020-05-02 14:38:40 +02:00
< p th:text = "${article.description}" > < / p >
2020-04-27 09:48:24 +02:00
< / a >
< / section >
2020-01-25 16:41:11 +01:00
< / div >
2020-04-27 09:48:24 +02:00
< / div >
< / main >
< footer th:replace = "fragments/footer :: footer" > < / footer >
2020-01-25 16:41:11 +01:00
< / body >
< / html >