Increase font-size on register form and globally to 16px

.gitchangelog.rc

@@ -0,0 +1,38 @@
+ignore_regexps = [
+    r'@skipChangelog', r'!skipChangelog', r'skipChangeLog', r'!skipChangeLog',
+    r'@deploy', r'!deploy',
+    r'^(.{3,3}\s*:)?\s*[fF]irst commit.?\s*$',
+    r'Merge branch ',
+    r'Merge remote-tracking ',
+    r'^$',  ## ignore commits with empty messages
+]
+
+section_regexps = [
+    ('New', [
+        r'^[nN]ew\s*:\s*((dev|use?r|pkg|test|doc)\s*:\s*)?([^\n]*)$',
+     ]),
+    ('Changes', [
+        r'^[cC]hg\s*:\s*((dev|use?r|pkg|test|doc)\s*:\s*)?([^\n]*)$',
+     ]),
+    ('Fix', [
+        r'^[fF]ix\s*:\s*((dev|use?r|pkg|test|doc)\s*:\s*)?([^\n]*)$',
+     ]),
+    ('Other', None ## Match all lines
+     ),
+]
+
+body_process = ReSub(r'((^|\n)[A-Z]\w+(-\w+)*: .*(\n\s+.*)*)+$', r'') | strip
+
+subject_process = (strip |
+    ReSub(r'^([cC]hg|[fF]ix|[nN]ew)\s*:\s*((dev|use?r|pkg|test|doc)\s*:\s*)?([^\n@]*)(@[a-z]+\s+)*$', r'\4') |
+    SetIfEmpty("No commit message.") | ucfirst | final_dot)
+
+tag_filter_regexp = r'^v[0-9]+\.[0-9]+(\.[0-9]+)?$'
+
+unreleased_version_label = "(unreleased)"
+
+output_engine = mustache("markdown")
+
+include_merge = True
+
+revs = []

.gitignore

@@ -0,0 +1 @@
+/src/Resources/app/storefront/node_modules

CHANGELOG.md

@@ -0,0 +1,58 @@
+# Changelog
+
+
+## v1.4.0 (2023-02-23)
+
+### Changes
+
+* SWC-89 remove the image from the header and add bigger image to PDP gallery. [Lang]
+
+
+## v1.3.0 (2023-02-23)
+
+### Changes
+
+* SWC-89 change the theme as the customer requested. [Lang]
+
+* SWC-89 change the documentation for easy copy-paste. [Lang]
+
+
+## v1.2.0 (2023-02-21)
+
+### Changes
+
+* SVC-89 pixel cosmetics on checkout page. [Lang]
+
+
+## v1.1.0 (2023-02-21)
+
+### Changes
+
+* SVC-89 change button gfx and some form changes too. [Lang]
+
+* SVC-89 replace the header logo to the factory default - and some new changes on the gfx. [Lang]
+
+
+## v1.0.0 (2023-02-20)
+
+### New
+
+* SWC-89 initialize the home site w/ twig config. [Lang]
+
+* SWC-89 initialize the plugin for SW. [Lang]
+
+### Changes
+
+* SWC-89 apply new web design for product list and details. [Lang]
+
+* SWC-89 change the structure from sw plugin to sw theme. [Lang]
+
+### Fix
+
+* SWC-89 replace extends to sw_extends in twigs. [Lang]
+
+### Other
+
+* Initial commit. [lang]
+
+

LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) <year> <copyright holders>
+Copyright (c) 2023 ITG Commerce
 
 Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
 

README.md

@@ -1,3 +1,29 @@
-# etailWestPlugin
+# eTail conference theme
 
