fix: usr: SWC-89 replace extends to sw_extends in twigs

.gitignore

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

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,20 @@
-# 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
+   $ bin/console plugin:install --activate EtailConferenceTheme
+   $ 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

composer.json

@@ -5,13 +5,13 @@
   "license": "MIT",
   "autoload": {
     "psr-4": {
-      "EtailWestTheme\\": "src/"
+      "EtailConferenceTheme\\": "src/"
     }
   },
   "extra": {
-    "shopware-plugin-class": "EtailWestTheme\\EtailWestTheme",
+    "shopware-plugin-class": "EtailConferenceTheme\\EtailConferenceTheme",
     "label": {
       "en-GB": "eTail West theme plugin for presentation"
     }
   }
-}
+}

src/EtailConferenceTheme.php

@@ -1,19 +1,20 @@
 <?php declare(strict_types=1);
 
-namespace EtailWestTheme;
+namespace EtailConferenceTheme;
 
 use Shopware\Core\Framework\Plugin;
+use Shopware\Storefront\Framework\ThemeInterface;
 
 /**
- * Class EtailWestTheme
+ * Class EtailConferenceTheme
  *
- * @package  EtailWestTheme
+ * @package  EtailConferenceTheme
  * @author   Lang <https://www.splendidbear.org>
  * @category Class
  * @license  https://www.gnu.org/licenses/lgpl-3.0.en.html GNU Lesser General Public License
  * @link     www.splendidbear.org
  * @since    2023. 02. 15.
  */
