forked from LiveCarta/LiveCartaWP
header fixes
This commit is contained in:
@@ -10,6 +10,7 @@ require_once 'inc/walker-nav-menu.php';
|
|||||||
<div class="fm-line show-sm">
|
<div class="fm-line show-sm">
|
||||||
<div class="title">Menu</div>
|
<div class="title">Menu</div>
|
||||||
<a href="/features">Features</a>
|
<a href="/features">Features</a>
|
||||||
|
<a href="/blog">Blog</a>
|
||||||
<a href="/about-us">About Us</a>
|
<a href="/about-us">About Us</a>
|
||||||
<a href="/privacy-policy">Privacy Policy</a>
|
<a href="/privacy-policy">Privacy Policy</a>
|
||||||
<a href="/cookies-policy">Cookies Policy</a>
|
<a href="/cookies-policy">Cookies Policy</a>
|
||||||
@@ -20,6 +21,7 @@ require_once 'inc/walker-nav-menu.php';
|
|||||||
<div class="fm-col hide-sm">
|
<div class="fm-col hide-sm">
|
||||||
<div class="title">Product</div>
|
<div class="title">Product</div>
|
||||||
<a href="/features">Features</a>
|
<a href="/features">Features</a>
|
||||||
|
<a href="/blog">Blog</a>
|
||||||
<a href="/about-us">About Us</a>
|
<a href="/about-us">About Us</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="fm-col hide-sm">
|
<div class="fm-col hide-sm">
|
||||||
|
|||||||
@@ -115,10 +115,10 @@ height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
|
|||||||
<header class="header">
|
<header class="header">
|
||||||
<div class="cont">
|
<div class="cont">
|
||||||
<div class="header-cont">
|
<div class="header-cont">
|
||||||
<button class="header-menu-toggle header-btn mobile">
|
<button class="header-menu-toggle header-btn mobile" title="Open Menu">
|
||||||
<span class="icon-menu"></span>
|
<span class="icon-menu"></span>
|
||||||
</button>
|
</button>
|
||||||
<a href="#" class="logo">
|
<a href="#" class="logo" title="Logo">
|
||||||
<picture>
|
<picture>
|
||||||
<source media="(min-width: 600px)" srcset="<?= get_lawcarta_url()?>/img/logo.svg">
|
<source media="(min-width: 600px)" srcset="<?= get_lawcarta_url()?>/img/logo.svg">
|
||||||
<img src="<?= get_lawcarta_url()?>/img/logo-mobile.svg" alt="Logo">
|
<img src="<?= get_lawcarta_url()?>/img/logo-mobile.svg" alt="Logo">
|
||||||
@@ -131,25 +131,25 @@ height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
|
|||||||
<div class="search-input with-btn">
|
<div class="search-input with-btn">
|
||||||
<div class="si-flex">
|
<div class="si-flex">
|
||||||
<div class="close-search">
|
<div class="close-search">
|
||||||
<button class="header-btn">
|
<button class="header-btn" title="Close Search">
|
||||||
<span class="icon-back"></span>
|
<span class="icon-back"></span>
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
<div class="left">
|
<div class="left">
|
||||||
<span class="icon-search hide-sm"></span>
|
<span class="icon-search hide-sm"></span>
|
||||||
<button class="button clear link">
|
<button class="button clear link" title="Clear Search">
|
||||||
<span class="icon-close"></span>
|
<span class="icon-close"></span>
|
||||||
</button>
|
</button>
|
||||||
<input type="text" class="form-control" placeholder="Search books and study materials" id="header-search">
|
<input type="text" class="form-control" placeholder="Search books and study materials" id="header-search">
|
||||||
</div>
|
</div>
|
||||||
<div class="right">
|
<div class="right">
|
||||||
<button class="button action" id="header-search-btn">
|
<button class="button action" id="header-search-btn" title="Start Search">
|
||||||
<span class="icon-search"></span>
|
<span class="icon-search"></span>
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<button class="header-btn open-search">
|
<button class="header-btn open-search" title="Open Search">
|
||||||
<span class="icon-search"></span>
|
<span class="icon-search"></span>
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
@@ -157,7 +157,7 @@ height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
|
|||||||
</div>
|
</div>
|
||||||
<div class="mobile-menu">
|
<div class="mobile-menu">
|
||||||
<div class="mm-bg"></div>
|
<div class="mm-bg"></div>
|
||||||
<button class="close-header-menu header-btn">
|
<button class="close-header-menu header-btn" title="Close Menu">
|
||||||
<span class="icon-close"></span>
|
<span class="icon-close"></span>
|
||||||
</button>
|
</button>
|
||||||
<div class="mm-cont">
|
<div class="mm-cont">
|
||||||
@@ -213,7 +213,6 @@ height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
|
|||||||
library: appUrl + '/library',
|
library: appUrl + '/library',
|
||||||
bundles: appUrl + '/bundle',
|
bundles: appUrl + '/bundle',
|
||||||
features: wpUrl + '/features',
|
features: wpUrl + '/features',
|
||||||
blog: wpUrl + '/blog',
|
|
||||||
aboutUs: wpUrl + '/about-us',
|
aboutUs: wpUrl + '/about-us',
|
||||||
cart: appUrl + '/checkout/cart',
|
cart: appUrl + '/checkout/cart',
|
||||||
login: appUrl + '/user/login',
|
login: appUrl + '/user/login',
|
||||||
@@ -233,7 +232,6 @@ height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
|
|||||||
let isPageSelected = {
|
let isPageSelected = {
|
||||||
home: currentPage === '/' ? ' selected' : '',
|
home: currentPage === '/' ? ' selected' : '',
|
||||||
features: currentPage.indexOf('/features') === 0 ? ' selected' : '',
|
features: currentPage.indexOf('/features') === 0 ? ' selected' : '',
|
||||||
blog: currentPage.indexOf('/blog') === 0 ? ' selected' : '',
|
|
||||||
aboutUs: currentPage.indexOf('/about-us') === 0 ? ' selected' : ''
|
aboutUs: currentPage.indexOf('/about-us') === 0 ? ' selected' : ''
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -244,7 +242,6 @@ height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
|
|||||||
if (!isGuest) desktopLinks += '<a href="' + linksObject.library + '" class="menu-link movable"><span class="text">My Library</span></a>';
|
if (!isGuest) desktopLinks += '<a href="' + linksObject.library + '" class="menu-link movable"><span class="text">My Library</span></a>';
|
||||||
if (!isGuest) desktopLinks += '<a href="' + linksObject.bundles + '" class="menu-link movable"><span class="text">Bundles</span></a>';
|
if (!isGuest) desktopLinks += '<a href="' + linksObject.bundles + '" class="menu-link movable"><span class="text">Bundles</span></a>';
|
||||||
if (isGuest) desktopLinks += '<a href="' + linksObject.features + '" class="menu-link movable' + isPageSelected.features +'"><span class="text">Features</span></a>';
|
if (isGuest) desktopLinks += '<a href="' + linksObject.features + '" class="menu-link movable' + isPageSelected.features +'"><span class="text">Features</span></a>';
|
||||||
desktopLinks += '<a href="' + linksObject.blog + '" class="menu-link movable' + isPageSelected.blog +'"><span class="text">Blog</span></a>';
|
|
||||||
if (isGuest) desktopLinks += '<a href="' + linksObject.aboutUs + '" class="menu-link movable' + isPageSelected.aboutUs +'"><span class="text">About Us</span></a>';
|
if (isGuest) desktopLinks += '<a href="' + linksObject.aboutUs + '" class="menu-link movable' + isPageSelected.aboutUs +'"><span class="text">About Us</span></a>';
|
||||||
|
|
||||||
document.querySelector('.desktop-menu').innerHTML = desktopLinks;
|
document.querySelector('.desktop-menu').innerHTML = desktopLinks;
|
||||||
@@ -265,13 +262,13 @@ height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
|
|||||||
`;
|
`;
|
||||||
}
|
}
|
||||||
if (!isGuest) {
|
if (!isGuest) {
|
||||||
hrmHtml += `<button class="header-btn circle header-menu-toggle">
|
hrmHtml += `<button class="header-btn circle header-menu-toggle" title="Open Menu">
|
||||||
<span class="icon-profile"></span> `;
|
<span class="icon-profile"></span> `;
|
||||||
if (showConfirmationNotice) hrmHtml += '<span class="icon-warning"></span>';
|
if (showConfirmationNotice) hrmHtml += '<span class="icon-warning"></span>';
|
||||||
hrmHtml += `</button>`;
|
hrmHtml += `</button>`;
|
||||||
}
|
}
|
||||||
hrmHtml += `
|
hrmHtml += `
|
||||||
<a class="header-btn circle" href="` + linksObject.cart + `">
|
<a class="header-btn circle" href="` + linksObject.cart + `" title="My Cart">
|
||||||
<span class="icon-shop"></span>
|
<span class="icon-shop"></span>
|
||||||
</a>
|
</a>
|
||||||
`;
|
`;
|
||||||
|
|||||||
@@ -4,6 +4,7 @@
|
|||||||
<div class="fm-line show-sm">
|
<div class="fm-line show-sm">
|
||||||
<div class="title">Menu</div>
|
<div class="title">Menu</div>
|
||||||
<a href="/features">Features</a>
|
<a href="/features">Features</a>
|
||||||
|
<a href="/blog">Blog</a>
|
||||||
<a href="/about-us">About Us</a>
|
<a href="/about-us">About Us</a>
|
||||||
<a href="/privacy-policy">Privacy Policy</a>
|
<a href="/privacy-policy">Privacy Policy</a>
|
||||||
<a href="/cookies-policy">Cookies Policy</a>
|
<a href="/cookies-policy">Cookies Policy</a>
|
||||||
@@ -14,6 +15,7 @@
|
|||||||
<div class="fm-col hide-sm">
|
<div class="fm-col hide-sm">
|
||||||
<div class="title">Product</div>
|
<div class="title">Product</div>
|
||||||
<a href="/features">Features</a>
|
<a href="/features">Features</a>
|
||||||
|
<a href="/blog">Blog</a>
|
||||||
<a href="/about-us">About Us</a>
|
<a href="/about-us">About Us</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="fm-col hide-sm">
|
<div class="fm-col hide-sm">
|
||||||
|
|||||||
Reference in New Issue
Block a user