-eTail West theme plugin for presentation
+This plugin was made for the eTail conference to show a Shopware w/ special theme. 
+
+## Installation
+
+1. Clone repo to an exists Shopware folder `custom/plugins`
+    ```bash
+   $ git clone https://source.splendidbear.org/lang/EtailConferenceTheme.git custom/plugins/EtailConferenceTheme
+    ```
+2. Install and activate the plugin
+   ```bash
+   $ bin/console plugin:refresh
+   ```
+   ```bash
+   $ bin/console plugin:install --activate EtailConferenceTheme
+   ```
+   ```bash
+   $ bin/console theme:change
+   ```
+   > EtailConferenceTheme
+3. On administration area some setting you have to set
+   1. **Disable reviews** (The docs are [here](https://docs.shopware.com/en/shopware-6-en/catalogues/reviews#disable-reviews).)
+      `Admin | Settings | Shop | Products | Show reviews`
+      > False
+   2. **Change the logo** Change the `sw-logo-desktop`, `sw-logo-tablet` & `sw-logo-mobile` logo to `@EtailConferenceTheme/src/Resources/app/storefront/src/assets/sw-logo-blue.svg` on the admin area: 
+     `Admin | Storefront | "Theme" tab | "Edit theme" button | "media" block` 
+   3. **Upload gallery images** Upload the product images in the admin area
+     `Admin | Catalogues | Products`

composer.json

@@ -2,6 +2,7 @@
   "name": "itg-theme/etail-west-plugin",
   "description": "eTail West theme plugin for presentation",
   "type": "shopware-platform-plugin",
+  "version": "1.4.0",
   "license": "MIT",
   "autoload": {
     "psr-4": {

src/Resources/app/storefront/dist/storefront/js/etail-conference-theme.js

@@ -0,0 +1 @@
+(window.webpackJsonp=window.webpackJsonp||[]).push([["etail-conference-theme"],{AZcZ:function(e,n,t){(function(e){e((function(){setTimeout((function(){e(".shopware-overlay").addClass("fade-out"),e(".header-main, .footer-main, .content-main").removeClass("d-none"),setTimeout((function(){e(".shopware-overlay").addClass("d-none")}),500)}),500),e(".card.product-box").each((function(){e(this).find(".btn").append(e(this).find(".product-price"))}))}));var n,t,o=(n=document.documentElement,t=n.clientHeight,function(e,o){var i,a=[];for(e&&"resize"===e.type&&(t=n.clientHeight),i=o.elements.length;i--;)if(!a.includes(i)){var d=o.elements[i],r=d.getBoundingClientRect(),s=(r.top/t*100+r.bottom/t*100)/2,c=s>o.zone[1]&&s<100-o.zone[1];d.classList.toggle(o.markedClass,c),c&&a.push(d)}});function i(e){o(e,{elements:document.querySelectorAll("div.product-image-wrapper"),markedClass:"highlight--1",zone:[20,20]}),o(e,{elements:document.querySelectorAll("div.product-image-wrapper"),markedClass:"highlight--2",zone:[40,40]})}window.addEventListener("scroll",i),window.addEventListener("resize",i)}).call(this,t("UoTJ"))}},[["AZcZ","runtime","vendor-node"]]]);

src/Resources/app/storefront/package-lock.json

@@ -0,0 +1,39 @@
+{
+  "name": "storefront",
+  "lockfileVersion": 2,
+  "requires": true,
+  "packages": {
+    "": {
+      "dependencies": {
+        "@fontsource/comfortaa": "^4.5.11",
+        "@fortawesome/fontawesome-free": "^6.3.0"
+      }
+    },
+    "node_modules/@fontsource/comfortaa": {
+      "version": "4.5.11",
+      "resolved": "https://registry.npmjs.org/@fontsource/comfortaa/-/comfortaa-4.5.11.tgz",
+      "integrity": "sha512-KKC2C6KbF9BD6m9+wMf5hK0wFjIi3p3J/6C4JZW6OF9G6K4qZJFp2dBZzsEBepKh4s9/Q5G1SWsUUZY3ZeZNDA=="
+    },
+    "node_modules/@fortawesome/fontawesome-free": {
+      "version": "6.3.0",
+      "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-free/-/fontawesome-free-6.3.0.tgz",
+      "integrity": "sha512-qVtd5i1Cc7cdrqnTWqTObKQHjPWAiRwjUPaXObaeNPcy7+WKxJumGBx66rfSFgK6LNpIasVKkEgW8oyf0tmPLA==",
+      "hasInstallScript": true,
+      "engines": {
+        "node": ">=6"
+      }
+    }
+  },
+  "dependencies": {
+    "@fontsource/comfortaa": {
+      "version": "4.5.11",
+      "resolved": "https://registry.npmjs.org/@fontsource/comfortaa/-/comfortaa-4.5.11.tgz",
+      "integrity": "sha512-KKC2C6KbF9BD6m9+wMf5hK0wFjIi3p3J/6C4JZW6OF9G6K4qZJFp2dBZzsEBepKh4s9/Q5G1SWsUUZY3ZeZNDA=="
+    },
+    "@fortawesome/fontawesome-free": {
+      "version": "6.3.0",
+      "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-free/-/fontawesome-free-6.3.0.tgz",
+      "integrity": "sha512-qVtd5i1Cc7cdrqnTWqTObKQHjPWAiRwjUPaXObaeNPcy7+WKxJumGBx66rfSFgK6LNpIasVKkEgW8oyf0tmPLA=="
+    }
+  }
+}

src/Resources/app/storefront/package.json

@@ -0,0 +1,6 @@
+{
+  "dependencies": {
+    "@fontsource/comfortaa": "^4.5.11",
+    "@fortawesome/fontawesome-free": "^6.3.0"
+  }
+}

src/Resources/app/storefront/src/assets/sw-logo-blue.svg

@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.2" baseProfile="tiny" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 566.93 165.09" xml:space="preserve">
+<rect id="XMLID_128_" x="0" y="0" fill="#189EFF" width="566.93" height="165.09"/>
+<g id="XMLID_462_">
+	<g id="XMLID_564_">
+		<path id="XMLID_565_" fill="#FFFFFF" d="M177.68,83.05c-4.68-2.03-8.53-3.87-8.53-6.92c0-2.14,2.42-4.17,6.5-4.17    c3.66,0,6.82,0.92,10.07,2.34c0.92,0.41,2.34,0.51,3.05-0.92l1.63-3.26c0.61-1.22,0.1-2.65-1.02-3.46    c-2.34-1.53-7.22-3.46-13.74-3.46c-11.4,0-16.06,6.92-16.06,12.82c0,7.73,5.99,11.6,13.21,14.86c6.51,2.95,10.07,4.98,10.07,8.14    c0,2.65-2.24,4.58-6.21,4.58c-5.6,0-8.95-1.93-11.7-3.46c-1.22-0.71-2.54-0.41-3.05,0.61l-2.14,4.38    c-0.51,1.02,0.1,1.93,0.81,2.44c2.65,1.83,8.04,4.78,15.47,4.78c10.48,0,16.79-6.41,16.79-13.74    C192.84,89.87,186.33,86.72,177.68,83.05z"/>
+	</g>
+	<g id="XMLID_561_">
+		<path id="XMLID_563_" fill="#FFFFFF" d="M115.28,125.52c-4.78-3.6-11.83-6.34-19.29-9.23c-8.88-3.44-18.95-7.35-26.51-13.36    c-8.56-6.82-12.73-15.42-12.73-26.29c0-9.76,4.05-18.1,11.71-24.13c8.59-6.76,21.61-10.34,37.64-10.34    c4.43,0,8.66,0.27,12.58,0.81c0.35,0.05,0.68-0.14,0.82-0.45c0.15-0.32,0.07-0.69-0.19-0.92c-10.1-9.09-23.16-14.09-36.76-14.09    c-14.7,0-28.52,5.72-38.92,16.12C33.24,54.03,27.51,67.85,27.51,82.54c0,14.7,5.72,28.52,16.12,38.91    c10.39,10.39,24.21,16.12,38.92,16.12c11.88,0,23.19-3.73,32.72-10.78c0.2-0.15,0.32-0.38,0.32-0.63    C115.59,125.91,115.48,125.67,115.28,125.52z"/>
+		<path id="XMLID_562_" fill="#FFFFFF" d="M137.34,77.46c-0.02-0.21-0.12-0.41-0.28-0.54C125.58,67.39,116.29,63.5,105,63.5    c-6.02,0-10.64,1.21-13.72,3.59c-2.67,2.06-4.08,4.94-4.08,8.31c0,9.45,11.55,13.76,24.93,18.75c6.89,2.57,14.02,5.23,20.56,8.86    c0.12,0.07,0.25,0.1,0.38,0.1c0.09,0,0.18-0.02,0.27-0.05c0.21-0.08,0.39-0.24,0.47-0.46c2.5-6.4,3.77-13.15,3.77-20.06    C137.57,80.92,137.5,79.21,137.34,77.46z"/>
+	</g>
+	<path id="XMLID_558_" fill="#FFFFFF" d="M453.63,111.78c1.41-0.16,2.38-1.19,2.38-2.47V85.44c0-12.21-1.49-21.67-17.21-21.67   c-9.03,0-16.04,2.44-16.89,2.76c-1.17,0.42-1.91,1.17-1.59,2.87l0.96,4.04c0.32,1.38,1.27,2.34,2.76,2.02   c2.55-0.74,8.07-2.34,13.7-2.34c6.16,0,8.07,3.51,7.86,11.26c0,0-4.78-1.49-9.88-1.49c-12.64,0-19.65,6.8-19.65,15.83   c0,10.2,6.47,13.65,15.71,13.65c7.54,0,15.3-0.09,18.53-0.3L453.63,111.78z M445.49,103.12c-1.49,2.44-6.8,1.83-11.36,1.74   c-5.1-0.11-7.65-1.89-7.65-6.25c0-5.1,4.35-8.07,10.09-8.07c4.46,0,8.29,1.28,8.92,1.7V103.12z"/>
+	<path id="XMLID_555_" fill="#FFFFFF" d="M533.83,63.21c3.09,0,5.59-2.49,5.59-5.57c0-3.08-2.5-5.57-5.59-5.57   c-3.09,0-5.59,2.49-5.59,5.57C528.24,60.72,530.74,63.21,533.83,63.21z M533.83,52.89c2.59,0,4.71,2.14,4.71,4.75   c0,2.61-2.11,4.75-4.71,4.75c-2.59,0-4.7-2.14-4.7-4.75C529.13,55.03,531.24,52.89,533.83,52.89z"/>
+	<path id="XMLID_552_" fill="#FFFFFF" d="M531.93,60.46h0.52c0.08,0,0.15-0.07,0.15-0.15v-2.05h1.22l1.05,2.1   c0.03,0.07,0.08,0.1,0.17,0.1h0.6c0.14,0,0.19-0.13,0.14-0.23l-1.1-2.05c0.7-0.28,1.19-0.89,1.19-1.63c0-0.96-0.79-1.72-1.75-1.72   h-2.19c-0.09,0-0.15,0.07-0.15,0.15v5.33C531.78,60.39,531.84,60.46,531.93,60.46z M532.62,55.61h1.43c0.52,0,0.98,0.43,0.98,0.96   c0,0.56-0.46,1-0.98,1h-1.43V55.61z"/>
+	<path id="XMLID_551_" fill="#FFFFFF" d="M224.1,63.21c-7.43,0-12.52,4.07-13.63,4.89V47.11c0-1.12-1.12-2.24-2.24-2.24h-5.7   c-1.22,0-2.24,1.12-2.24,2.24v63.01c0,1.22,1.02,2.24,2.24,2.24h5.6c1.43,0,2.34-0.92,2.34-2.24V79.7   c1.02-2.03,5.09-6.82,12.31-6.82c6.11,0,9.36,4.58,9.36,12.31v24.94c0,1.22,1.02,2.24,2.24,2.24h5.7c1.12,0,2.24-1.02,2.24-2.24   V85.4C242.31,72.58,237.43,63.21,224.1,63.21z"/>
+	<path id="XMLID_548_" fill="#FFFFFF" d="M343.29,85.89c-0.56-15.97-7.25-22.68-22.66-22.68c-7.4,0-16.23,2.22-17.53,2.79   c-1.6,0.69-2.78,1.51-2.78,2.63v0.93v3.41v11.04v1.5v42.95c0,1.22,1.02,2.24,2.24,2.24h4.72c1.53,0,2.44-0.92,2.44-2.24   l-0.01-16.91c1.43,0.37,8.74,0.99,14.84,0.8c10.88-0.34,18.18-8.24,18.79-21.58c0.08-1.82,0.07-4.34-0.05-5.98L343.29,85.89z    M333.46,90.76c-0.21,9.05-2.84,13.05-10.46,13.47c-3.77,0.21-12.67-0.84-12.67-0.84c-0.37-0.12-0.62-0.28-0.62-0.62l-0.01-18.34   v-10.4c0-0.28,0.21-0.51,0.49-0.54c1.05-0.11,4.9-1.35,10.44-1.35c9.28,0,12.55,1.36,12.85,13.11   C333.5,86.8,333.5,88.97,333.46,90.76z"/>
+	<path id="XMLID_525_" fill="#FFFFFF" d="M410.68,64.23h-4.27c-1.22,0-2.95,0-3.56,1.43l-7.53,27.06h-0.2L382.5,64.33   c-0.2-0.61-0.92-1.12-2.03-1.12h-0.71c-0.92,0-1.63,0.51-1.93,1.12L365.1,92.62h-0.2l-7.73-26.96c-0.2-0.92-1.22-1.43-2.03-1.43   h-6.11c-1.63,0-2.34,1.22-1.63,2.65l13.74,44.26c0.2,0.71,0.92,1.22,1.93,1.22h0.61c1.02,0,1.63-0.51,1.83-1.12l14.45-31.95h0.2   l14.35,31.95c0.31,0.61,1.02,1.12,2.03,1.12h0.41c1.02,0,1.93-0.51,2.14-1.22l13.43-44.26C413.23,65.45,412.31,64.23,410.68,64.23z   "/>
+	<path id="XMLID_482_" fill="#FFFFFF" d="M485.74,63.77c-0.25,0-0.48,0.02-0.73,0.03c-0.41-0.01-0.81-0.03-1.24-0.03   c-2.44,0-4.78,0.08-6.97,0.19v0c-4.22,0.17-6.72,0.49-8.5,0.69c0,0-1.14,0.11-2.47,0.28c-0.89,0.11-1.54,0.48-1.94,0.99   c-0.27,0.29-0.44,0.66-0.44,1.11v0.16v0.93v3.41v9.46v29.12c0,1.22,1.02,2.24,2.24,2.24h4.68c1.93,0,3.26-0.2,3.26-2.24V80.99h0   v-6.68c0-0.28,0.44-0.63,0.68-0.78c1.15-0.69,3.91-1.19,9.46-1.19c0.54,0,0.89,0.01,1.29,0.02c1.27,0.12,3.28,0.51,3.93,0.88   c1.02,0.51,2.24,0.2,2.85-1.12l2.44-3.99C495.81,64.99,490.22,63.77,485.74,63.77z"/>
+	<path id="XMLID_470_" fill="#FFFFFF" d="M517.95,63.21c-14.14,0-23.4,11.3-23.4,24.52c0,13.43,9.26,24.62,23.5,24.62   c7.83,0,14.04-2.85,17.4-5.8c1.42-1.22,1.02-2.14,0.2-3.15l-2.75-4.27c-0.81-1.22-1.73-0.92-2.75-0.2   c-2.85,2.03-6.11,3.97-11.5,3.97c-8.24,0-13.94-6.51-14.04-12.82h32.46c1.02,0,2.03-0.82,2.14-2.04c0.1-0.81,0.2-2.44,0.2-3.26   C539.41,72.27,530.16,63.21,517.95,63.21z M505.13,82.54c0.71-5.9,5.19-10.68,12.62-10.68c6.92,0,11.4,4.99,11.6,10.68H505.13z"/>
+	<path id="XMLID_463_" fill="#FFFFFF" d="M292.15,77.75c-1.06-3.03-2.55-5.63-4.46-7.79c-1.91-2.16-4.2-3.83-6.85-5   c-2.65-1.17-6.41-1.76-9.53-1.76c-3.12,0-6.87,0.59-9.52,1.76c-2.65,1.17-4.93,2.84-6.85,5c-1.91,2.16-3.4,4.76-4.46,7.79   c-1.06,3.03-1.59,6.38-1.59,10.04c0,3.72,0.53,7.08,1.59,10.08c1.06,3,2.55,5.58,4.46,7.74c1.91,2.16,4.2,3.83,6.85,5   c2.65,1.17,6.4,1.75,9.52,1.75c3.12,0,6.88-0.58,9.53-1.75c2.65-1.17,4.93-2.84,6.85-5c1.91-2.16,3.4-4.74,4.46-7.74   c1.06-3,1.59-6.36,1.59-10.08C293.74,84.13,293.21,80.78,292.15,77.75z M271.05,104.26c-8.49,0-12.77-7.19-12.77-16.06   s4.27-16.06,12.77-16.06s12.77,7.19,12.77,16.06S279.54,104.26,271.05,104.26z"/>
+</g>
+</svg>

src/Resources/app/storefront/src/assets/sw-logo-white.svg

@@ -0,0 +1,25 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- Generator: Adobe Illustrator 23.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-2 -2 516 114" style="enable-background:new 0 0 511.9 110;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#189EFF;}
+</style>
+<g id="XMLID_462_">
+	<g id="XMLID_564_">
+		<path id="XMLID_565_" class="st0" d="M150.2,55.5c-4.7-2-8.5-3.9-8.5-6.9c0-2.1,2.4-4.2,6.5-4.2c3.7,0,6.8,0.9,10.1,2.3    c0.9,0.4,2.3,0.5,3.1-0.9l1.6-3.3c0.6-1.2,0.1-2.7-1-3.5c-2.3-1.5-7.2-3.5-13.7-3.5c-11.4,0-16.1,6.9-16.1,12.8    c0,7.7,6,11.6,13.2,14.9c6.5,2.9,10.1,5,10.1,8.1c0,2.7-2.2,4.6-6.2,4.6c-5.6,0-8.9-1.9-11.7-3.5c-1.2-0.7-2.5-0.4-3.1,0.6    l-2.1,4.4c-0.5,1,0.1,1.9,0.8,2.4c2.6,1.8,8,4.8,15.5,4.8c10.5,0,16.8-6.4,16.8-13.7C165.3,62.4,158.8,59.2,150.2,55.5z"/>
+	</g>
+	<g id="XMLID_561_">
+		<path id="XMLID_563_" class="st0" d="M87.8,98c-4.8-3.6-11.8-6.3-19.3-9.2c-8.9-3.4-19-7.3-26.5-13.4C33.4,68.6,29.2,60,29.2,49.1    c0-9.8,4-18.1,11.7-24.1c8.6-6.8,21.6-10.3,37.6-10.3c4.4,0,8.7,0.3,12.6,0.8c0.3,0,0.7-0.1,0.8-0.5c0.2-0.3,0.1-0.7-0.2-0.9    C81.7,5,68.6,0,55,0C40.3,0,26.5,5.7,16.1,16.1C5.7,26.5,0,40.3,0,55c0,14.7,5.7,28.5,16.1,38.9C26.5,104.3,40.3,110,55,110    c11.9,0,23.2-3.7,32.7-10.8c0.2-0.2,0.3-0.4,0.3-0.6C88.1,98.4,88,98.2,87.8,98z"/>
+		<path id="XMLID_562_" class="st0" d="M109.8,49.9c0-0.2-0.1-0.4-0.3-0.5C98.1,39.9,88.8,36,77.5,36c-6,0-10.6,1.2-13.7,3.6    c-2.7,2.1-4.1,4.9-4.1,8.3c0,9.4,11.6,13.8,24.9,18.8c6.9,2.6,14,5.2,20.6,8.9c0.1,0.1,0.2,0.1,0.4,0.1c0.1,0,0.2,0,0.3-0.1    c0.2-0.1,0.4-0.2,0.5-0.5c2.5-6.4,3.8-13.2,3.8-20.1C110.1,53.4,110,51.7,109.8,49.9z"/>
+	</g>
+	<path id="XMLID_558_" class="st0" d="M426.1,84.3c1.4-0.2,2.4-1.2,2.4-2.5V57.9c0-12.2-1.5-21.7-17.2-21.7c-9,0-16,2.4-16.9,2.8   c-1.2,0.4-1.9,1.2-1.6,2.9l1,4c0.3,1.4,1.3,2.3,2.8,2c2.5-0.7,8.1-2.3,13.7-2.3c6.2,0,8.1,3.5,7.9,11.3c0,0-4.8-1.5-9.9-1.5   c-12.6,0-19.6,6.8-19.6,15.8c0,10.2,6.5,13.7,15.7,13.7c7.5,0,15.3-0.1,18.5-0.3L426.1,84.3z M418,75.6c-1.5,2.4-6.8,1.8-11.4,1.7   c-5.1-0.1-7.6-1.9-7.6-6.2c0-5.1,4.4-8.1,10.1-8.1c4.5,0,8.3,1.3,8.9,1.7L418,75.6L418,75.6z"/>
+	<path id="XMLID_555_" class="st0" d="M506.3,35.7c3.1,0,5.6-2.5,5.6-5.6c0-3.1-2.5-5.6-5.6-5.6s-5.6,2.5-5.6,5.6   C500.7,33.2,503.2,35.7,506.3,35.7z M506.3,25.4c2.6,0,4.7,2.1,4.7,4.8s-2.1,4.8-4.7,4.8c-2.6,0-4.7-2.1-4.7-4.8   S503.7,25.4,506.3,25.4z"/>
+	<path id="XMLID_552_" class="st0" d="M504.4,32.9h0.5c0.1,0,0.2-0.1,0.2-0.2v-2h1.2l1,2.1c0,0.1,0.1,0.1,0.2,0.1h0.6   c0.1,0,0.2-0.1,0.1-0.2l-1.1-2c0.7-0.3,1.2-0.9,1.2-1.6c0-1-0.8-1.7-1.8-1.7h-2.2c-0.1,0-0.2,0.1-0.2,0.2v5.3   C504.3,32.9,504.3,32.9,504.4,32.9z M505.1,28.1h1.4c0.5,0,1,0.4,1,1c0,0.6-0.5,1-1,1h-1.4V28.1z"/>
+	<path id="XMLID_551_" class="st0" d="M196.6,35.7c-7.4,0-12.5,4.1-13.6,4.9v-21c0-1.1-1.1-2.2-2.2-2.2H175c-1.2,0-2.2,1.1-2.2,2.2   v63c0,1.2,1,2.2,2.2,2.2h5.6c1.4,0,2.3-0.9,2.3-2.2V52.2c1-2,5.1-6.8,12.3-6.8c6.1,0,9.4,4.6,9.4,12.3v24.9c0,1.2,1,2.2,2.2,2.2   h5.7c1.1,0,2.2-1,2.2-2.2V57.9C214.8,45.1,209.9,35.7,196.6,35.7z"/>
+	<path id="XMLID_548_" class="st0" d="M315.8,58.4c-0.6-16-7.2-22.7-22.7-22.7c-7.4,0-16.2,2.2-17.5,2.8c-1.6,0.7-2.8,1.5-2.8,2.6   V42v3.4v11V58v43c0,1.2,1,2.2,2.2,2.2h4.7c1.5,0,2.4-0.9,2.4-2.2l0-16.9c1.4,0.4,8.7,1,14.8,0.8c10.9-0.3,18.2-8.2,18.8-21.6   C315.9,61.4,315.8,58.4,315.8,58.4z M305.9,63.2c-0.2,9.1-2.8,13.1-10.5,13.5c-3.8,0.2-12.7-0.8-12.7-0.8c-0.4-0.1-0.6-0.3-0.6-0.6   l0-18.3V46.5c0-0.3,0.2-0.5,0.5-0.5c1-0.1,4.9-1.3,10.4-1.3c9.3,0,12.5,1.4,12.9,13.1C306,59.3,306,61.5,305.9,63.2z"/>
+	<path id="XMLID_525_" class="st0" d="M383.2,36.7h-4.3c-1.2,0-3,0-3.6,1.4l-7.5,27.1h-0.2L355,36.8c-0.2-0.6-0.9-1.1-2-1.1h-0.7   c-0.9,0-1.6,0.5-1.9,1.1l-12.7,28.3h-0.2l-7.7-27c-0.2-0.9-1.2-1.4-2-1.4h-6.1c-1.6,0-2.3,1.2-1.6,2.7l13.7,44.3   c0.2,0.7,0.9,1.2,1.9,1.2h0.6c1,0,1.6-0.5,1.8-1.1l14.5-32h0.2L367,83.7c0.3,0.6,1,1.1,2,1.1h0.4c1,0,1.9-0.5,2.1-1.2L385,39.4   C385.7,37.9,384.8,36.7,383.2,36.7z"/>
+	<path id="XMLID_482_" class="st0" d="M458.2,36.3c-0.2,0-0.5,0-0.7,0c-0.4,0-0.8,0-1.2,0c-2.4,0-4.8,0.1-7,0.2l0,0   c-4.2,0.2-6.7,0.5-8.5,0.7c0,0-1.1,0.1-2.5,0.3c-0.9,0.1-1.5,0.5-1.9,1c-0.3,0.3-0.4,0.7-0.4,1.1v0.2v0.9V44v9.5v29.1   c0,1.2,1,2.2,2.2,2.2h4.7c1.9,0,3.3-0.2,3.3-2.2V53.5l0,0v-6.7c0-0.3,0.4-0.6,0.7-0.8c1.1-0.7,3.9-1.2,9.5-1.2c0.5,0,0.9,0,1.3,0   c1.3,0.1,3.3,0.5,3.9,0.9c1,0.5,2.2,0.2,2.9-1.1l2.4-4C468.3,37.5,462.7,36.3,458.2,36.3z"/>
+	<path id="XMLID_470_" class="st0" d="M490.4,35.7C476.3,35.7,467,47,467,60.2c0,13.4,9.3,24.6,23.5,24.6c7.8,0,14-2.8,17.4-5.8   c1.4-1.2,1-2.1,0.2-3.2l-2.8-4.3c-0.8-1.2-1.7-0.9-2.8-0.2c-2.8,2-6.1,4-11.5,4c-8.2,0-13.9-6.5-14-12.8h32.5c1,0,2-0.8,2.1-2   c0.1-0.8,0.2-2.4,0.2-3.3C511.9,44.8,502.6,35.7,490.4,35.7z M477.6,55c0.7-5.9,5.2-10.7,12.6-10.7c6.9,0,11.4,5,11.6,10.7H477.6z"/>
+	<path id="XMLID_463_" class="st0" d="M264.6,50.2c-1.1-3-2.5-5.6-4.5-7.8s-4.2-3.8-6.8-5s-6.4-1.8-9.5-1.8s-6.9,0.6-9.5,1.8   s-4.9,2.8-6.9,5c-1.9,2.2-3.4,4.8-4.5,7.8c-1.1,3-1.6,6.4-1.6,10c0,3.7,0.5,7.1,1.6,10.1s2.6,5.6,4.5,7.7c1.9,2.2,4.2,3.8,6.9,5   s6.4,1.8,9.5,1.8s6.9-0.6,9.5-1.8s4.9-2.8,6.8-5c1.9-2.2,3.4-4.7,4.5-7.7s1.6-6.4,1.6-10.1C266.2,56.6,265.7,53.3,264.6,50.2z    M243.5,76.7c-8.5,0-12.8-7.2-12.8-16.1s4.3-16.1,12.8-16.1s12.8,7.2,12.8,16.1S252,76.7,243.5,76.7z"/>
+</g>
+</svg>

src/Resources/app/storefront/src/main.js

@@ -0,0 +1,68 @@
+$(function () {
+  setTimeout(function () {
+    $('.shopware-overlay').addClass('fade-out');
+    $('.header-main, .footer-main, .content-main').removeClass('d-none');
+
+    setTimeout(function () {
+      $('.shopware-overlay').addClass('d-none');
+    }, 500);
+  }, 500);
+
+  $('.card.product-box').each(function () {
+    $(this)
+      .find('.btn')
+      .append(
+        $(this).find('.product-price')
+      );
+  });
+});
+
+/** Run animation on product list only when they are in the middle of screen */
+var getElementsInArea = (function (docElm) {
+  var viewportHeight = docElm.clientHeight;
+
+  return function (e, opts) {
+    var found = [], i;
+
+    if (e && e.type === 'resize') {
+      viewportHeight = docElm.clientHeight;
+    }
+
+    for (i = opts.elements.length; i--;) {
+      if (found.includes(i)) {
+        continue;
+      }
+
+      var elm = opts.elements[ i ],
+        pos = elm.getBoundingClientRect(),
+        topPerc = pos.top / viewportHeight * 100,
+        bottomPerc = pos.bottom / viewportHeight * 100,
+        middle = (topPerc + bottomPerc) / 2,
+        inViewport = middle > opts.zone[ 1 ] &&
+          middle < (100 - opts.zone[ 1 ]);
+
+      elm.classList.toggle(opts.markedClass, inViewport);
+
+      if (inViewport) {
+        found.push(elm);
+      }
+    }
+  };
+})(document.documentElement);
+
+window.addEventListener('scroll', f)
+window.addEventListener('resize', f)
+
+function f(e) {
+  getElementsInArea(e, {
+    elements: document.querySelectorAll('div.product-image-wrapper'),
+    markedClass: 'highlight--1',
+    zone: [20, 20]
+  });
+
+  getElementsInArea(e, {
+    elements: document.querySelectorAll('div.product-image-wrapper'),
+    markedClass: 'highlight--2',
+    zone: [40, 40]
+  });
+}

src/Resources/app/storefront/src/scss/base.scss

@@ -0,0 +1,567 @@
+/** This absolutely does not work JUST in shopware 💘 ... */
+//@import "~@fortawesome/fontawesome-free";
+//@import "~@fontsource/comfortaa";
+
+@import "fonts";
+
+body {
+  position: relative;
+  font-family: "Brandon Text", sans-serif;
+
+  &.shopware-bg {
+    background: url("/bundles/etailconferencetheme/assets/bg-curvy-outbg.png") no-repeat top right;
+  }
+}
+
+.shopware-overlay {
+  background: #189eff;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+
+  visibility: visible;
+  opacity: 1;
+  transition: opacity 750ms linear;
+
+  z-index: 100;
+
+  img {
+    position: relative;
+    width: 7em;
+    height: 7em;
+    border: 5px solid #f0efeb;
+
+    z-index: 101;
+
+    animation-name: gently-scale;
+    animation-timing-function: ease-in-out;
+    animation-duration: 2s;
+    animation-iteration-count: infinite;
+    box-shadow: inset 0 0 5px #f0efeb;
+    border-radius: 3.5em;
+  }
+
+  &.fade-out {
+    visibility: hidden;
+    opacity: 0;
+    transition: visibility 0s 750ms, opacity 750ms linear;
+  }
+
+  &.fade-in {
+    visibility: visible;
+    opacity: 1;
+    transition: opacity 750ms linear;
+  }
+}
+
+.custom-select {
+  border: 3px solid #179eff;
+  line-height: 1;
+
+  border-radius: 0 10px 10px 10px;
+}
+
+.checkout-aside-summary,
+input.form-control {
+  border: 3px solid #179eff;
+
+  border-radius: 0 10px 10px 10px;
+}
+
+header {
+  //.icon {
+  //  @media screen and (max-width: 500px) {
+  //    color: #fff;
+  //  }
+  //}
+
+  .header-logo-main-img {
+    border-radius: 10px;
+  }
+
+  .search-toggle-btn {
+    display: none;
+  }
+
+  //.header-cart-total {
+  //  color: #fff;
+  //}
+}
+
+.cms-block-image-text {
+  display: none;
+}
+
+.header-logo-col {
+  margin-top: 3em;
+}
+
+.header-logo-picture {
+  min-width: 150px;
+}
+
+.header-shopware {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  text-align: center;
+  margin: 1.5em 0;
+
+  @media screen and (max-width: 500px) {
+    min-height: 20em;
+  }
+
+  h1 {
+    font: bold 4em "Brandon Text", sans-serif;
+    line-height: 1em;
+    color: #1674b7;
+
+    @media screen and (max-width: 870px) {
+      color: #fff;
+    }
+  }
+
+  h2 {
+    font: bold 2em "Brandon Text", sans-serif;
+    line-height: 1em;
+    color: #7d7d7d;
+
+    @media screen and (max-width: 870px) {
+      color: #1674b7;
+    }
+  }
+
+  > div {
+    width: 100%;
+
+    > div:last-child {
+      @media screen and (max-width: 500px) {
+        display: none;
+      }
+    }
+  }
+
+  img {
+    max-height: 35vw;
+
+    animation-name: gently-scale;
+    animation-timing-function: ease-in-out;
+    animation-duration: 7s;
+    animation-iteration-count: infinite;
+    transform-origin: center;
+    border-radius: 2.1em;
+    box-shadow: 0 0 15px rgba(0, 0, 0, 0.25);
+
+    @media screen and (min-width: 1800px) {
+      max-height: 480px;
+
+      border-radius: 2.4em;
+    }
+
+    @media screen and (max-width: 900px) {
+      max-height: 35vw;
+
+      border-radius: 1.3em;
+    }
+
+    @media screen and (max-width: 500px) {
+      display: none;
+    }
+  }
+}
+
+.gallery-slider-image {
+  width: 100%;
+}
+
+/** basket offcanvas */
+
+.offcanvas-cart {
+  .cart-item-img {
+    border: 3px solid #179eff;
+
+    border-radius: 0 10px 10px 10px;
+  }
+}
+
+.cms-block-sidebar-filter {
+  display: none;
+}
+
+.breadcrumb.cms-breadcrumb {
+  display: none;
+}
+
+.gallery-slider-row {
+  flex-direction: column-reverse;
+
+  .gallery-slider-col {
+    width: 100%;
+  }
+
+  .base-slider-dots {
+    display: none;
+  }
+}
+
+.gallery-slider-thumbnails-col {
+  padding-right: 20px !important;
+}
+
+.gallery-slider-thumbnails-container {
+  .gallery-slider-thumbnails-controls {
+    display: none;
+  }
+
+  .tns-outer {
+    display: flex;
+    align-items: center;
+    width: 85%;
+    margin: 0 auto;
+
+    .tns-ovh {
+      height: auto !important;
+      margin: 0 auto;
+    }
+  }
+
+  .gallery-slider-thumbnails {
+    display: flex;
+    flex-direction: row;
+
+    .gallery-slider-thumbnails-item {
+      margin-right: 1em;
+
+      &:last-child {
+        margin-right: 0;
+      }
+    }
+  }
+}
+
+.cms-element-product-listing .cms-listing-col {
+  margin-bottom: 8rem;
+}
+
+.cms-element-product-listing-wrapper {
+  .cms-element-product-listing-actions {
+    margin-bottom: 7em;
+  }
+
+  .card {
+    background: #fff;
+    border: 0;
+
+    box-shadow: 0 0 10px rgba(13, 85, 96, 0.15);
+    border-radius: 0 20px 20px 20px;
+
+    .card-body {
+      padding-top: 160px;
+    }
+
+    .product-variant-characteristics,
+    .product-price-unit,
+    .product-price-info,
+    .product-cheapest-price {
+      display: none;
+    }
+
+    .product-image-wrapper {
+      position: absolute;
+      width: 100%;
+      top: -70px;
+      left: 0;
+
+      z-index: 0;
+
+      &:after {
+        content: "";
+        position: absolute;
+        width: 75%;
+        height: 15%;
+        left: 50%;
+        bottom: 2em;
+        margin-left: -37.5%;
+
+        z-index: -1;
+
+        border-radius: 50%;
+        animation-name: bounce-shadow;
+        animation-timing-function: cubic-bezier(0.28, 0.84, 0.42, 1);
+        animation-duration: 3s;
+        animation-play-state: paused;
+        box-shadow: 0 3.125rem 1.5rem rgba(0, 0, 0, 0.24);
+      }
+
+      .product-image-link {
+        animation-name: bounce;
+        animation-timing-function: cubic-bezier(0.28, 0.84, 0.42, 1);
+        animation-duration: 3s;
+        animation-play-state: paused;
+        transform-origin: bottom;
+      }
+    }
+
+    .product-image-wrapper.highlight--1,
+    .product-image-wrapper.highlight--2 {
+      &:after,
+      .product-image-link {
+        animation-play-state: running;
+      }
+    }
+
+    .product-name {
+      text-transform: uppercase;
+      color: #000;
+    }
+
+    .product-description {
+      color: #aaa;
+    }
+
+    .product-action {
+      .btn {
+        background: rgba(52, 120, 209, 1);
+        background: -moz-linear-gradient(left, rgba(52, 120, 209, 1) 0%, rgba(48, 139, 244, 1) 100%);
+        background: -webkit-gradient(left top, right top, color-stop(0%, rgba(52, 120, 209, 1)), color-stop(100%, rgba(48, 139, 244, 1)));
+        background: -webkit-linear-gradient(left, rgba(52, 120, 209, 1) 0%, rgba(48, 139, 244, 1) 100%);
+        background: -o-linear-gradient(left, rgba(52, 120, 209, 1) 0%, rgba(48, 139, 244, 1) 100%);
+        background: -ms-linear-gradient(left, rgba(52, 120, 209, 1) 0%, rgba(48, 139, 244, 1) 100%);
+        background: linear-gradient(to right, rgba(52, 120, 209, 1) 0%, rgba(48, 139, 244, 1) 100%);
+        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3478d1', endColorstr='#308bf4', GradientType=1);
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        border: 0;
+        font-weight: 600;
+        white-space: nowrap;
+        font-size: 1rem;
+        line-height: 2.375rem;
+        color: #fff;
+        padding: 0.5em 1em;
+
+        border-radius: 10px;
+
+        .product-price {
+          display: flex;
+          align-items: center;
+          color: #fff;
+          border-left: 1px solid #87afe1;
+          padding: 0 0 0 1em;
+          margin: 0;
+        }
+      }
+    }
+  }
+}
+
+@keyframes bounce {
+  0% {
+    transform: scale(1, 1) translateY(0);
+  }
+  10% {
+    transform: scale(1.1, 0.9) translateY(0);
+  }
+  30% {
+    transform: scale(0.9, 1.1) translateY(-20px);
+  }
+  50% {
+    transform: scale(1.05, 0.95) translateY(0);
+  }
+  57% {
+    transform: scale(1, 1) translateY(-3px);
+  }
+  64% {
+    transform: scale(1, 1) translateY(0);
+  }
+  100% {
+    transform: scale(1, 1) translateY(0);
+  }
+}
+
+@keyframes bounce-shadow {
+  0% {
+    width: 75%;
+    height: 15%;
+    margin-left: -37.5%;
+  }
+  10% {
+    width: 65%;
+    height: 12%;
+    margin-left: -32.5%;
+  }
+  30% {
+    width: 30%;
+    height: 5%;
+    margin-left: -15%;
+  }
+  64% {
+    width: 75%;
+    height: 15%;
+    margin-left: -37.5%;
+  }
+  100% {
+    width: 75%;
+    height: 15%;
+    margin-left: -37.5%;
+  }
+}
+
+@keyframes gently-scale {
+  0% {
+    transform: scale(1);
+    box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
+  }
+  50% {
+    transform: scale(1.07);
+    box-shadow: 0 0 30px rgba(0, 0, 0, 0.25);
+  }
+  100% {
+    transform: scale(1);
+    box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
+  }
+}
+
+.product-detail-headline {
+  padding: 0 2em;
+
+  h1,
+  h2 {
+    font-family: "Brandon Text", sans-serif;
+    font-weight: bold;
+  }
+}
+
+/** buttons */
+.header-minimal-back-to-shop-button {
+  color: #179eff;
+  border: 3px solid #179eff;
+  margin-left: 1em;
+
+  border-radius: 0 10px 10px 10px;
+}
+
+.register-submit button,
+.begin-checkout-btn,
+.buy-widget-container button,
+.scroll-up-button button,
+#addPromotion,
+#addProductButton,
+#addPromotionOffcanvasCart {
+  background: #179eff;
+  color: #fff;
+  border: 0;
+  margin-left: 1em;
+
+  border-radius: 0 10px 10px 10px;
+}
+
+.register-submit button,
+.begin-checkout-btn {
+  margin-left: unset;
+}
+
+/** pagination */
+
+.pagination-nav {
+  margin-bottom: 5em;
+
+  .pagination {
+    background: #189eff;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    //border: 3px solid #fff;
+    padding: 0.5em;
+
+    overflow: hidden;
+
+    border-radius: 10px;
+    box-shadow: 0 0 10px rgba(255, 255, 255, 0.45);
+
+    @media screen and (max-width: 500px) {
+      overflow-x: scroll;
+      overflow-y: hidden;
+    }
+  }
+
+  .page-item {
+    border-right: 1px solid #1789dc;
+
+    &:last-child {
+      border-right: 0;
+    }
+
+    .page-link {
+      background: none;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      border: 0;
+      min-width: 3em;
+      min-height: 1.5em;
+      font-family: "Brandon Text", sans-serif;
+      font-weight: bold;
+      font-size: 18px;
+      text-align: center;
+      color: #fff;
+    }
+  }
+
+  .page-item.active {
+    border-right: none;
+
+    .page-link {
+      background: #fff;
+      border: 3px solid #fff;
+      color: #000;
+
+      border-radius: 5px;
+    }
+  }
+
+  .page-item.disabled {
+    .page-link {
+      background: none;
+      color: #c4c4c4;
+    }
+  }
+}
+
+.footer-main {
+  background: #50b6ff;
+}
+
+.footer-shopware {
+  background: #50b6ff;
+  padding: 3em;
+
+  h1 {
+    font: bold 1.5em "Brandon Text", sans-serif;
+    color: #fff;
+  }
+
+  img {
+    width: 50px;
+    height: 50px;
+    border: 3px solid #ddd;
+
+    border-radius: 25px;
+    box-shadow: inset 0 0 2px #fff;
+  }
+}
+
+.register-form {
+  font-size: 16px;
+}
+
+.custom-control-label::before,
+.custom-control-label::after {
+  width: 1.2rem;
+  height: 1.2rem;
+}

src/Resources/app/storefront/src/scss/fonts.scss

@@ -0,0 +1,144 @@
+@font-face {
+  font-family: 'Brandon Text';
+  src: url('/bundles/etailconferencetheme/assets/fonts/BrandonText-Light.eot');
+  src: local('Brandon Text Light'), local('BrandonText-Light'),
+  url('/bundles/etailconferencetheme/assets/fonts/BrandonText-Light.eot?#iefix') format('embedded-opentype'),
+  url('/bundles/etailconferencetheme/assets/fonts/BrandonText-Light.woff2') format('woff2'),
+  url('/bundles/etailconferencetheme/assets/fonts/BrandonText-Light.woff') format('woff'),
+  url('/bundles/etailconferencetheme/assets/fonts/BrandonText-Light.ttf') format('truetype');
+  font-weight: 300;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Brandon Text';
+  src: url('/bundles/etailconferencetheme/assets/fonts/BrandonText-Thin.eot');
+  src: local('Brandon Text Thin'), local('BrandonText-Thin'),
+  url('/bundles/etailconferencetheme/assets/fonts/BrandonText-Thin.eot?#iefix') format('embedded-opentype'),
+  url('/bundles/etailconferencetheme/assets/fonts/BrandonText-Thin.woff2') format('woff2'),
+  url('/bundles/etailconferencetheme/assets/fonts/BrandonText-Thin.woff') format('woff'),
+  url('/bundles/etailconferencetheme/assets/fonts/BrandonText-Thin.ttf') format('truetype');
+  font-weight: 100;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Brandon Text';
+  src: url('/bundles/etailconferencetheme/assets/fonts/BrandonText-MediumItalic.eot');
+  src: local('Brandon Text Medium Italic'), local('BrandonText-MediumItalic'),
+  url('/bundles/etailconferencetheme/assets/fonts/BrandonText-MediumItalic.eot?#iefix') format('embedded-opentype'),
+  url('/bundles/etailconferencetheme/assets/fonts/BrandonText-MediumItalic.woff2') format('woff2'),
+  url('/bundles/etailconferencetheme/assets/fonts/BrandonText-MediumItalic.woff') format('woff'),
+  url('/bundles/etailconferencetheme/assets/fonts/BrandonText-MediumItalic.ttf') format('truetype');
+  font-weight: 500;
+  font-style: italic;
+}
+
+@font-face {
+  font-family: 'Brandon Text';
+  src: url('/bundles/etailconferencetheme/assets/fonts/BrandonText-Medium.eot');
+  src: local('Brandon Text Medium'), local('BrandonText-Medium'),
+  url('/bundles/etailconferencetheme/assets/fonts/BrandonText-Medium.eot?#iefix') format('embedded-opentype'),
+  url('/bundles/etailconferencetheme/assets/fonts/BrandonText-Medium.woff2') format('woff2'),
+  url('/bundles/etailconferencetheme/assets/fonts/BrandonText-Medium.woff') format('woff'),
+  url('/bundles/etailconferencetheme/assets/fonts/BrandonText-Medium.ttf') format('truetype');
+  font-weight: 500;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Brandon Text';
+  src: url('/bundles/etailconferencetheme/assets/fonts/BrandonText-BlackItalic.eot');
+  src: local('Brandon Text Black Italic'), local('BrandonText-BlackItalic'),
+  url('/bundles/etailconferencetheme/assets/fonts/BrandonText-BlackItalic.eot?#iefix') format('embedded-opentype'),
+  url('/bundles/etailconferencetheme/assets/fonts/BrandonText-BlackItalic.woff2') format('woff2'),
+  url('/bundles/etailconferencetheme/assets/fonts/BrandonText-BlackItalic.woff') format('woff'),
+  url('/bundles/etailconferencetheme/assets/fonts/BrandonText-BlackItalic.ttf') format('truetype');
+  font-weight: 900;
+  font-style: italic;
+}
+
+@font-face {
+  font-family: 'Brandon Text';
+  src: url('/bundles/etailconferencetheme/assets/fonts/BrandonText-RegularItalic.eot');
+  src: local('Brandon Text Regular Italic'), local('BrandonText-RegularItalic'),
+  url('/bundles/etailconferencetheme/assets/fonts/BrandonText-RegularItalic.eot?#iefix') format('embedded-opentype'),
+  url('/bundles/etailconferencetheme/assets/fonts/BrandonText-RegularItalic.woff2') format('woff2'),
+  url('/bundles/etailconferencetheme/assets/fonts/BrandonText-RegularItalic.woff') format('woff'),
+  url('/bundles/etailconferencetheme/assets/fonts/BrandonText-RegularItalic.ttf') format('truetype');
+  font-weight: normal;
+  font-style: italic;
+}
+
+@font-face {
+  font-family: 'Brandon Text';
+  src: url('/bundles/etailconferencetheme/assets/fonts/BrandonText-Bold.eot');
+  src: local('Brandon Text Bold'), local('BrandonText-Bold'),
+  url('/bundles/etailconferencetheme/assets/fonts/BrandonText-Bold.eot?#iefix') format('embedded-opentype'),
+  url('/bundles/etailconferencetheme/assets/fonts/BrandonText-Bold.woff2') format('woff2'),
+  url('/bundles/etailconferencetheme/assets/fonts/BrandonText-Bold.woff') format('woff'),
+  url('/bundles/etailconferencetheme/assets/fonts/BrandonText-Bold.ttf') format('truetype');
+  font-weight: bold;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Brandon Text';
+  src: url('/bundles/etailconferencetheme/assets/fonts/BrandonText-ThinItalic.eot');
+  src: local('Brandon Text Thin Italic'), local('BrandonText-ThinItalic'),
+  url('/bundles/etailconferencetheme/assets/fonts/BrandonText-ThinItalic.eot?#iefix') format('embedded-opentype'),
+  url('/bundles/etailconferencetheme/assets/fonts/BrandonText-ThinItalic.woff2') format('woff2'),
+  url('/bundles/etailconferencetheme/assets/fonts/BrandonText-ThinItalic.woff') format('woff'),
+  url('/bundles/etailconferencetheme/assets/fonts/BrandonText-ThinItalic.ttf') format('truetype');
+  font-weight: 100;
+  font-style: italic;
+}
+
+@font-face {
+  font-family: 'Brandon Text';
+  src: url('/bundles/etailconferencetheme/assets/fonts/BrandonText-LightItalic.eot');
+  src: local('Brandon Text Light Italic'), local('BrandonText-LightItalic'),
+  url('/bundles/etailconferencetheme/assets/fonts/BrandonText-LightItalic.eot?#iefix') format('embedded-opentype'),
+  url('/bundles/etailconferencetheme/assets/fonts/BrandonText-LightItalic.woff2') format('woff2'),
+  url('/bundles/etailconferencetheme/assets/fonts/BrandonText-LightItalic.woff') format('woff'),
+  url('/bundles/etailconferencetheme/assets/fonts/BrandonText-LightItalic.ttf') format('truetype');
+  font-weight: 300;
+  font-style: italic;
+}
+
+@font-face {
+  font-family: 'Brandon Text';
+  src: url('/bundles/etailconferencetheme/assets/fonts/BrandonText-Black.eot');
+  src: local('Brandon Text Black'), local('BrandonText-Black'),
+  url('/bundles/etailconferencetheme/assets/fonts/BrandonText-Black.eot?#iefix') format('embedded-opentype'),
+  url('/bundles/etailconferencetheme/assets/fonts/BrandonText-Black.woff2') format('woff2'),
+  url('/bundles/etailconferencetheme/assets/fonts/BrandonText-Black.woff') format('woff'),
+  url('/bundles/etailconferencetheme/assets/fonts/BrandonText-Black.ttf') format('truetype');
+  font-weight: 900;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Brandon Text';
+  src: url('/bundles/etailconferencetheme/assets/fonts/BrandonText-BoldItalic.eot');
+  src: local('Brandon Text Bold Italic'), local('BrandonText-BoldItalic'),
+  url('/bundles/etailconferencetheme/assets/fonts/BrandonText-BoldItalic.eot?#iefix') format('embedded-opentype'),
+  url('/bundles/etailconferencetheme/assets/fonts/BrandonText-BoldItalic.woff2') format('woff2'),
+  url('/bundles/etailconferencetheme/assets/fonts/BrandonText-BoldItalic.woff') format('woff'),
+  url('/bundles/etailconferencetheme/assets/fonts/BrandonText-BoldItalic.ttf') format('truetype');
+  font-weight: bold;
+  font-style: italic;
+}
+
+@font-face {
+  font-family: 'Brandon Text';
+  src: url('/bundles/etailconferencetheme/assets/fonts/BrandonText-Regular.eot');
+  src: local('Brandon Text Regular'), local('BrandonText-Regular'),
+  url('/bundles/etailconferencetheme/assets/fonts/BrandonText-Regular.eot?#iefix') format('embedded-opentype'),
+  url('/bundles/etailconferencetheme/assets/fonts/BrandonText-Regular.woff2') format('woff2'),
+  url('/bundles/etailconferencetheme/assets/fonts/BrandonText-Regular.woff') format('woff'),
+  url('/bundles/etailconferencetheme/assets/fonts/BrandonText-Regular.ttf') format('truetype');
+  font-weight: normal;
+  font-style: normal;
+}
+

src/Resources/app/storefront/src/scss/overrides.scss

@@ -5,4 +5,6 @@ This file is used to override default SCSS variables from the Shopware Storefron
 
 Because of the !default flags, theme variable overrides have to be declared beforehand.
 https://getbootstrap.com/docs/4.0/getting-started/theming/#variable-defaults
-*/
+*/
+
+$input-font-size: 16px;

src/Resources/views/storefront/base.html.twig

@@ -1,2 +1,85 @@
 {% sw_extends '@Storefront/storefront/base.html.twig' %}
 
+{% block base_body %}
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.3.0/css/all.min.css">
+
+    <style>
+        .shopware-overlay {
+            background: #189eff;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            position: fixed;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+
+            visibility: visible;
+            opacity: 1;
+            transition: opacity 750ms linear;
+        }
+
+        .shopware-overlay img {
+            position: relative;
+            width: 7em;
+            height: 7em;
+            border: 5px solid #f0efeb;
+
+            z-index: 101;
+
+            animation-name: gently-scale;
+            animation-timing-function: ease-in-out;
+            animation-duration: 2s;
+            animation-iteration-count: infinite;
+            box-shadow: inset 0 0 5px #f0efeb;
+            border-radius: 3.5em;
+        }
+    </style>
+
+
+
+    {% if activeRoute == 'frontend.home.page' %}
+        <style>
+            header .icon {
+                color: #fff;
+            }
+
+            header .header-cart-total {
+                color: #fff;
+            }
+        </style>
+    {% endif %}
+
+    <div id="shopware-overlay" class="shopware-overlay">
+        <img src="{{ asset('/bundles/etailconferencetheme/assets/sw-logo-only.png') }}" alt="Shopware logo | only">
+    </div>
+
+    {{ parent() }}
+{% endblock %}
+
+{% block base_header %}
+    <header class="header-main d-none">
+        {{ block('base_header_inner') }}
+    </header>
+{% endblock %}
+
+{% block base_main %}
+    <main class="content-main d-none">
+        {{ block('base_flashbags') }}
+
+        {{ block('base_main_inner') }}
+    </main>
+{% endblock %}
+
+{% block base_footer %}
+    <footer class="footer-main d-none">
+        {{ block('base_footer_inner') }}
+    </footer>
+{% endblock %}
+
+{% block base_body_classes %}
+    {{parent()}} {% if activeRoute == 'frontend.home.page' %}shopware-bg{% endif %}
+{% endblock %}
+
+{% block base_breadcrumb %}{% endblock %}

src/Resources/views/storefront/component/listing/filter-panel.html.twig

@@ -0,0 +1,3 @@
+{% sw_extends "@Storefront/storefront/component/listing/filter-panel.html.twig" %}
+
+{% block component_filter_panel %}{% endblock %}

src/Resources/views/storefront/component/pagination.html.twig

@@ -0,0 +1,17 @@
+{% sw_extends "@Storefront/storefront/component/pagination.html.twig" %}
+
+{% block component_pagination_first_link %}
+    <i class="fa-solid fa-angles-left"></i>
+{% endblock %}
+
+{% block component_pagination_prev_icon %}
+    <i class="fa-solid fa-angle-left"></i>
+{% endblock %}
+
+{% block component_pagination_next_icon %}
+    <i class="fa-solid fa-angle-right"></i>
+{% endblock %}
+
+{% block component_pagination_last_icon %}
+    <i class="fa-solid fa-angles-right"></i>
+{% endblock %}

src/Resources/views/storefront/component/product/card/action.html.twig

@@ -0,0 +1,8 @@
+{% sw_extends "@Storefront/storefront/component/product/card/action.html.twig" %}
+
+{% block page_product_detail_product_buy_button %}
+    <button class="btn btn-block btn-buy"
+            title="{{ "listing.boxAddProduct"|trans|striptags }}">
+        <span><i class="fa-solid fa-basket-shopping"></i> Add</span>
+    </button>
+{% endblock %}

src/Resources/views/storefront/component/product/card/box-standard.html.twig

@@ -0,0 +1,3 @@
+{% extends '@Storefront/storefront/component/product/card/box-standard.html.twig' %}
+
+{% block component_product_box_description %}{% endblock %}

src/Resources/views/storefront/component/product/listing.html.twig

@@ -0,0 +1,16 @@
+{% sw_extends "@Storefront/storefront/component/product/listing.html.twig" %}
+
+{% block element_product_listing_pagination_nav_actions %}
+    <div class="cms-element-product-listing-actions row justify-content-center">
+        <div class="col-md-auto">
+            {% block element_product_listing_pagination_nav_top %}
+                {% sw_include '@Storefront/storefront/component/pagination.html.twig' with {
+                    entities: searchResult,
+                    criteria: searchResult.criteria
+                } %}
+            {% endblock %}
+        </div>
+    </div>
+{% endblock %}
+
+{% block element_product_listing_pagination_nav_bottom %}{% endblock %}

src/Resources/views/storefront/element/cms-element-image-gallery.html.twig

@@ -0,0 +1 @@
+{% sw_extends "@Storefront/storefront/element/cms-element-image-gallery.html.twig" %}

src/Resources/views/storefront/layout/footer/footer.html.twig

@@ -3,3 +3,12 @@
 {% block layout_footer_payment_shipping_logos %}{% endblock %}
 
 {% block layout_footer_navigation %}{% endblock %}
+
+{% block layout_footer_bottom %}
+    <div class="container footer-shopware text-center">
+        <h1>Made w/ 💓 by</h1>
+
+        <img src="{{ asset('/bundles/etailconferencetheme/assets/itg-logo-only.jpg') }}" alt="ITG logo | only">
+        <img src="{{ asset('/bundles/etailconferencetheme/assets/shopare-logo-only.png') }}" alt="Shopware logo | only">
+    </div>
+{% endblock %}

src/Resources/views/storefront/layout/header/header.html.twig

@@ -1,5 +1,7 @@
 {% sw_extends "@Storefront/storefront/layout/header/header.html.twig" %}
 
+{% block layout_top_bar %}{% endblock %}
+
 {% block layout_header_search %}
     <div class="col"></div>
 {% endblock %}
@@ -8,4 +10,21 @@
 
 {% block layout_header_actions_account %}{% endblock %}
 
+{% block layout_header_navigation %}
+    {{ parent() }}
 
+    {% if activeRoute == 'frontend.home.page' %}
+        <div class="header-shopware">
+            <div class="row">
+                <div class="col d-flex justify-content-center flex-column">
+                    <h1>Shopware ecommerce platform</h1>
+                    <h2>Build the exceptional</h2>
+                </div>
+{#                <div class="col text-center">#}
+{#                    <img src="{{ asset('bundles/etailconferencetheme/assets/shopware-phone.png') }}"#}
+{#                         alt="Shopware phone">#}
+{#                </div>#}
+            </div>
+        </div>
+    {% endif %}
+{% endblock %}

src/Resources/views/storefront/page/product-detail/headline.html.twig

@@ -0,0 +1,8 @@
+{% sw_extends "@Storefront/storefront/page/product-detail/headline.html.twig" %}
+
+{% block page_product_detail_headline_inner %}
+    <h1 class="w-100">{{ page.product.translated.name }}</h1>
+    <h2 class="w-100">
+        {{ block('page_product_detail_manufacturer_inner') }}
+    </h2>
+{% endblock %}