Sticky menu

.gitignore

@@ -127,4 +127,8 @@ nb-configuration.xml
 
 ### Release creation ###
 tools/build/releases/*
-!tools/build/releases/.gitkeep
+!tools/build/releases/.gitkeep
+/assets/css/theme.css.map
+/assets/js/theme.js.map
+/assets/js/theme.js.LICENSE.txt
+/assets/cache

LICENCE.md

@@ -1,3 +1,16 @@
-Copyright (c) 2007-2018 PrestaShop.
+Copyright (c) 2011-2020 Prestarocket (Just Web S.A.R.L.)
 
-This theme is licensed under AFL-3.0.
+By downloading or installing or using the Classic Rocket (the "Theme"), you consent to the terms and conditions of this license on behalf of yourself and the company on whose behalf you will use the Theme provided under this license.
+
+
+The use of the Theme is permitted provided that the following conditions are met:
+
+You can:
+- Customize the Theme
+- Use the Theme for personal and client projects
+
+You cannot:
+- Use in derivative PrestaShop themes that anyone can download for sale or for free.
+- Use any of the components included in the Theme in a project that is not built upon the Theme
+
+Classic Rocket Theme (THE "SOFTWARE") ARE PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

README.md

@@ -1,19 +1,24 @@
-# PrestaShop Classic Rocket
 
+# PrestaShop Classic Rocket
 Classic Rocket is a rework of "classic theme". It has been built keeping in  mind : performance, accessibility and SEO.
 
 Contributed by [Prestarocket](//www.prestarocket.com/blog/) (Twitter: [@prestarocket](https://twitter.com/prestarocket))
 
+Demo : [https://demoprestashop.prestarocket.com/](https://demoprestashop.prestarocket.com/)
+
 Main features :
 - last version of Twitter Bootstrap
 - lazy loading images
 - offcanvas for main menu and filter menu
 - less css and less js
-- form accessibility
+- form accessibility and better validation
 - SEO: Hn, rel prev/next for pagination...
 - font performance
+- better responsive
 
 We use [Dareboost](https://www.dareboost.com/) to test and improve our work.
+## Contributing
+PR on branch develop please
 
 ## Main differences with Classic Theme
 ### Performance
@@ -22,7 +27,7 @@ With the same server (gzip, PrestaShop performance settings properly adjusted)
 - JS: 155 Ko (with Classic theme) to 86 Ko
 
 You can also see the web quality and performance comparison report on [Dareboost](https://www.dareboost.com/en/comparison/d_5b51dc70e967906045fd3683/d_5b51dc70e967906045fd3684)
-### Twitter Bootstrap 4.1.x
+### Twitter Bootstrap 4.4.x
 
 - Almost all tpl files are edited to use new BS classes (ex: col-xs-12 => col-12)
 - For retrocompatibility and third modules, we keep some important old classes in bs_alpha.scss      
@@ -110,15 +115,16 @@ Filter
 ```
 
 ## Compatibility
-PrestaShop 1.7.3.2 to 1.7.4.x
+PrestaShop 1.7.3.2 to 1.7.6.x
 
 ## Download
-- For PrestaShop 1.7.3.x (version 1.0.0): [classic-rocket](https://github.com/PrestaShop/classic-rocket/releases/download/1.0.0/classic-rocket.zip)
+- [classic-rocket](https://github.com/PrestaShop/classic-rocket/releases)
 
+## Misc
+You can also use gulp to work faster during development (gulpfile.js => gulp watch)
 
 ## To do (you can help!):
 - test rtl
-- form validation
 - more BEM
 - add more custom scss variables
 - more data in jsonld

_dev/.browserslistrc

@@ -0,0 +1,3 @@
+defaults
+ie 11
+

_dev/babel.config.js

@@ -0,0 +1,3 @@
+module.exports = {
+  presets: ["@babel/preset-env"],
+};

_dev/css/abstracts/_mixins.scss

@@ -0,0 +1,12 @@
+@mixin media-breakpoint-desktop() {
+
+  @include media-breakpoint-up(lg) {
+    @content;
+  }
+}
+@mixin media-breakpoint-mobile() {
+
+  @include media-breakpoint-down(md) {
+    @content;
+  }
+}

_dev/css/abstracts/_variables.scss

@@ -0,0 +1,106 @@
+@import "variables/layout";
+@import "variables/product-miniature";
+@import "variables/searchbar";
+
+//BS touchspin
+$bs-touchspin-boxshadow:        2px 2px 4px 0 rgba(0,0,0,.2);
+
+//cart
+$promo-code-bg:                 darken($body-bg,10%);
+
+//offcanvas
+$zindex-offcanvas :             $zindex-modal;
+$offcanvas-width :              300px;
+
+//product slider
+$product-thumb-margin:          5px;
+$product-thumb-width:           100px;
+$product-thumb-height:          100px;
+$product-to-show:               3;//if you edit this, you have to add centerPadding ppy in data-slick with same value
+$product-thumb-wrap-width:      $product-to-show * ($product-thumb-width + 2 * $product-thumb-margin) - 2 * $product-thumb-margin;
+$product-thumb-wrap-width-2:    2 * ($product-thumb-width + 2 * $product-thumb-margin) - 2 * $product-thumb-margin;
+$product-thumb-wrap-height:     $product-thumb-height + $product-thumb-margin * 2;
+
+//prices
+$product-price-current-color:             null;
+$product-price-current-font-size:         null;
+$product-price-current-font-weight:       700;
+$product-price-current-font-family:       null;
+
+$product-price-regular-color:             #7a7a7a;
+$product-price-regular-font-size:         $font-size-base * .875;
+$product-price-regular-font-weight:       700;
+$product-price-regular-font-family:       null;
+
+
+$product-price-discount-color:         $tertiary;
+$product-price-discount-font-size:         null;
+$product-price-discount-font-weight:       700;
+$product-price-discount-font-family:       null;
+
+
+
+
+//product color box
+$colorbox-border-color:         #232323;
+
+//product add to cart spinner
+$spinner-width-addtocart:$btn-font-size-lg;
+$spinner-height-addtocart:$btn-font-size-lg;
+$spinner-borderwidth-addtocart:2px;
+
+
+//social share
+$social-share-size:             2.5 * $font-size-base;
+$social-share-bg-color:         $gray-300;
+
+//main menu
+$menu-topitem-font-size:            $font-size-base;
+$menu-topitem-font-weight:            600;
+$menu-topitem-color:            $gray-800;
+$menu-topitem-text-transform:   uppercase;
+$menu-topitem-padding:          $spacer/2;
+$menu-topitem-margin-left:          $spacer*2;
+
+$menu-sub-top: 60px;
+
+  //main menu mobile
+$menu-item-padding:             $spacer/2;
+$menu-item-border-color:        $border-color;
+$menu-sub-mobile-bg-color:      $wrapper-bg;
+
+//heading
+$h1-text-transform: uppercase;
+
+//footer
+$footer-margin-top:             $spacer;
+$footer-padding-top:             $spacer;
+
+//util
+//$card-box-shadow : $box-shadow !default;
+$card-box-shadow : null !default;
+
+//product section
+
+$section-title-font-family: null;
+$section-title-color: null;
+$section-title-size: null;
+$section-title-font-weight: null;
+$section-title-text-align: center;
+$section-title-text-transform: uppercase;
+$section-title-margin-bottom: $spacer;
+
+//blockcart
+$blockcart-color: null;
+$blockcart-background-color: null;
+$blockcart-inactive-color: null;
+$blockcart-inactive-background-color: null;
+$blockcart-padding:null;
+
+
+//block left column
+$block-border-color: null;
+
+
+
+

_dev/css/abstracts/variables/_layout.scss

@@ -0,0 +1,23 @@
+//color
+
+$bg-dark :                      #dededd;
+$tertiary:                      #f39d72;
+
+//option
+$enable-fluid-layout:            false;
+
+
+/* HEADER */
+$header-bg:                     $white;
+$header-box-shadow:             0 2px 6px 0 rgba(0,0,0,.2);
+$header-nav-bg-color:           null;
+$header-nav-color:              $body-color;
+$header-nav-padding-y:          null;
+$header-nav-border-color:       $border-color;
+$header-top-border-color:       $header-nav-border-color;
+/* MAIN */
+$spacer-y : $spacer*2;
+$wrapper-bg:                    #f1f1f1;
+/* FOOTER */
+$footer-bg:                     $white;
+$footer-container-margin-top:   $spacer;

