Skip to content

J
joshine
Commit d2670596 by 王东红
Options

导航条功能完善

parent 3364f2ed
Showing with 19 additions and 1 deletions
app/design/frontend/Joshine/breeze/Magento_Theme/layout/default.xml
...@@ -4,6 +4,10 @@ ...@@ -4,6 +4,10 @@
<body> <body>
<attribute name="class" value="breeze-theme"/> <attribute name="class" value="breeze-theme"/>
<move element="top.search" destination="store.menu" before="catalog.topnav"/> <move element="top.search" destination="store.menu" before="catalog.topnav"/>
<move element="minicart" destination="store.menu" after="header.wishlist"/>
<move element="header.wishlist" destination="store.menu" after="header.account"/>
<move element="header.account" destination="store.menu" after="catalog.topnav"/>
<move element="skip_to_content" destination="header.panel" before="-"/> <move element="skip_to_content" destination="header.panel" before="-"/>
<referenceBlock name="cookie-status-check" remove="true"/> <referenceBlock name="cookie-status-check" remove="true"/>
<referenceBlock name="report.bugs" remove="true"/> <referenceBlock name="report.bugs" remove="true"/>
...@@ -57,7 +61,7 @@ ...@@ -57,7 +61,7 @@
</block> </block>
</referenceContainer> </referenceContainer>
<move element="minicart" destination="header-wrapper" after="header.wishlist"/> <!-- <move element="minicart" destination="header-wrapper" after="header.wishlist"/>-->
<!-- Navigation --> <!-- Navigation -->
<referenceBlock name="navigation.sections" remove="true"/> <referenceBlock name="navigation.sections" remove="true"/>
......
app/design/frontend/Joshine/breeze/web/css/_custom.less
...@@ -1020,6 +1020,7 @@ footer{ ...@@ -1020,6 +1020,7 @@ footer{
} }
@media(min-width: 640px){ @media(min-width: 640px){
display: flex; display: flex;
align-items: center;
.navigation .active>a.level-top, .navigation .has-active>a.level-top{ .navigation .active>a.level-top, .navigation .has-active>a.level-top{
background:none; background:none;
} }
...@@ -1170,6 +1171,12 @@ footer{ ...@@ -1170,6 +1171,12 @@ footer{
:where(input:not([type=range])):focus, :where(input:not([type=range])):focus-visible, textarea:focus, textarea:focus-visible, select:focus, select:focus-visible{ :where(input:not([type=range])):focus, :where(input:not([type=range])):focus-visible, textarea:focus, textarea:focus-visible, select:focus, select:focus-visible{
--input-shadow-spread: 0; --input-shadow-spread: 0;
} }
.minicart-wrapper{
padding-right: 20px;
}
.dropdown.options{
padding-right: 15px;
}
//.navigation li.level0.nav-1 .ui-menu-icon{ //.navigation li.level0.nav-1 .ui-menu-icon{
// position: absolute; // position: absolute;
// text-transform: uppercase; // text-transform: uppercase;
......
app/design/frontend/Joshine/breeze/web/js/breeze/components/menu.js
...@@ -45,6 +45,13 @@ ...@@ -45,6 +45,13 @@
}) })
.prepend('<span class="ui-menu-icon ui-icon-1">NEW</span>'); .prepend('<span class="ui-menu-icon ui-icon-1">NEW</span>');
$('li.parent.nav-3', this.element)
.children('a')
.filter(function () {
return $(this).children('.ui-icon').length === 0;
})
.prepend('<span class="ui-menu-icon ui-icon-1">SALE</span>');
$('li.parent', this.element).on('keydown.menu', function (e) { $('li.parent', this.element).on('keydown.menu', function (e) {
var dropdown = $(this).children(self.options.dropdown), var dropdown = $(this).children(self.options.dropdown),
visibleDropdowns = $(self.options.dropdown + '.shown'); visibleDropdowns = $(self.options.dropdown + '.shown');
......
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