add top button

themes/contrib/estore/css/styles.css

@@ -5,10 +5,17 @@
  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
  */
 /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
-@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,400i,600,700,700i&subset=cyrillic");
+/* @import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,400i,600,700,700i&subset=cyrillic"); */
+@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
+@font-face {
+	font-family: "Roboto";
+	src: url('https://fonts.googleapis.com/css2?family=Roboto&display=swap') format("truetype");
+	font-weight: normal;
+	font-style: normal;
+}
 
-html {
-  font-family: sans-serif;
+body {
+  font-family: 'Roboto', sans-serif !important;
   -webkit-text-size-adjust: 100%;
   -ms-text-size-adjust: 100%;
 }
@@ -95,6 +102,53 @@ header.navbar .category-menu ul.menu.litte-menu {
   height: 455px;
 /* //  overflow: hidden; */
 }
+#scrollUp {
+    background: #c40316 none repeat scroll 0 0;
+    bottom: 85px;
+    color: #ffffff;
+    overflow: hidden;
+    cursor: pointer;
+    display: none;
+    font-size: 20px;
+    height: 45px;
+    line-height: 39px;
+    position: fixed;
+    right: 12px;
+    text-align: center;
+    width: 45px;
+    z-index: 9999;
+    border-radius: 50%;
+    border: 2px solid #fff;
+    -webkit-transition: 0.3s;
+    transition: 0.3s;
+}
+#scrollUp:hover i {
+    animation-name: fadeInUp;
+    animation-duration: 1s;
+    animation-fill-mode: both;
+    animation-iteration-count: infinite;
+}
+@keyframes fadeInUp {
+    from {
+        transform: translate3d(0,40px,0)
+    }
+
+    to {
+        transform: translate3d(0,0,0);
+        opacity: 1
+    }
+}
+
+@-webkit-keyframes fadeInUp {
+    from {
+        transform: translate3d(0,40px,0)
+    }
+
+    to {
+        transform: translate3d(0,0,0);
+        opacity: 1
+    }
+}
 
 .menu--category-menu .dropdown-toggle i{
   font-size: 14px;
@@ -103,8 +157,17 @@ header.navbar .category-menu ul.menu.litte-menu {
   /* float: right; */
   top: 15px;
   position: absolute;
-  right: 38px;
+  right: 15px;
 }
+/* .top-region{
+  background: white;
+}
+.region.region-content{
+  background: #f5f5f9
+}
+.layout__region--first-collection--inner .row{
+  background: white
+} */
 .more-category, .less-category {
   /* text-align: center; */
   text-transform: uppercase;
@@ -114,7 +177,7 @@ header.navbar .category-menu ul.menu.litte-menu {
   font-family: Rubik, Arial, Helvetica, sans-serif;
   font-size: 14px;
   font-weight: 500;
-  padding: 15px 0 10px 0;
+  padding: 0 20px;
   text-decoration: none;
   -webkit-transition: .3s ease;
   -moz-transition: .3s ease;
@@ -265,7 +328,7 @@ header .link_content a:hover {
   border: 1px solid #e94337;
   border-radius: 4px;
   padding: 5px 20px;
-      background: #e86c6c26;
+  background: #F6E8EA;
 }
 
 .pin_be {
@@ -10477,7 +10540,7 @@ header.navbar .block-search-navigation .search-icon.active {
 
 .footer {
   padding: 50px 0 0 0;
-  background-color: #f6f7f7;
+  background-color: #F6E8EA;
 }
 
 .footer .block .block-title {

themes/contrib/estore/js/custom.js

@@ -39,9 +39,16 @@
     $(".menu.menu--category-menu.nav").addClass('hide-block');
   }
   $(window).scroll(function () {
+    // console.log($(window).scrollTop() )
     if($(window).scrollTop() > 130){
       $(".middle-header-wrapper").children(".container-fluid").addClass("fixed-top");
     }
+    if($(window).scrollTop() < 380){
+      $("#scrollUp").hide();
+    }
+    if($(window).scrollTop() > 380){
+      $("#scrollUp").show();
+    }
     else {
       $(".middle-header-wrapper").children(".container-fluid").removeClass("fixed-top");
     }

themes/contrib/estore/templates/layouts/homepage/first/homepage--first.html.twig

@@ -15,7 +15,8 @@
   <div{{ attributes .addClass('estore-homepage-first')}}>
 
     {% if content.top_slideshow or content.top_categories %}
-      <div class="top-region container-fluid">
+    <div class="top-region">
+      <div class=" container-fluid">
         <div class="top-region-inner">
           <div class="row">
             <div class="col-lg-3 hidden-xs hidden-sm">  </div>
@@ -28,6 +29,7 @@
           </div>
         </div>
       </div>
+    </div>
     {% endif %}
 
 

themes/contrib/estore/templates/system/page.html.twig

@@ -231,7 +231,9 @@
         </div>
       </div>
     {% endblock %}
-
+  <a id="scrollUp" href="#top" style="position: fixed; z-index: 2147483647; display: block;">
+    <i class="fa fa-angle-double-up"></i>
+  </a>
     {% block footer %}
       <footer class="footer" role="contentinfo">
         <div class="footer-top clearfix">