-class EtailWestTheme extends Plugin
+class EtailConferenceTheme extends Plugin implements ThemeInterface
 {
 }

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,o){(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"))}))})),window.addEventListener("beforeunload",(function(n){e(".shopware-overlay").removeClass("d-none").removeClass("fade-out")}))}).call(this,o("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/shopware-logo-mod.svg

@@ -0,0 +1,116 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 23.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   version="1.1"
+   id="Ebene_1"
+   x="0px"
+   y="0px"
+   viewBox="-2 -2 550 130"
+   xml:space="preserve"
+   sodipodi:docname="shopware-logo-mod.svg"
+   width="550"
+   height="130"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"><defs
+   id="defs22" /><sodipodi:namedview
+   id="namedview20"
+   pagecolor="#ffffff"
+   bordercolor="#666666"
+   borderopacity="1.0"
+   inkscape:showpageshadow="2"
+   inkscape:pageopacity="0.0"
+   inkscape:pagecheckerboard="0"
+   inkscape:deskcolor="#d1d1d1"
+   showgrid="false"
+   inkscape:zoom="2.0701754"
+   inkscape:cx="232.58899"
+   inkscape:cy="56.51695"
+   inkscape:window-width="2560"
+   inkscape:window-height="1048"
+   inkscape:window-x="0"
+   inkscape:window-y="32"
+   inkscape:window-maximized="1"
+   inkscape:current-layer="XMLID_462_" />
+<style
+   type="text/css"
+   id="style2">
+	.st0{fill:#189EFF;}
+</style>
+<g
+   id="XMLID_462_">
+	<g
+   id="XMLID_564_"
+   transform="translate(12.808926,7.68795)"
+   style="stroke-width:15;stroke-dasharray:none;fill:#189eff;fill-opacity:1;stroke:#ffffff;stroke-opacity:1;paint-order:stroke fill markers">
+		<path
+   id="XMLID_565_"
+   class="st0"
+   d="m 150.2,55.5 c -4.7,-2 -8.5,-3.9 -8.5,-6.9 0,-2.1 2.4,-4.2 6.5,-4.2 3.7,0 6.8,0.9 10.1,2.3 0.9,0.4 2.3,0.5 3.1,-0.9 l 1.6,-3.3 c 0.6,-1.2 0.1,-2.7 -1,-3.5 -2.3,-1.5 -7.2,-3.5 -13.7,-3.5 -11.4,0 -16.1,6.9 -16.1,12.8 0,7.7 6,11.6 13.2,14.9 6.5,2.9 10.1,5 10.1,8.1 0,2.7 -2.2,4.6 -6.2,4.6 -5.6,0 -8.9,-1.9 -11.7,-3.5 -1.2,-0.7 -2.5,-0.4 -3.1,0.6 l -2.1,4.4 c -0.5,1 0.1,1.9 0.8,2.4 2.6,1.8 8,4.8 15.5,4.8 10.5,0 16.8,-6.4 16.8,-13.7 -0.2,-8.5 -6.7,-11.7 -15.3,-15.4 z"
+   style="stroke-width:15;stroke-dasharray:none;fill:#189eff;fill-opacity:1;stroke:#ffffff;stroke-opacity:1;paint-order:stroke fill markers" />
+	</g>
+	<g
+   id="XMLID_561_"
+   transform="translate(12.808926,7.68795)"
+   style="stroke-width:15;stroke-dasharray:none;fill:#189eff;fill-opacity:1;stroke:#ffffff;stroke-opacity:1;paint-order:stroke fill markers">
+		<path
+   id="XMLID_563_"
+   class="st0"
+   d="M 87.8,98 C 83,94.4 76,91.7 68.5,88.8 59.6,85.4 49.5,81.5 42,75.4 33.4,68.6 29.2,60 29.2,49.1 29.2,39.3 33.2,31 40.9,25 49.5,18.2 62.5,14.7 78.5,14.7 c 4.4,0 8.7,0.3 12.6,0.8 0.3,0 0.7,-0.1 0.8,-0.5 C 92.1,14.7 92,14.3 91.7,14.1 81.7,5 68.6,0 55,0 40.3,0 26.5,5.7 16.1,16.1 5.7,26.5 0,40.3 0,55 0,69.7 5.7,83.5 16.1,93.9 26.5,104.3 40.3,110 55,110 66.9,110 78.2,106.3 87.7,99.2 87.9,99 88,98.8 88,98.6 88.1,98.4 88,98.2 87.8,98 Z"
+   style="stroke-width:15;stroke-dasharray:none;fill:#189eff;fill-opacity:1;stroke:#ffffff;stroke-opacity:1;paint-order:stroke fill markers" />
+		<path
+   id="XMLID_562_"
+   class="st0"
+   d="m 109.8,49.9 c 0,-0.2 -0.1,-0.4 -0.3,-0.5 C 98.1,39.9 88.8,36 77.5,36 c -6,0 -10.6,1.2 -13.7,3.6 -2.7,2.1 -4.1,4.9 -4.1,8.3 0,9.4 11.6,13.8 24.9,18.8 6.9,2.6 14,5.2 20.6,8.9 0.1,0.1 0.2,0.1 0.4,0.1 0.1,0 0.2,0 0.3,-0.1 0.2,-0.1 0.4,-0.2 0.5,-0.5 2.5,-6.4 3.8,-13.2 3.8,-20.1 -0.1,-1.6 -0.2,-3.3 -0.4,-5.1 z"
+   style="stroke-width:15;stroke-dasharray:none;fill:#189eff;fill-opacity:1;stroke:#ffffff;stroke-opacity:1;paint-order:stroke fill markers" />
+	</g>
+	<path
+   id="XMLID_558_"
+   class="st0"
+   d="m 438.90893,91.98795 c 1.4,-0.2 2.4,-1.2 2.4,-2.5 v -23.9 c 0,-12.2 -1.5,-21.7 -17.2,-21.7 -9,0 -16,2.4 -16.9,2.8 -1.2,0.4 -1.9,1.2 -1.6,2.9 l 1,4 c 0.3,1.4 1.3,2.3 2.8,2 2.5,-0.7 8.1,-2.3 13.7,-2.3 6.2,0 8.1,3.5 7.9,11.3 0,0 -4.8,-1.5 -9.9,-1.5 -12.6,0 -19.6,6.8 -19.6,15.8 0,10.2 6.5,13.7 15.7,13.7 7.5,0 15.3,-0.1 18.5,-0.3 z m -8.1,-8.7 c -1.5,2.4 -6.8,1.8 -11.4,1.7 -5.1,-0.1 -7.6,-1.9 -7.6,-6.2 0,-5.1 4.4,-8.1 10.1,-8.1 4.5,0 8.3,1.3 8.9,1.7 z"
+   style="stroke-width:15;stroke-dasharray:none;fill:#189eff;fill-opacity:1;stroke:#ffffff;stroke-opacity:1;paint-order:stroke fill markers" />
+	<path
+   id="XMLID_555_"
+   class="st0"
+   d="m 519.10893,43.38795 c 3.1,0 5.6,-2.5 5.6,-5.6 0,-3.1 -2.5,-5.6 -5.6,-5.6 -3.1,0 -5.6,2.5 -5.6,5.6 0,3.1 2.5,5.6 5.6,5.6 z m 0,-10.3 c 2.6,0 4.7,2.1 4.7,4.8 0,2.7 -2.1,4.8 -4.7,4.8 -2.6,0 -4.7,-2.1 -4.7,-4.8 0,-2.7 2.1,-4.8 4.7,-4.8 z"
+   style="stroke-width:15;stroke-dasharray:none;fill:#189eff;fill-opacity:1;stroke:#ffffff;stroke-opacity:1;paint-order:stroke fill markers" />
+	<path
+   id="XMLID_552_"
+   class="st0"
+   d="m 517.20893,40.58795 h 0.5 c 0.1,0 0.2,-0.1 0.2,-0.2 v -2 h 1.2 l 1,2.1 c 0,0.1 0.1,0.1 0.2,0.1 h 0.6 c 0.1,0 0.2,-0.1 0.1,-0.2 l -1.1,-2 c 0.7,-0.3 1.2,-0.9 1.2,-1.6 0,-1 -0.8,-1.7 -1.8,-1.7 h -2.2 c -0.1,0 -0.2,0.1 -0.2,0.2 v 5.3 c 0.2,0 0.2,0 0.3,0 z m 0.7,-4.8 h 1.4 c 0.5,0 1,0.4 1,1 0,0.6 -0.5,1 -1,1 h -1.4 z"
+   style="stroke-width:15;stroke-dasharray:none;fill:#189eff;fill-opacity:1;stroke:#ffffff;stroke-opacity:1;paint-order:stroke fill markers" />
+	<path
+   id="XMLID_551_"
+   class="st0"
+   d="m 209.40893,43.38795 c -7.4,0 -12.5,4.1 -13.6,4.9 v -21 c 0,-1.1 -1.1,-2.2 -2.2,-2.2 h -5.8 c -1.2,0 -2.2,1.1 -2.2,2.2 v 63 c 0,1.2 1,2.2 2.2,2.2 h 5.6 c 1.4,0 2.3,-0.9 2.3,-2.2 v -30.4 c 1,-2 5.1,-6.8 12.3,-6.8 6.1,0 9.4,4.6 9.4,12.3 v 24.9 c 0,1.2 1,2.2 2.2,2.2 h 5.7 c 1.1,0 2.2,-1 2.2,-2.2 v -24.7 c 0.1,-12.8 -4.8,-22.2 -18.1,-22.2 z"
+   style="stroke-width:15;stroke-dasharray:none;fill:#189eff;fill-opacity:1;stroke:#ffffff;stroke-opacity:1;paint-order:stroke fill markers" />
+	<path
+   id="XMLID_548_"
+   class="st0"
+   d="m 328.60893,66.08795 c -0.6,-16 -7.2,-22.7 -22.7,-22.7 -7.4,0 -16.2,2.2 -17.5,2.8 -1.6,0.7 -2.8,1.5 -2.8,2.6 v 0.9 3.4 11 1.6 43 c 0,1.2 1,2.2 2.2,2.2 h 4.7 c 1.5,0 2.4,-0.9 2.4,-2.2 v -16.9 c 1.4,0.4 8.7,1 14.8,0.8 10.9,-0.3 18.2,-8.2 18.8,-21.6 0.2,-1.9 0.1,-4.9 0.1,-4.9 z m -9.9,4.8 c -0.2,9.1 -2.8,13.1 -10.5,13.5 -3.8,0.2 -12.7,-0.8 -12.7,-0.8 -0.4,-0.1 -0.6,-0.3 -0.6,-0.6 v -18.3 -10.5 c 0,-0.3 0.2,-0.5 0.5,-0.5 1,-0.1 4.9,-1.3 10.4,-1.3 9.3,0 12.5,1.4 12.9,13.1 0.1,1.5 0.1,3.7 0,5.4 z"
+   style="stroke-width:15;stroke-dasharray:none;fill:#189eff;fill-opacity:1;stroke:#ffffff;stroke-opacity:1;paint-order:stroke fill markers" />
+	<path
+   id="XMLID_525_"
+   class="st0"
+   d="m 396.00893,44.38795 h -4.3 c -1.2,0 -3,0 -3.6,1.4 l -7.5,27.1 h -0.2 l -12.6,-28.4 c -0.2,-0.6 -0.9,-1.1 -2,-1.1 h -0.7 c -0.9,0 -1.6,0.5 -1.9,1.1 l -12.7,28.3 h -0.2 l -7.7,-27 c -0.2,-0.9 -1.2,-1.4 -2,-1.4 h -6.1 c -1.6,0 -2.3,1.2 -1.6,2.7 l 13.7,44.3 c 0.2,0.7 0.9,1.2 1.9,1.2 h 0.6 c 1,0 1.6,-0.5 1.8,-1.1 l 14.5,-32 h 0.2 l 14.2,31.9 c 0.3,0.6 1,1.1 2,1.1 h 0.4 c 1,0 1.9,-0.5 2.1,-1.2 l 13.5,-44.2 c 0.7,-1.5 -0.2,-2.7 -1.8,-2.7 z"
+   style="stroke-width:15;stroke-dasharray:none;fill:#189eff;fill-opacity:1;stroke:#ffffff;stroke-opacity:1;paint-order:stroke fill markers" />
+	<path
+   id="XMLID_482_"
+   class="st0"
+   d="m 471.00893,43.98795 c -0.2,0 -0.5,0 -0.7,0 -0.4,0 -0.8,0 -1.2,0 -2.4,0 -4.8,0.1 -7,0.2 v 0 c -4.2,0.2 -6.7,0.5 -8.5,0.7 0,0 -1.1,0.1 -2.5,0.3 -0.9,0.1 -1.5,0.5 -1.9,1 -0.3,0.3 -0.4,0.7 -0.4,1.1 v 0.2 0.9 3.3 9.5 29.1 c 0,1.2 1,2.2 2.2,2.2 h 4.7 c 1.9,0 3.3,-0.2 3.3,-2.2 v -29.1 0 -6.7 c 0,-0.3 0.4,-0.6 0.7,-0.8 1.1,-0.7 3.9,-1.2 9.5,-1.2 0.5,0 0.9,0 1.3,0 1.3,0.1 3.3,0.5 3.9,0.9 1,0.5 2.2,0.2 2.9,-1.1 l 2.4,-4 c 1.4,-3.1 -4.2,-4.3 -8.7,-4.3 z"
+   style="stroke-width:15;stroke-dasharray:none;fill:#189eff;fill-opacity:1;stroke:#ffffff;stroke-opacity:1;paint-order:stroke fill markers" />
+	<path
+   id="XMLID_470_"
+   class="st0"
+   d="m 503.20893,43.38795 c -14.1,0 -23.4,11.3 -23.4,24.5 0,13.4 9.3,24.6 23.5,24.6 7.8,0 14,-2.8 17.4,-5.8 1.4,-1.2 1,-2.1 0.2,-3.2 l -2.8,-4.3 c -0.8,-1.2 -1.7,-0.9 -2.8,-0.2 -2.8,2 -6.1,4 -11.5,4 -8.2,0 -13.9,-6.5 -14,-12.8 h 32.5 c 1,0 2,-0.8 2.1,-2 0.1,-0.8 0.2,-2.4 0.2,-3.3 0.1,-12.4 -9.2,-21.5 -21.4,-21.5 z m -12.8,19.3 c 0.7,-5.9 5.2,-10.7 12.6,-10.7 6.9,0 11.4,5 11.6,10.7 z"
+   style="stroke-width:15;stroke-dasharray:none;fill:#189eff;fill-opacity:1;stroke:#ffffff;stroke-opacity:1;paint-order:stroke fill markers" />
+	<path
+   id="XMLID_463_"
+   class="st0"
+   d="m 277.40893,57.88795 c -1.1,-3 -2.5,-5.6 -4.5,-7.8 -2,-2.2 -4.2,-3.8 -6.8,-5 -2.6,-1.2 -6.4,-1.8 -9.5,-1.8 -3.1,0 -6.9,0.6 -9.5,1.8 -2.6,1.2 -4.9,2.8 -6.9,5 -1.9,2.2 -3.4,4.8 -4.5,7.8 -1.1,3 -1.6,6.4 -1.6,10 0,3.7 0.5,7.1 1.6,10.1 1.1,3 2.6,5.6 4.5,7.7 1.9,2.2 4.2,3.8 6.9,5 2.7,1.2 6.4,1.8 9.5,1.8 3.1,0 6.9,-0.6 9.5,-1.8 2.6,-1.2 4.9,-2.8 6.8,-5 1.9,-2.2 3.4,-4.7 4.5,-7.7 1.1,-3 1.6,-6.4 1.6,-10.1 0,-3.6 -0.5,-6.9 -1.6,-10 z m -21.1,26.5 c -8.5,0 -12.8,-7.2 -12.8,-16.1 0,-8.9 4.3,-16.1 12.8,-16.1 8.5,0 12.8,7.2 12.8,16.1 0,8.9 -4.3,16.1 -12.8,16.1 z"
+   style="stroke-width:15;stroke-dasharray:none;fill:#189eff;fill-opacity:1;stroke:#ffffff;stroke-opacity:1;paint-order:stroke fill markers" />
+</g>
+</svg>

src/Resources/app/storefront/src/assets/shopware-logo.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,18 @@
+$(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')
+      );
+  });
+});

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

