227 lines
14 KiB
XML
227 lines
14 KiB
XML
<?xml version="1.0" encoding="utf-8"?>
|
|
<odoo>
|
|
<!-- Google Fonts -->
|
|
<template id="clicks2cart_fonts" inherit_id="website.layout" name="Clicks2Cart Fonts">
|
|
<xpath expr="//head" position="inside">
|
|
<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;0,800;1,400&family=Outfit:wght@300;400;500;600&display=swap" rel="stylesheet"/>
|
|
</xpath>
|
|
</template>
|
|
|
|
<!-- Custom Header: Top Bar + Logo Center + Menus -->
|
|
<record id="clicks2cart_header_v17" model="ir.ui.view">
|
|
<field name="name">Clicks2Cart Header</field>
|
|
<field name="type">qweb</field>
|
|
<field name="inherit_id" ref="website.layout"/>
|
|
<field name="website_id" eval="6"/>
|
|
<field name="arch" type="xml">
|
|
<data>
|
|
<xpath expr="//header" position="before">
|
|
<div class="o_top_bar bg-white d-none d-lg-block">
|
|
<div class="container d-flex justify-content-between">
|
|
<div>
|
|
<span class="me-4"><i class="fa fa-phone me-2"></i> +1 306 854 78</span>
|
|
<span><i class="fa fa-envelope me-2"></i> Jenstore@gmail.com</span>
|
|
</div>
|
|
<div>
|
|
<span>Eng <i class="fa fa-plus ms-1" style="font-size: 0.6rem;"></i></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</xpath>
|
|
<xpath expr="//header" position="replace">
|
|
|
|
<!-- ===== MOBILE SIDE DRAWER ===== -->
|
|
<div class="c2c-mobile-overlay d-lg-none" id="c2cMobileOverlay" onclick="c2cCloseMobileMenu()"/>
|
|
<div class="c2c-mobile-drawer d-lg-none" id="c2cMobileDrawer">
|
|
<!-- Close button row (top right of drawer, with partial logo visible behind) -->
|
|
<div class="c2c-drawer-header">
|
|
<button class="c2c-drawer-close" onclick="c2cCloseMobileMenu()" aria-label="Close">✕</button>
|
|
</div>
|
|
<!-- Search bar -->
|
|
<div class="c2c-drawer-search">
|
|
<input type="text" placeholder="Search here..." class="c2c-search-input"/>
|
|
<button class="c2c-search-btn" aria-label="Search"><i class="fa fa-search"/></button>
|
|
</div>
|
|
<!-- Nav links -->
|
|
<nav class="c2c-drawer-nav">
|
|
<a href="/" class="c2c-drawer-link c2c-drawer-link--active">Home</a>
|
|
<a href="/shop" class="c2c-drawer-link c2c-drawer-link--accent">Shop <span class="c2c-plus">+</span></a>
|
|
<a href="/aboutus" class="c2c-drawer-link c2c-drawer-link--muted">About Us</a>
|
|
<a href="/blog" class="c2c-drawer-link c2c-drawer-link--muted">Blog</a>
|
|
<a href="/contactus" class="c2c-drawer-link c2c-drawer-link--muted">Contact</a>
|
|
</nav>
|
|
<!-- Footer links inside drawer -->
|
|
<div class="c2c-drawer-footer">
|
|
<a href="/my/account" class="c2c-drawer-account">
|
|
<i class="fa fa-user-o me-2"/>My Account
|
|
</a>
|
|
<p class="c2c-drawer-contact mt-3 mb-1"><strong>P:</strong>800 123 654 78</p>
|
|
<p class="c2c-drawer-contact mb-0"><strong>E:</strong><a href="mailto:Jenstore@gmail.com">Jenstore@gmail.com</a></p>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- ===== MAIN HEADER ===== -->
|
|
<header id="top" class="sticky-top bg-white">
|
|
<t t-cache="None if website.is_menu_cache_disabled() else (xmlid,website,website.is_public_user())">
|
|
<nav class="navbar navbar-expand-lg">
|
|
<div class="container d-flex justify-content-between align-items-center position-relative">
|
|
|
|
<!-- LEFT: Hamburger (mobile) / Nav links (desktop) -->
|
|
<div class="c2c-header-left d-flex align-items-center">
|
|
<!-- Mobile hamburger -->
|
|
<button class="c2c-mobile-toggle d-lg-none" onclick="c2cOpenMobileMenu()" aria-label="Open menu">
|
|
☰
|
|
</button>
|
|
<!-- Desktop nav links -->
|
|
<div class="d-none d-lg-flex gap-4">
|
|
<a href="/" class="nav-link active">Home</a>
|
|
<a href="/shop" class="nav-link">Shop +</a>
|
|
<a href="/aboutus" class="nav-link">About Us</a>
|
|
<a href="/blog" class="nav-link">Blog</a>
|
|
<a href="/contactus" class="nav-link">Contact</a>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- CENTER: Logo -->
|
|
<div class="c2c-logo-wrap text-center">
|
|
<a href="/" class="navbar-brand m-0 p-0">
|
|
<!-- Removed broken image tag for now, using text logo -->
|
|
<span class="fs-5 fw-bold text-uppercase d-block lh-1" style="letter-spacing: 2px;">Clicks To Cart</span>
|
|
<span class="small text-muted d-block" style="font-size: 0.6rem; letter-spacing: 1px;">Celebrating India's Heritage</span>
|
|
</a>
|
|
</div>
|
|
|
|
<!-- RIGHT: Cart + account + search -->
|
|
<div class="c2c-header-right header-icons d-flex align-items-center justify-content-end gap-3">
|
|
<a href="/my/account" class="text-dark d-none d-lg-inline"><i class="fa fa-user-o"/></a>
|
|
<a href="/shop/cart" class="text-dark position-relative">
|
|
<i class="fa fa-shopping-bag"/>
|
|
<span class="cart-badge">3</span>
|
|
</a>
|
|
<a href="#" class="text-dark d-none d-lg-inline"><i class="fa fa-search"/></a>
|
|
</div>
|
|
|
|
</div>
|
|
</nav>
|
|
</t>
|
|
</header>
|
|
|
|
<!-- Mobile drawer JS (inline, no dependency) -->
|
|
<script type="text/javascript">
|
|
function c2cOpenMobileMenu() {
|
|
document.getElementById('c2cMobileDrawer').classList.add('c2c-drawer--open');
|
|
document.getElementById('c2cMobileOverlay').classList.add('c2c-overlay--visible');
|
|
document.body.style.overflow = 'hidden';
|
|
}
|
|
function c2cCloseMobileMenu() {
|
|
document.getElementById('c2cMobileDrawer').classList.remove('c2c-drawer--open');
|
|
document.getElementById('c2cMobileOverlay').classList.remove('c2c-overlay--visible');
|
|
document.body.style.overflow = '';
|
|
}
|
|
</script>
|
|
</xpath>
|
|
</data>
|
|
</field>
|
|
</record>
|
|
|
|
<!-- Custom Footer -->
|
|
<record id="clicks2cart_footer_v17" model="ir.ui.view">
|
|
<field name="name">Clicks2Cart Footer</field>
|
|
<field name="type">qweb</field>
|
|
<field name="inherit_id" ref="website.layout"/>
|
|
<field name="website_id" eval="6"/>
|
|
<field name="arch" type="xml">
|
|
<xpath expr="//footer" position="replace">
|
|
<footer id="bottom" data-anchor="true" data-name="Footer" class="o_footer o_colored_level o_cc">
|
|
<div id="footer" class="oe_structure oe_structure_solo">
|
|
<section class="s_footer_custom">
|
|
<div class="container">
|
|
<div class="row align-items-start">
|
|
<!-- Navigation Links -->
|
|
<div class="col-lg-7">
|
|
<div class="row">
|
|
<div class="col-md-4 mb-4">
|
|
<h5 class="footer-title fw-bold">About</h5>
|
|
<ul class="list-unstyled footer-links">
|
|
<li><a href="#">News & Stories</a></li>
|
|
<li><a href="#">History</a></li>
|
|
<li><a href="#">Our Studio</a></li>
|
|
<li><a href="#">Shop</a></li>
|
|
<li><a href="#">Stockists</a></li>
|
|
</ul>
|
|
</div>
|
|
<div class="col-md-4 mb-4">
|
|
<h5 class="footer-title fw-bold">Customer services</h5>
|
|
<ul class="list-unstyled footer-links">
|
|
<li><a href="/contactus">Contact Us</a></li>
|
|
<li><a href="#">Trade Services</a></li>
|
|
<li><a href="#">Login/Register</a></li>
|
|
<li><a href="#">Delivery & Returns</a></li>
|
|
<li><a href="#">FAQs</a></li>
|
|
</ul>
|
|
</div>
|
|
<div class="col-md-4 mb-4">
|
|
<h5 class="footer-title fw-bold">Store</h5>
|
|
<ul class="list-unstyled footer-links">
|
|
<li><a href="/shop">Shop</a></li>
|
|
<li><a href="#">Wedding</a></li>
|
|
<li><a href="#">Holiday</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<!-- Social Links -->
|
|
<div class="d-flex align-items-center gap-3 mt-4 social-links" style="font-family: 'Outfit', sans-serif;">
|
|
<span class="text-uppercase fw-bold" style="letter-spacing: 1px; color: #000; font-size: 0.8rem;">CONNECT WITH US:</span>
|
|
<a href="#"><i class="fa fa-instagram"/></a>
|
|
<a href="#"><i class="fa fa-facebook"/></a>
|
|
<a href="#"><i class="fa fa-twitter"/></a>
|
|
<a href="#"><i class="fa fa-pinterest"/></a>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Newsletter Card -->
|
|
<div class="col-lg-5 mb-4">
|
|
<div class="footer-newsletter-card">
|
|
<div class="newsletter-content">
|
|
<h2>Newsletter</h2>
|
|
<p>Sign up for our mailing list to get lastest updates and offers</p>
|
|
<div class="newsletter-form mt-2">
|
|
<div class="input-group">
|
|
<input type="email" class="form-control" placeholder="Your mail here" aria-label="Email"/>
|
|
</div>
|
|
<button class="btn btn-subscribe mt-3">Subscribe</button>
|
|
</div>
|
|
</div>
|
|
<!-- Image Decoration -->
|
|
<img src="https://landing.engotheme.com/html/jenstore/demo/img/newsletter_img.png" class="newsletter-image d-none d-md-block" alt="Flowers"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Footer Bottom -->
|
|
<div class="footer-bottom">
|
|
<div class="row align-items-center">
|
|
<div class="col-md-4 text-center text-md-start mb-3 mb-md-0">
|
|
<div class="footer-logo">
|
|
<h5 class="mb-0 fw-bold text-uppercase">Jenstore</h5>
|
|
<span class="text-uppercase">Flowers</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4 text-center mb-3 mb-md-0">
|
|
<p class="mb-0">Copyright © 2018 by EngoTheme</p>
|
|
</div>
|
|
<div class="col-md-4 text-center text-md-end">
|
|
<p class="mb-0">E: <a href="mailto:Jenstore@gmail.com">Jenstore@gmail.com</a></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
</footer>
|
|
|
|
</xpath>
|
|
</field>
|
|
</record>
|
|
</odoo>
|