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

CHANGELOG.md

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

README.md

@@ -20,5 +20,10 @@ This plugin was made for the eTail conference to show a Shopware w/ special them
    ```
    > 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(n,e,o){(function(n){n((function(){setTimeout((function(){n(".shopware-overlay").addClass("fade-out"),n(".header-main, .footer-main, .content-main").removeClass("d-none"),setTimeout((function(){n(".shopware-overlay").addClass("d-none")}),500)}),500),n(".card.product-box").each((function(){n(this).find(".btn").append(n(this).find(".product-price"))}))}))}).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/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;
   }
 }
 
@@ -109,7 +109,7 @@ header {
   display: flex;
   align-items: center;
   justify-content: center;
-  text-align: right;
+  text-align: center;
   margin: 1.5em 0;
 
   @media screen and (max-width: 500px) {
@@ -117,7 +117,7 @@ header {
   }
 
   h1 {
-    font: bold 4em 'Brandon Text', sans-serif;
+    font: bold 4em "Brandon Text", sans-serif;
     line-height: 1em;
     color: #1674b7;
 
@@ -127,7 +127,7 @@ header {
   }
 
   h2 {
-    font: bold 2em 'Brandon Text', sans-serif;
+    font: bold 2em "Brandon Text", sans-serif;
     line-height: 1em;
     color: #7d7d7d;
 
@@ -175,6 +175,10 @@ header {
   }
 }
 
+.gallery-slider-image {
+  width: 100%;
+}
+
 /** basket offcanvas */
 
 .offcanvas-cart {
@@ -253,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 {
@@ -288,7 +292,7 @@ header {
 
         border-radius: 50%;
         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-play-state: paused;
         box-shadow: 0 3.125rem 1.5rem rgba(0, 0, 0, 0.24);
@@ -296,7 +300,7 @@ header {
 
       .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-play-state: paused;
         transform-origin: bottom;
@@ -361,13 +365,13 @@ 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(-20px);
+    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(-3px);
@@ -428,12 +432,11 @@ header {
 
   h1,
   h2 {
-    font-family: 'Brandon Text', sans-serif;
+    font-family: "Brandon Text", sans-serif;
     font-weight: bold;
   }
 }
 
-
 /** buttons */
 .header-minimal-back-to-shop-button {
   color: #179eff;
@@ -469,12 +472,12 @@ header {
   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;
 
@@ -502,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;
@@ -539,7 +542,7 @@ header {
   padding: 3em;
 
   h1 {
-    font: bold 1.5em 'Brandon Text', sans-serif;
+    font: bold 1.5em "Brandon Text", sans-serif;
     color: #fff;
   }
 
@@ -552,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

@@ -6,3 +6,5 @@ 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

@@ -52,7 +52,7 @@
     {% 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() }}
@@ -79,11 +79,7 @@
 {% endblock %}
 
 {% block base_body_classes %}
-    {{ parent() }}
+    {{parent()}} {% if activeRoute == 'frontend.home.page' %}shopware-bg{% endif %}
-
-    {% if activeRoute == 'frontend.home.page' %}
-        shopware-bg
-    {% endif %}
 {% endblock %}
 
 {% block base_breadcrumb %}{% 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">
+{#                <div class="col text-center">#}
-                    <img src="{{ asset('bundles/etailconferencetheme/assets/shopware-phone.png') }}"
+{#                    <img src="{{ asset('bundles/etailconferencetheme/assets/shopware-phone.png') }}"#}
-                         alt="Shopware phone">
+{#                         alt="Shopware phone">#}
-                </div>
+{#                </div>#}
             </div>
         </div>
     {% endif %}