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

CHANGELOG.md

@@ -1,6 +1,38 @@
 # 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

README.md

@@ -11,10 +11,19 @@ This plugin was made for the eTail conference to show a Shopware w/ special them
 2. Install and activate the plugin
    ```bash
    $ bin/console plugin:refresh
-   $ bin/console plugin:install --activate EtailConferenceTheme
-   $ bin/console theme:change
-      > EtailConferenceTheme
    ```
+   ```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`
+   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

@@ -1 +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"]]]);
+(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/src/assets/shopware-logo-mod.svg

@@ -1,116 +0,0 @@
-<?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/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/main.js

@@ -16,3 +16,53 @@ $(function () {
       );
   });
 });
+
+/** 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

@@ -6,10 +6,10 @@
 
 body {
   position: relative;
-  font-family: 'Brandon Text', sans-serif;
+  font-family: "Brandon Text", sans-serif;
 
   &.shopware-bg {
-    background: url('/bundles/etailconferencetheme/assets/bg-curvy-outbg.png') no-repeat top right;
+    background: url("/bundles/etailconferencetheme/assets/bg-curvy-outbg.png") no-repeat top right;
   }
 }
 
@@ -59,6 +59,20 @@ body {
   }
 }
 
+.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) {
@@ -66,13 +80,17 @@ header {
   //  }
   //}
 
+  .header-logo-main-img {
+    border-radius: 10px;
+  }
+
   .search-toggle-btn {
     display: none;
   }
 
-  .header-cart-total {
-    color: #fff;
-  }
+  //.header-cart-total {
+  //  color: #fff;
+  //}
 }
 
 .cms-block-image-text {
@@ -91,31 +109,30 @@ header {
   display: flex;
   align-items: center;
   justify-content: center;
-  min-height: 500px;
+  text-align: center;
+  margin: 1.5em 0;
 
   @media screen and (max-width: 500px) {
     min-height: 20em;
   }
 
   h1 {
-    font: bold 4em 'Brandon Text', sans-serif;
+    font: bold 4em "Brandon Text", sans-serif;
     line-height: 1em;
-    color: #000;
+    color: #1674b7;
 
-    @media screen and (max-width: 500px) {
-      text-align: center;
-      color: #fff !important;
+    @media screen and (max-width: 870px) {
+      color: #fff;
     }
   }
 
   h2 {
-    font: bold 2em 'Brandon Text', sans-serif;
+    font: bold 2em "Brandon Text", sans-serif;
     line-height: 1em;
     color: #7d7d7d;
 
-    @media screen and (max-width: 500px) {
-      text-align: center;
-      color: #fff !important;
+    @media screen and (max-width: 870px) {
+      color: #1674b7;
     }
   }
 
@@ -130,7 +147,7 @@ header {
   }
 
   img {
-    max-height: 25vw;
+    max-height: 35vw;
 
     animation-name: gently-scale;
     animation-timing-function: ease-in-out;
@@ -158,6 +175,20 @@ header {
   }
 }
 
+.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;
 }
@@ -226,7 +257,7 @@ header {
     background: #fff;
     border: 0;
 
-    box-shadow: 0 0 10px rgba(13, 85, 96, .15);
+    box-shadow: 0 0 10px rgba(13, 85, 96, 0.15);
     border-radius: 0 20px 20px 20px;
 
     .card-body {
@@ -260,22 +291,30 @@ header {
         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-timing-function: cubic-bezier(0.28, 0.84, 0.42, 1);
         animation-duration: 3s;
-        animation-iteration-count: infinite;
+        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.280, 0.840, 0.420, 1);
+        animation-timing-function: cubic-bezier(0.28, 0.84, 0.42, 1);
         animation-duration: 3s;
-        animation-iteration-count: infinite;
+        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;
@@ -297,6 +336,7 @@ header {
         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;
@@ -325,16 +365,16 @@ header {
     transform: scale(1, 1) translateY(0);
   }
   10% {
-    transform: scale(1.1, .9) translateY(0);
+    transform: scale(1.1, 0.9) translateY(0);
   }
   30% {
-    transform: scale(.9, 1.1) translateY(-65px);
+    transform: scale(0.9, 1.1) translateY(-20px);
   }
   50% {
-    transform: scale(1.05, .95) translateY(0);
+    transform: scale(1.05, 0.95) translateY(0);
   }
   57% {
-    transform: scale(1, 1) translateY(-7px);
+    transform: scale(1, 1) translateY(-3px);
   }
   64% {
     transform: scale(1, 1) translateY(0);
@@ -392,24 +432,27 @@ header {
 
   h1,
   h2 {
-    font-family: 'Brandon Text', sans-serif;
+    font-family: "Brandon Text", sans-serif;
     font-weight: bold;
   }
 }
 
-.buy-widget-container {
-  button {
-    background: #179eff;
-    color: #fff;
-    border: 0;
+/** buttons */
+.header-minimal-back-to-shop-button {
+  color: #179eff;
+  border: 3px solid #179eff;
+  margin-left: 1em;
 
-    border-radius: 0 10px 10px 10px;
-  }
+  border-radius: 0 10px 10px 10px;
 }
 