@@ -0,0 +1,507 @@
+/** 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;
+  }
+}
+
+header {
+  //.icon {
+  //  @media screen and (max-width: 500px) {
+  //    color: #fff;
+  //  }
+  //}
+
+  .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;
+  min-height: 500px;
+
+  @media screen and (max-width: 500px) {
+    min-height: 20em;
+  }
+
+  h1 {
+    font: bold 4em 'Brandon Text', sans-serif;
+    line-height: 1em;
+    color: #000;
+
+    @media screen and (max-width: 500px) {
+      text-align: center;
+      color: #fff !important;
+    }
+  }
+
+  h2 {
+    font: bold 2em 'Brandon Text', sans-serif;
+    line-height: 1em;
+    color: #7d7d7d;
+
+    @media screen and (max-width: 500px) {
+      text-align: center;
+      color: #fff !important;
+    }
+  }
+
+  > div {
+    width: 100%;
+
+    > div:last-child {
+      @media screen and (max-width: 500px) {
+        display: none;
+      }
+    }
+  }
+
+  img {
+    max-height: 25vw;
+
+    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;
+    }
+  }
+}
+
+.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, .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%;
+        box-shadow: 0 3.125rem 1.5rem rgba(0, 0, 0, 0.24);
+        animation-name: bounce-shadow;
+        animation-timing-function: cubic-bezier(0.280, 0.840, 0.420, 1);
+        animation-duration: 3s;
+        animation-iteration-count: infinite;
+      }
+
+      .product-image-link {
+        animation-name: bounce;
+        animation-timing-function: cubic-bezier(0.280, 0.840, 0.420, 1);
+        animation-duration: 3s;
+        animation-iteration-count: infinite;
+        transform-origin: bottom;
+      }
+    }
+
+    .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;
+        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, .9) translateY(0);
+  }
+  30% {
+    transform: scale(.9, 1.1) translateY(-65px);
+  }
+  50% {
+    transform: scale(1.05, .95) translateY(0);
+  }
+  57% {
+    transform: scale(1, 1) translateY(-7px);
+  }
+  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;
+  }
+}
+
+.buy-widget-container {
+  button {
+    background: #179eff;
+    color: #fff;
+    border: 0;
+
+    border-radius: 0 10px 10px 10px;
+  }
+}
+
+#addPromotion,
+#addProductButton,
+.begin-checkout-btn {
+  background: #179eff;
+  color: #fff;
+  border: 0;
+  margin-left: 1em;
+
+  border-radius: 0 10px 10px 10px;
+}
+
+.pagination-nav {
+  margin-bottom: 5em;
+
+  .pagination {
+    background: #189EFF;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    //border: 3px solid #fff;
+    padding: .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: #313131;
+}
+
+.footer-shopware {
+  background: #313131;
+  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;
+  }
+}

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

@@ -0,0 +1,8 @@
+/*
+Override variable defaults
+==================================================
+This file is used to override default SCSS variables from the Shopware Storefront or Bootstrap.
+
+Because of the !default flags, theme variable overrides have to be declared beforehand.
+https://getbootstrap.com/docs/4.0/getting-started/theming/#variable-defaults
+*/

