Skip to content

J
joshine
Commit d678ccaa by lmf
Options

优化弹框加载流程 

优化详情页标题样式
parent bb43984c
Showing with 83 additions and 81 deletions
app/design/frontend/Joshine/breeze/Magento_Catalog/templates/product/view/addto.phtml
...@@ -39,33 +39,6 @@ ...@@ -39,33 +39,6 @@
height: 55px; height: 55px;
} }
</style> </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 style="width: 100%" class="product-view-freeshipping">
<div class="product-intro__freeshipping product-intro__bg-none"> <div class="product-intro__freeshipping product-intro__bg-none">
<div class="product-intro__freeshipping-abt action" data-trigger="trigger-freeshipping" > <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 ...@@ -244,5 +217,34 @@ $short_description = $this->helper(Magento\Catalog\Helper\Output::class)->produc
$(".desction-right").html("+"); $(".desction-right").html("+");
} }
}) })
setTimeout(function(){
$("#product-intro-fast-delivery").show();
$("#product-intro-free-return").show();
},1000);
}); });
</script> </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 @@ ...@@ -6,59 +6,6 @@
/** @var $block \Magento\Catalog\Block\Product\View */ /** @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 $_product = $block->getProduct(); ?>
<?php $buttonTitle = __('ADD TO CART'); ?> <?php $buttonTitle = __('ADD TO CART'); ?>
<?php if ($_product->isSaleable()) :?> <?php if ($_product->isSaleable()) :?>
...@@ -120,7 +67,61 @@ ...@@ -120,7 +67,61 @@
' <a href="javascript:void(0);">Size Guide</a></span></div>'; ' <a href="javascript:void(0);">Size Guide</a></span></div>';
$(".swatch-attribute.size > span:last").after(size); $(".swatch-attribute.size > span:last").after(size);
} }
$("#product-intro-size-chart").show();
},1000); },1000);
}); });
</script> </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 { ...@@ -631,7 +631,6 @@ ul {
margin-bottom: 0; margin-bottom: 0;
display: inline-block; display: inline-block;
letter-spacing: -1.5px; letter-spacing: -1.5px;
line-height: 1;
} }
.cms-home .cms-index-index .page-layout-1column > main#maincontent { .cms-home .cms-index-index .page-layout-1column > main#maincontent {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment