first commit

extension/opencart/catalog/view/template/module/account.twig

@@ -0,0 +1,13 @@
+<div class="list-group mb-3">
+  {% if not logged %}
+    <a href="{{ login }}" class="list-group-item">{{ text_login }}</a> <a href="{{ register }}" class="list-group-item">{{ text_register }}</a> <a href="{{ forgotten }}" class="list-group-item">{{ text_forgotten }}</a>
+  {% endif %}
+  <a href="{{ account }}" class="list-group-item">{{ text_account }}</a>
+  {% if logged %}
+    <a href="{{ edit }}" class="list-group-item">{{ text_edit }}</a> <a href="{{ password }}" class="list-group-item">{{ text_password }}</a>
+  {% endif %}
+  <a href="{{ address }}" class="list-group-item">{{ text_address }}</a> <a href="{{ wishlist }}" class="list-group-item">{{ text_wishlist }}</a> <a href="{{ order }}" class="list-group-item">{{ text_order }}</a> <a href="{{ download }}" class="list-group-item">{{ text_download }}</a><a href="{{ subscription }}" class="list-group-item">{{ text_subscription }}</a> <a href="{{ reward }}" class="list-group-item">{{ text_reward }}</a> <a href="{{ return }}" class="list-group-item">{{ text_return }}</a> <a href="{{ transaction }}" class="list-group-item">{{ text_transaction }}</a> <a href="{{ newsletter }}" class="list-group-item">{{ text_newsletter }}</a>
+  {% if logged %}
+    <a href="{{ logout }}" class="list-group-item">{{ text_logout }}</a>
+  {% endif %}
+</div>

extension/opencart/catalog/view/template/module/banner.twig

@@ -0,0 +1,43 @@
+<div id="carousel-banner-{{ module }}" class="carousel slide{% if effect == 'fade' %} carousel-fade{% endif %}" data-bs-ride="carousel">
+  {% if indicators and banners|batch(items)|length > 1 %}
+    <div class="carousel-indicators">
+      {% set banner_row = 0 %}
+      {% for banner in banners|batch(items) %}
+        <button type="button" data-bs-target="#carousel-banner-{{ module }}" data-bs-slide-to="{{ banner_row }}"{% if banner_row == 0 %} class="active"{% endif %}></button>
+        {% set banner_row = banner_row + 1 %}
+      {% endfor %}
+    </div>
+  {% endif %}
+  <div class="carousel-inner">
+    {% set banner_row = 0 %}
+    {% for carousel in banners|batch(items) %}
+      <div class="carousel-item{% if banner_row == 0 %} active{% endif %}">
+        <div class="row justify-content-center">
+          {% for banner in carousel %}
+            <div class="col-{{ (12 / items)|round }} text-center">
+              {% if banner.link %}
+                <a href="{{ banner.link }}"><img src="{{ banner.image }}" alt="{{ banner.title }}" class="img-fluid"/></a>
+              {% else %}
+                <img src="{{ banner.image }}" alt="{{ banner.title }}" class="img-fluid"/>
+              {% endif %}
+            </div>
+          {% endfor %}
+        </div>
+      </div>
+      {% set banner_row = banner_row + 1 %}
+    {% endfor %}
+  </div>
+  {% if controls and banners|batch(items)|length > 1 %}
+    <button type="button" class="carousel-control-prev" data-bs-target="#carousel-banner-{{ module }}" data-bs-slide="prev"><span class="fa-solid fa-chevron-left"></span></button>
+    <button type="button" class="carousel-control-next" data-bs-target="#carousel-banner-{{ module }}" data-bs-slide="next"><span class="fa-solid fa-chevron-right"></span></button>
+  {% endif %}
+</div>
+<script type="text/javascript"><!--
+$(document).ready(function () {
+    new bootstrap.Carousel(document.querySelector('#carousel-banner-{{ module }}'), {
+        ride: 'carousel',
+        interval: {{ interval|escape('js') }},
+        wrap: true
+    });
+});
+//--></script>

extension/opencart/catalog/view/template/module/bestseller.twig

@@ -0,0 +1,6 @@
+<h3>{{ heading_title }}</h3>
+<div class="row{% if axis == 'horizontal' %} row-cols-1 row-cols-sm-2 row-cols-md-3 row-cols-xl-4{% endif %}">
+  {% for product in products %}
+    <div class="col mb-3">{{ product }}</div>
+  {% endfor %}
+</div>

extension/opencart/catalog/view/template/module/category.twig