src/Resources/config/services.xml

@@ -1,10 +0,0 @@
-<?xml version="1.0" ?>
-
-<container xmlns="http://symfony.com/schema/dic/services"
-           xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
-           xsi:schemaLocation="http://symfony.com/schema/dic/services http://symfony.com/schema/dic/services/services-1.0.xsd">
-
-    <services>
-
-    </services>
-</container>

src/Resources/theme.json

@@ -0,0 +1,22 @@
+{
+  "name": "EtailConferenceTheme",
+  "author": "Shopware AG",
+  "views": [
+     "@Storefront",
+     "@Plugins",
+     "@EtailConferenceTheme"
+  ],
+  "style": [
+    "app/storefront/src/scss/overrides.scss",
+    "@Storefront",
+    "app/storefront/src/scss/base.scss"
+  ],
+  "script": [
+    "@Storefront",
+    "app/storefront/dist/storefront/js/etail-conference-theme.js"
+  ],
+  "asset": [
+    "@Storefront",
+    "app/storefront/src/assets"
+  ]
+}

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

@@ -0,0 +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;
+            }
+        </style>
+    {% endif %}
+
+    <div id="shopware-overlay" class="shopware-overlay">
+        <img src="{{ asset('/bundles/etailconferencetheme/assets/shopare-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/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

@@ -0,0 +1,14 @@
+{% sw_extends "@Storefront/storefront/layout/footer/footer.html.twig" %}
+
+{% 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

@@ -0,0 +1,30 @@
+{% sw_extends "@Storefront/storefront/layout/header/header.html.twig" %}
+
+{% block layout_top_bar %}{% endblock %}
+
+{% block layout_header_search %}
+    <div class="col"></div>
+{% endblock %}
+
+{% block layout_header_actions_wishlist %}{% endblock %}
+
+{% 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/layout/header/logo.html.twig

@@ -0,0 +1,9 @@
+{% sw_extends "@Storefront/storefront/layout/header/logo.html.twig" %}
+
+{% block layout_header_logo_image %}
+    <picture class="header-logo-picture">
+        <img src="{{ asset('/bundles/etailconferencetheme/assets/shopware-logo-mod.svg') }}"
+             alt="Shopware logo"
+             class="img-fluid header-logo-main-img" />
+    </picture>
+{% endblock %}

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

@@ -0,0 +1,3 @@
+{% sw_extends "@Storefront/storefront/layout/navigation/navigation.html.twig" %}
+
+{% block layout_main_navigation %}{% 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 %}