优化弹框加载流程

优化详情页标题样式

app/design/frontend/Joshine/breeze/Magento_Catalog/templates/product/view/addto.phtml

@@ -39,33 +39,6 @@
         height: 55px;
     }
 </style>
-
-<div data-bind="mageInit: {
-        'Magento_Ui/js/modal/modal':{
-            'type': 'popup',
-            'title': '',
-            'trigger': '[data-trigger=trigger-freeshipping]',
-            'responsive': true,
-            'buttons' : []
-        }}">
-    <div class="content">
-        <?php echo $block->getLayout()->createBlock('Magento\Cms\Block\Block')->setBlockId('product-intro-fast-delivery')->toHtml();?>
-    </div>
-</div>
-<div data-bind="mageInit: {
-        'Magento_Ui/js/modal/modal':{
-            'type': 'popup',
-            'title': '',
-            'trigger': '[data-trigger=trigger-freeshipping-more]',
-            'responsive': true,
-            'buttons' : []
-        }}">
-    <div class="content">
-        <?php echo $block->getLayout()->createBlock('Magento\Cms\Block\Block')->setBlockId('product-intro-free-return')->toHtml();?>
-    </div>
-</div>
-
-
 <div style="width: 100%" class="product-view-freeshipping">
     <div class="product-intro__freeshipping product-intro__bg-none">
         <div class="product-intro__freeshipping-abt action" data-trigger="trigger-freeshipping" >
@@ -244,5 +217,34 @@ $short_description = $this->helper(Magento\Catalog\Helper\Output::class)->produc
                 $(".desction-right").html("+");
             }
         })
+        setTimeout(function(){
+            $("#product-intro-fast-delivery").show();
+            $("#product-intro-free-return").show();
+        },1000);
     });
 </script>
+
+<div data-bind="mageInit: {
+        'Magento_Ui/js/modal/modal':{
+            'type': 'popup',
+            'title': '',
+            'trigger': '[data-trigger=trigger-freeshipping]',
+            'responsive': true,
+            'buttons' : []
+        }}">
+    <div class="content" style="display: none" id="product-intro-fast-delivery">
+        <?php echo $block->getLayout()->createBlock('Magento\Cms\Block\Block')->setBlockId('product-intro-fast-delivery')->toHtml();?>
+    </div>
+</div>
+<div data-bind="mageInit: {
+        'Magento_Ui/js/modal/modal':{
+            'type': 'popup',
+            'title': '',
+            'trigger': '[data-trigger=trigger-freeshipping-more]',
+            'responsive': true,
+            'buttons' : []
+        }}">
+    <div class="content" style="display: none" id="product-intro-free-return">
+        <?php echo $block->getLayout()->createBlock('Magento\Cms\Block\Block')->setBlockId('product-intro-free-return')->toHtml();?>
+    </div>
+</div>

app/design/frontend/Joshine/breeze/Magento_Catalog/templates/product/view/addtocart.phtml

@@ -6,59 +6,6 @@
 
 /** @var $block \Magento\Catalog\Block\Product\View */
 ?>
-
-<div data-bind="mageInit: {
-        'Magento_Ui/js/modal/modal':{
-            'type': 'popup',
-            'title': '',
-            'trigger': '[data-trigger=trigger]',
-            'responsive': true,
-            'buttons' : []
-        }}">
-    <div class="content">
-        <?php echo $block->getLayout()->createBlock('Magento\Cms\Block\Block')->setBlockId('product-intro-size-chart')->toHtml();?>
-    </div>
-</div>
-
-<style>
-    #product-intro__freeshipping-more-3{
-        display: inline-block;
-        color: #000;
-        font-size: 12px;
-        line-height: 1;
-        margin-top: -10px;
-        font-weight: 700;
-        margin-left: 80%;
-    }
-    .action.primary.tocart{
-        font-size: 18px;
-        background-color: #000;
-        max-width: 100%;
-        font-weight: 600;
-        height: 55px;
-        width: 300px;
-    }
-    @media (max-width: 780px){
-        #product-intro__freeshipping-more-3{
-            margin-top: -20px;
-            margin-bottom: 10px;
-        }
-        #wishlist{
-            display: none;
-        }
-    }
-    @media (min-width: 780px) {
-        #wishlist{
-            width: 10%;
-            float: left;
-            padding: 3px;
-            display: block;
-        }
-        .product-addto-links{
-            display: none;
-        }
-    }
-</style>
 <?php $_product = $block->getProduct(); ?>
 <?php $buttonTitle = __('ADD TO CART'); ?>
 <?php if ($_product->isSaleable()) :?>
@@ -120,7 +67,61 @@
                     '        <a href="javascript:void(0);">Size Guide</a></span></div>';
                 $(".swatch-attribute.size > span:last").after(size);
             }
+            $("#product-intro-size-chart").show();
         },1000);
 
     });
 </script>
+
+<div data-bind="mageInit: {
+        'Magento_Ui/js/modal/modal':{
+            'type': 'popup',
+            'title': '',
+            'trigger': '[data-trigger=trigger]',
+            'responsive': true,
+            'buttons' : []
+        }}">
+    <div class="content" id="product-intro-size-chart" style="display: none;">
+        <?php echo $block->getLayout()->createBlock('Magento\Cms\Block\Block')->setBlockId('product-intro-size-chart')->toHtml();?>
+    </div>
+</div>
+
+<style>
+    #product-intro__freeshipping-more-3{
+        display: inline-block;
+        color: #000;
+        font-size: 12px;
+        line-height: 1;
+        margin-top: -10px;
+        font-weight: 700;
+        margin-left: 80%;
+    }
+    .action.primary.tocart{
+        font-size: 18px;
+        background-color: #000;
+        max-width: 100%;
+        font-weight: 600;
+        height: 55px;
+        width: 300px;
+    }
+    @media (max-width: 780px){
+        #product-intro__freeshipping-more-3{
+            margin-top: -20px;
+            margin-bottom: 10px;
+        }
+        #wishlist{
+            display: none;
+        }
+    }
+    @media (min-width: 780px) {
+        #wishlist{
+            width: 10%;
+            float: left;
+            padding: 3px;
+            display: block;
+        }
+        .product-addto-links{
+            display: none;
+        }
+    }
+</style>

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

@@ -631,7 +631,6 @@ ul {
   margin-bottom: 0;
   display: inline-block;
   letter-spacing: -1.5px;
-  line-height: 1;
 }
 
 .cms-home .cms-index-index .page-layout-1column > main#maincontent {