@@ -0,0 +1,17 @@
+<div class="list-group mb-3">
+  {% for category in categories %}
+    {% if category.category_id == category_id %}
+      <a href="{{ category.href }}" class="list-group-item active">{{ category.name }}</a>
+      {% if category.children %}
+        {% for child in category.children %}
+          {% if child.category_id == child_id %}
+            <a href="{{ child.href }}" class="list-group-item active">&nbsp;&nbsp;&nbsp;- {{ child.name }}</a>
+          {% else %}
+            <a href="{{ child.href }}" class="list-group-item">&nbsp;&nbsp;&nbsp;- {{ child.name }}</a>
+          {% endif %}
+        {% endfor %}
+      {% endif %}
+    {% else %} <a href="{{ category.href }}" class="list-group-item">{{ category.name }}</a>
+    {% endif %}
+  {% endfor %}
+</div>

extension/opencart/catalog/view/template/module/featured.twig

@@ -0,0 +1,6 @@
+<h3>{{ heading_title }}</h3>
+<div class="row{% if axis == 'horizontal' %} row-cols-1 row-cols-sm-2 row-cols-md-3 row-cols-xl-4{% endif %}">
+  {% for product in products %}
+    <div class="col mb-3">{{ product }}</div>
+  {% endfor %}
+</div>

extension/opencart/catalog/view/template/module/filter.twig

@@ -0,0 +1,32 @@
+<div class="card">
+  <div class="card-header"><i class="fa-solid fa-filter"></i> {{ heading_title }}</div>
+  <div class="list-group list-group-flush">
+    {% for filter_group in filter_groups %}
+      <a class="list-group-item">{{ filter_group.name }}</a>
+      <div class="list-group-item">
+        <div id="filter-group-{{ filter_group.filter_group_id }}">
+          {% for filter in filter_group.filter %}
+            <div class="form-check">
+              <input type="checkbox" name="filter[]" value="{{ filter.filter_id }}" id="input-filter-{{ filter.filter_id }}" class="form-check-input"{% if filter.filter_id in filter_category %} checked{% endif %}/>
+              <label for="input-filter-{{ filter.filter_id }}" class="form-check-label">{{ filter.name }}</label>
+            </div>
+          {% endfor %}
+        </div>
+      </div>
+    {% endfor %}
+  </div>
+  <div class="card-footer text-right">
+    <button type="button" id="button-filter" class="btn btn-primary"><i class="fa-solid fa-filter"></i> {{ button_filter }}</button>
+  </div>
+</div>
+<script type="text/javascript"><!--
+$('#button-filter').on('click', function () {
+    filter = [];
+
+    $('input[name^=\'filter\']:checked').each(function (element) {
+        filter.push(this.value);
+    });
+
+    location = '{{ action }}&filter=' + filter.join(',');
+});
+//--></script>

extension/opencart/catalog/view/template/module/html.twig

@@ -0,0 +1,6 @@
+<div>
+	{% if heading_title %}
+		<h2>{{ heading_title }}</h2>
+	{% endif %}
+	{{ html }}
+</div>

extension/opencart/catalog/view/template/module/information.twig

@@ -0,0 +1,9 @@
+<div class="sidebar">
+  <ul class="nav nav-tabs nav-stacked">
+    {% for information in informations %}
+      <li><a href="{{ information.href }}">{{ information.title }}</a></li>
+    {% endfor %}
+    <li><a href="{{ contact }}">{{ text_contact }}</a></li>
+    <li><a href="{{ sitemap }}">{{ text_sitemap }}</a></li>
+  </ul>
+</div>

extension/opencart/catalog/view/template/module/latest.twig

@@ -0,0 +1,6 @@
+<h3>{{ heading_title }}</h3>
+<div class="row{% if axis == 'horizontal' %} row-cols-1 row-cols-sm-2 row-cols-md-3 row-cols-xl-4{% endif %}">
+  {% for product in products %}
+    <div class="col mb-3">{{ product }}</div>
+  {% endfor %}
+</div>

extension/opencart/catalog/view/template/module/special.twig

@@ -0,0 +1,6 @@
+<h3>{{ heading_title }}</h3>
+<div class="row{% if axis == 'horizontal' %} row-cols-1 row-cols-sm-2 row-cols-md-3 row-cols-xl-4{% endif %}">
+  {% for product in products %}
+    <div class="col mb-3">{{ product }}</div>
+  {% endfor %}
+</div>

extension/opencart/catalog/view/template/module/store.twig

@@ -0,0 +1,12 @@
+<div class="card">
+  <div class="card-header">{{ heading_title }}</div>
+  <p style="text-align: center;">{{ text_store }}</p>
+  {% for store in stores %}
+    {% if store.store_id == store_id %}<a href="{{ store.url }}"><b>{{ store.name }}</b></a>
+      <br/>
+    {% else %}<a href="{{ store.url }}">{{ store.name }}</a>
+      <br/>
+    {% endif %}
+  {% endfor %}
+  <br/>
+</div>