_dev/css/abstracts/variables/_product-miniature.scss

@@ -0,0 +1,16 @@
+/* PRODUCT MINIATURE */
+$pm-bg-color: null;
+$pm-border-width: null;
+$pm-border-color: null;
+/* product title */
+$pm-name-color:                $gray-700;
+$pm-name-hover-color:          $primary;
+$pm-name-font-size:            $font-size-base;
+$pm-name-font-weight:          400;
+$pm-name-font-family: null;
+$pm-name-font-size: null;
+$pm-name-hover-border-width: 1px;
+$pm-name-hover-border-color: transparent;
+
+$pm-highlight-bg-color: #fff;
+$pm-highlight-translateY: 0;

_dev/css/bootstrap.scss

@@ -1,16 +1,16 @@
-@import "~bootstrap/scss/functions";
-@import "~bootstrap/scss/variables";
-@import "~bootstrap/scss/mixins";
-@import "~bootstrap/scss/root";
-@import "~bootstrap/scss/reboot";
-@import "~bootstrap/scss/type";
+@import "node_modules/bootstrap/scss/functions";
+@import "node_modules/bootstrap/scss/variables";
+@import "node_modules/bootstrap/scss/mixins";
+@import "node_modules/bootstrap/scss/root";
+@import "node_modules/bootstrap/scss/reboot";
+@import "node_modules/bootstrap/scss/type";
 $theme-colors: map-remove($theme-colors,"primary","secondary","success","info","warning","danger","light","dark");
 
