Commit 7e212882 by lmf

优化类目左侧和详情标题样式

parent e5e0f217
<?php
/**
* Copyright © Magento, Inc. All rights reserved.
* See COPYING.txt for license details.
*/
/**
* @var \Magento\Theme\Block\Html\Header $block
* @var \Magento\Framework\Escaper $escaper
*/
$welcomeMessage = $block->getWelcome();
?>
<?php if ($block->getShowPart() == 'welcome') : ?>
<li class="greet welcome" data-bind="scope: 'customer'">
<!-- ko if: customer().fullname -->
<span class="logged-in"
data-bind="text: new String('<?= $escaper->escapeHtml(__('Welcome, %1!', '%1')) ?>').replace('%1', customer().fullname)">
</span>
<!-- /ko -->
<!-- ko ifnot: customer().fullname -->
<span class="not-logged-in"
data-bind="html: '<?= $escaper->escapeHtmlAttr($welcomeMessage) ?>'"></span>
<?= $block->getBlockHtml('header.additional') ?>
<!-- /ko -->
</li>
<script type="text/x-magento-init">
{
"*": {
"Magento_Ui/js/core/app": {
"components": {
"customer": {
"component": "Magento_Customer/js/view/customer"
}
}
}
}
}
</script>
<?php elseif ($block->getShowPart() == 'other') :?>
<?= $block->getChildHtml() ?>
<?php endif ?>
<div class="header_bar" >
</div>
<style>
.header_bar {
width: 100%;
height: 60px;
background: url(https://media.joshine.com/wysiwyg/tonglan_2_.jpg) no-repeat center;
background-size: 100%;
}
@media(max-width:789px){
.header_bar {
width: 100%;
height: 40px;
background: url(https://media.joshine.com/wysiwyg/tongtiao_M.jpg) no-repeat center;
background-size: 100%;
}
}
</style>
......@@ -68,3 +68,21 @@ script;
</div>
</div>
<?php endif; ?>
<div class="header_bar" >
</div>
<style>
.header_bar {
width: 100%;
height: 60px;
background: url(https://media.joshine.com/wysiwyg/tonglan_2_.jpg) no-repeat center;
background-size: 100%;
}
@media(max-width:789px){
.header_bar {
width: 100%;
height: 40px;
background: url(https://media.joshine.com/wysiwyg/tongtiao_M.jpg) no-repeat center;
background-size: 100%;
}
}
</style>
\ No newline at end of file
......@@ -2,6 +2,52 @@
display: none;
}
#maincontent .page-title-wrapper > .page-title-wrapper .product > .page-title .base{
display: block;
}
.filter-content .filter-options .filter-options-title {
font-size: 20px;
color: #292929;
font-weight: 500;
position: relative;
padding-bottom: 12px;
margin-bottom: 10px;
font-family: 'Outfit', sans-serif;
display: block;
}
.filter-content .filter-options .filter-options-content ol li a {
color: #999999;
}
.swatch-option .text {
display: block;
width: 40px;
height: 40px;
line-height: 40px;
color: #222222;
font-size: 12px;
font-weight: 500;
text-align: center;
background-color: #f1f1f1;
border-radius: 10%;
padding: 0;
border: 0;
}
.block-content .recent .products-list .product-items .product-item .product-item-info .product-item-details .product-item-name{
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
cursor: pointer;
width: 70%;
display: inline-block;
color: #222222;
}
*{
padding: 0;
margin: 0;
......
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