-
Notifications
You must be signed in to change notification settings - Fork 0
/
green-products-pages.njk
82 lines (78 loc) · 3.24 KB
/
green-products-pages.njk
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
---
layout: layout.njk
pagination:
data: masterproductlist
size: 1
alias: products
addAllPagesToCollections: true
permalink: "green-products/{{ products.category | slug }}/{{ products.productID }}/"
tags: green
---
{% from '_includes/_components.njk' import button,buttonhero,card,hero,breadcrumbs %}
<h1 class="font-extrabold text-4xl pt-6 pb-10"> {{ products.product }} </h1>
<section class="flex justify-center" aria-label="table of product details">
<table class="border-2 border-solid border-gray-500 text-left md:w-3/4">
<caption class="font-bold"> Product Details </caption>
{% if products.category %}
<tr class="border border-solid border-gray-500">
<th scope="row" class="p-3 bg-gray-100">Product Category</th>
<td class="p-3" >{{ products.category }}</td>
</tr>
{% else %} {% endif %}
{% if products.subcategory %}
<tr class="border border-solid border-gray-500">
<th scope="row" class="p-3 bg-gray-100">Product Type</th>
<td class="p-3">{{ products.subcategory }}</td>
</tr>
{% else %} {% endif %}
{% if products.manufacturer %}
<tr class="border border-solid border-gray-500">
<th scope="row" class="p-3 bg-gray-100">Manufacturer</th>
<td class="p-3">{{ products.manufacturer }}</td>
</tr>
{% else %} {% endif %}
{% if products.product %}
<tr class="border border-solid border-gray-500">
<th scope="row" class="p-3 bg-gray-100">Product Name</th>
<td class="p-3">{{ products.product }}</td>
</tr>
{% else %} {% endif %}
{% if products.standard %}
<tr class="border border-solid border-gray-500">
<th scope="row" class="p-3 bg-gray-100">Meets Standard</th>
<td class="p-3">{{ products.standard }}</td>
</tr>
{% else %} {% endif %}
{% if products.fragrance %}
<tr class="border border-solid border-gray-500">
<th scope="row" class="p-3 bg-gray-100">Fragrance</th>
<td class="p-3">{{ products.fragrance }}</td>
</tr>
{% else %} {% endif %}
{% if products.dilution %}
<tr class="border border-solid border-gray-500">
<th scope="row" class="p-3 bg-gray-100">Dilution Ratio</th>
<td class="p-3">{{ products.dilution }}</td>
</tr>
{% else %} {% endif %}
{% if products.GsCertified or products.EcCertified or products.CarpetStyle %}
<tr class="border border-solid border-gray-500">
<th scope="row" class="p-3 bg-gray-100">Certification</th>
<td class="p-3">{{ products.GsCertified }} {{ products.EcCertified }} {{ products.CarpetStyle }}</td>
</tr>
{% else %} {% endif %}
{% if products.website %}
<tr class="border border-solid border-gray-500">
<th scope="row" class="p-3 bg-gray-100">Website</th>
<td class="p-3"><a href="http://{{products.website}}" aria-label="website for {{products.manufacturer}} {{ products.product }}"> {{ products.website }} </a></td>
</tr>
{% else %} {% endif %}
{% if products.information %}
<tr class="border border-solid border-gray-500">
<th scope="row" class="p-3 bg-gray-100">Additional Information</th>
<td class="p-3">{{ products.information}}</td>
</tr>
{% else %} {% endif %}
</table>
</section>
<a href="/greencleaning/" class="mx-auto block w-max p-5 m-8 bg-admin-first no-underline rounded hover:bg-gray-900 hover:text-underline text-white uppercase tracking-widest text-sm font-bold" aria-label="Return to the green products full list"> Return to Green Products List </a>