-@import "~bootstrap/scss/images";
-@import "~bootstrap/scss/code";
-@import "~bootstrap/scss/grid";
-@import "~bootstrap/scss/tables";
-@import "~bootstrap/scss/forms";
+@import "node_modules/bootstrap/scss/images";
+@import "node_modules/bootstrap/scss/code";
+@import "node_modules/bootstrap/scss/grid";
+@import "node_modules/bootstrap/scss/tables";
+@import "node_modules/bootstrap/scss/forms";
 $theme-colors: (
         "primary":    $primary,
         "secondary":  $secondary,
@@ -21,22 +21,22 @@ $theme-colors: (
         "light":      $light,
         "dark":       $dark
 );
-@import "~bootstrap/scss/buttons";
+@import "node_modules/bootstrap/scss/buttons";
 $theme-colors: map-remove($theme-colors,"primary","secondary","success","info","warning","danger","light","dark");
-@import "~bootstrap/scss/transitions";
-@import "~bootstrap/scss/dropdown";
-@import "~bootstrap/scss/button-group";
-@import "~bootstrap/scss/input-group";
-@import "~bootstrap/scss/custom-forms";
-@import "~bootstrap/scss/nav";
-//@import "~bootstrap/scss/navbar";
+@import "node_modules/bootstrap/scss/transitions";
+@import "node_modules/bootstrap/scss/dropdown";
+@import "node_modules/bootstrap/scss/button-group";
+@import "node_modules/bootstrap/scss/input-group";
+@import "node_modules/bootstrap/scss/custom-forms";
+@import "node_modules/bootstrap/scss/nav";
+//@import "node_modules/bootstrap/scss/navbar";
 
 
-@import "~bootstrap/scss/card";
-@import "~bootstrap/scss/breadcrumb";
-@import "~bootstrap/scss/pagination";
-@import "~bootstrap/scss/badge";
-@import "~bootstrap/scss/jumbotron";
+@import "node_modules/bootstrap/scss/card";
+@import "node_modules/bootstrap/scss/breadcrumb";
+@import "node_modules/bootstrap/scss/pagination";
+@import "node_modules/bootstrap/scss/badge";
+@import "node_modules/bootstrap/scss/jumbotron";
 $theme-colors: (
         "primary":    $primary,
         "secondary":  $secondary,
@@ -47,18 +47,18 @@ $theme-colors: (
         "light":      $light,
         "dark":       $dark
 );
-@import "~bootstrap/scss/alert";
+@import "node_modules/bootstrap/scss/alert";
 $theme-colors: map-remove($theme-colors,"primary","secondary","success","info","warning","danger","light","dark");
 
-//@import "~bootstrap/scss/progress";
-@import "~bootstrap/scss/media";
-@import "~bootstrap/scss/list-group";
-@import "~bootstrap/scss/close";
-@import "~bootstrap/scss/toasts";
-@import "~bootstrap/scss/modal";
-@import "~bootstrap/scss/tooltip";
-@import "~bootstrap/scss/popover";
-//@import "~bootstrap/scss/carousel";
+//@import "node_modules/bootstrap/scss/progress";
+@import "node_modules/bootstrap/scss/media";
+@import "node_modules/bootstrap/scss/list-group";
+@import "node_modules/bootstrap/scss/close";
+@import "node_modules/bootstrap/scss/toasts";
+@import "node_modules/bootstrap/scss/modal";
+@import "node_modules/bootstrap/scss/tooltip";
+@import "node_modules/bootstrap/scss/popover";
+//@import "node_modules/bootstrap/scss/carousel";
 $theme-colors: (
         "primary":    $primary,
         "secondary":  $secondary,
@@ -69,8 +69,8 @@ $theme-colors: (
         "light":      $light,
         "dark":       $dark
 );
-@import "~bootstrap/scss/spinners";
-@import "~bootstrap/scss/utilities";
-@import "~bootstrap/scss/print";
+@import "node_modules/bootstrap/scss/spinners";
+@import "node_modules/bootstrap/scss/utilities";
+@import "node_modules/bootstrap/scss/print";