You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 

133 lines
5.5 KiB

<?xml version="1.0" encoding="UTF-8" ?>
<odoo>
<!-- To inherit cart page -->
<template id="checkout_layout_inherit" inherit_id="website_sale.checkout_layout" name="Checkout Layout">
<xpath expr="//div[hasclass('o_website_sale_checkout')]" position="before">
<section class="banner cart_banner">
<div class="container">
<div class="row">
<h1 class=" about_heading">CART</h1>
</div>
</div>
</section>
</xpath>
</template>
<!-- <template id="hide_cart_buttons" inherit_id="website_sale.cart_lines" name="hide cart button">-->
<!-- <div name="o_wsale_cart_line_button_container" position="replace"/>-->
<!-- </template>-->
<template id="hide_cart_buttons" inherit_id="website_sale.cart_lines" name="hide cart button">
<div name="o_wsale_cart_line_button_container" position="inside">
<style>
@media screen and (max-width: 780px) {
.btn-light {
height: 24px;
width: 24px;
min-width: 24px;
padding: 0;
font-size: 14px !important;
border: none !important;
background: transparent !important;
box-shadow: none !important;
display: inline-flex;
align-items: center;
justify-content: center;
margin: 0 2px;
color: #666 !important;
/* Hide text content, show only icons */
text-indent: -9999px;
overflow: visible;
white-space: nowrap;
position: relative;
}
/* Show icons properly */
.btn-light i,
.btn-light svg,
.btn-light .icon {
text-indent: 0;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
color: inherit;
font-size: 14px;
}
/* For Font Awesome or similar icon fonts */
.btn-light::before {
text-indent: 0;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
color: inherit;
}
/* Hover effect - light pink color */
.btn-light:hover {
color: #ffb3d9 !important;
}
.btn-light:hover i,
.btn-light:hover svg,
.btn-light:hover .icon,
.btn-light:hover::before {
color: #ffb3d9 !important;
}
/* Container for buttons to ensure they stay in a row */
.button-container {
display: flex;
align-items: center;
gap: 2px;
flex-wrap: nowrap;
}
}
</style>
</div>
</template>
<template id="cart_page" inherit_id="website_sale.cart" active="True" name="Cart Page">
<xpath expr="//div[hasclass('oe_structure')]" position="after">
<section class="follow-us">
<div class="container">
<h2 class="f-product-heading">FOLLOW US</h2>
</div>
<div class="follow-product">
<div class="container">
<div class="row">
<div class="col-12 col-sm-6 col-lg-3 col-md-6">
<div class="product">
<div class="product__image"
style="background-image: url(/theme_silon/static/src/img/followus/artem-gavrysh-ygAujED2tZ4-unsplash.jpg)">
</div>
</div>
</div>
<div class="col-12 col-sm-6 col-lg-3 col-md-6">
<div class="product">
<div class="product__image"
style="background-image: url(/theme_silon/static/src/img/followus/edu-lauton-TyQ-0lPp6e4-unsplash.jpg)">
</div>
</div>
</div>
<div class="col-12 col-sm-6 col-lg-3 col-md-6">
<div class="product">
<div class="product__image"
style="background-image: url(/theme_silon/static/src/img/followus/philipe-cavalcante-Ugpcxb0jG4Q-unsplash.jpg)">
</div>
</div>
</div>
<div class="col-12 col-sm-6 col-lg-3 col-md-6">
<div class="product">
<div class="product__image"
style="background-image: url(/theme_silon/static/src/img/followus/remy_loz-rT5LrFoNeA0-unsplash1.jpg)">
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</xpath>
</template>
</odoo>