添加返回顶部按钮以及修改顶部Logo样式

app/design/frontend/Joshine/breeze/Magento_Theme/templates/html/footer.phtml

@@ -6,6 +6,11 @@
 
 
 ?>
 ?>
 <?php echo $block->getLayout()->createBlock('Magento\Cms\Block\Block')->setBlockId('public_footer')->toHtml();?>
 <?php echo $block->getLayout()->createBlock('Magento\Cms\Block\Block')->setBlockId('public_footer')->toHtml();?>
+
+<a href="#top" title="go to header" id="topBtn" style="display: none;">
+    <img loading="lazy" src="<?php echo $block->getViewFileUrl('images/goTop.png'); ?>">
+</a>
+
 <script>
 <script>
     require([
     require([
         'jquery'
         'jquery'

app/design/frontend/Joshine/breeze/Magento_Theme/templates/html/header/logo.phtml

@@ -19,6 +19,36 @@ $logoHeight = $logoSizeResolver !== null && $logoSizeResolver->getHeight()
     ? $logoSizeResolver->getHeight()
     ? $logoSizeResolver->getHeight()
     : $block->getLogoHeight();
     : $block->getLogoHeight();
 ?>
 ?>
+
+<script>
+    window.onscroll = function (){
+        var top = document.getElementById("topBtn");
+        if (document.documentElement.scrollTop > 200 || document.body.scrollTop > 200){
+            top.style.display="block";
+        }else {
+            top.style.display="none";
+        }
+    }
+
+    var userAgentInfo = navigator.userAgent;
+    var Agents = new Array("Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod");
+    var flag = true;
+    for (var v = 0; v < Agents.length; v++) {
+        if (userAgentInfo.indexOf(Agents[v]) > 0) { flag = false; break; }
+    }
+
+    require(['jquery'],function ($){
+        if (flag){
+            var imgH = $('.logo').height();
+            imgH= Math.ceil(imgH/3);
+            $('.header ').css('margin-bottom',imgH);
+        }else{
+            var headerH = $('.page-header').outerHeight(true);
+            $('.columns').css('margin-top',headerH);
+        }
+    });
+</script>
+
 <span data-action="toggle-nav" class="action nav-toggle"><span><?= $block->escapeHtml(__('Toggle Nav')) ?></span></span>
 <span data-action="toggle-nav" class="action nav-toggle"><span><?= $block->escapeHtml(__('Toggle Nav')) ?></span></span>
 <a
 <a
         class="logo"
         class="logo"

app/design/frontend/Joshine/breeze/web/css/_custom.less

@@ -142,6 +142,9 @@
   //  position: fixed;
   //  position: fixed;
   //}
   //}
 
 
+  #topBtn{
+    width: 6% !important;
+  }
 }
 }
 
 
 
 
@@ -606,6 +609,10 @@ ul {
   .categories_tab {
   .categories_tab {
     height: 330px;
     height: 330px;
   }
   }
+
+  #topBtn {
+    width: 8% !important;
+  }
 }
 }
 
 
 .categories_tab {
 .categories_tab {
@@ -2556,5 +2563,11 @@ button.primary.action.create {
 
 
 strong#block-related-heading,strong#block-upsell-heading{ font-weight: 600; color: #000;font-size: 16px;}
 strong#block-related-heading,strong#block-upsell-heading{ font-weight: 600; color: #000;font-size: 16px;}
 
 
+#topBtn{
+  bottom: 5%;
+  right: 2%;
+  position:fixed;
+  width: 4%;
 
 
+}