+.register-submit button,
+.begin-checkout-btn,
+.buy-widget-container button,
+.scroll-up-button button,
 #addPromotion,
 #addProductButton,
-.begin-checkout-btn {
+#addPromotionOffcanvasCart {
   background: #179eff;
   color: #fff;
   border: 0;
@@ -418,16 +461,23 @@ header {
   border-radius: 0 10px 10px 10px;
 }
 
+.register-submit button,
+.begin-checkout-btn {
+  margin-left: unset;
+}
+
+/** pagination */
+
 .pagination-nav {
   margin-bottom: 5em;
 
   .pagination {
-    background: #189EFF;
+    background: #189eff;
     display: flex;
     align-items: center;
     justify-content: center;
     //border: 3px solid #fff;
-    padding: .5em;
+    padding: 0.5em;
 
     overflow: hidden;
 
@@ -455,7 +505,7 @@ header {
       border: 0;
       min-width: 3em;
       min-height: 1.5em;
-      font-family: 'Brandon Text', sans-serif;
+      font-family: "Brandon Text", sans-serif;
       font-weight: bold;
       font-size: 18px;
       text-align: center;
@@ -484,15 +534,15 @@ header {
 }
 
 .footer-main {
-  background: #313131;
+  background: #50b6ff;
 }
 
 .footer-shopware {
-  background: #313131;
+  background: #50b6ff;
   padding: 3em;
 
   h1 {
-    font: bold 1.5em 'Brandon Text', sans-serif;
+    font: bold 1.5em "Brandon Text", sans-serif;
     color: #fff;
   }
 
@@ -505,3 +555,13 @@ header {
     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/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

@@ -44,11 +44,15 @@
             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/shopare-logo-only.png') }}" alt="Shopware logo | only">
+        <img src="{{ asset('/bundles/etailconferencetheme/assets/sw-logo-only.png') }}" alt="Shopware logo | only">
     </div>
 
     {{ parent() }}
@@ -75,11 +79,7 @@
 {% endblock %}
 
 {% block base_body_classes %}
-    {{ parent() }}
-
-    {% if activeRoute == 'frontend.home.page' %}
-        shopware-bg
-    {% endif %}
+    {{parent()}} {% if activeRoute == 'frontend.home.page' %}shopware-bg{% endif %}
 {% endblock %}
 
 {% block base_breadcrumb %}{% 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/layout/header/header.html.twig

@@ -20,10 +20,10 @@
                     <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 class="col text-center">#}
+{#                    <img src="{{ asset('bundles/etailconferencetheme/assets/shopware-phone.png') }}"#}
+{#                         alt="Shopware phone">#}
+{#                </div>#}
             </div>
         </div>
     {% endif %}

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

@@ -1,9 +0,0 @@
-{% 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 %}